/* Explanatory project diagrams: readable at native scale, with contained panning. */
.work-visual-section{max-width:1180px;margin:32px auto;min-width:0;clear:both}
.work-visual-section h2{font-family:Georgia,serif;font-size:clamp(25px,3vw,36px);line-height:1.2;color:#173d32;margin:0 0 14px}
.work-visual-section figure{margin:0;border:1px solid #c9d0c2;background:#fffdf7;border-radius:6px;overflow:hidden}
.work-visual-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;background:#fff;scrollbar-color:#6d8975 #eef0e8}
.work-visual-scroll:focus-visible{outline:3px solid #a4452a;outline-offset:-3px}
.work-visual-scroll img{display:block;width:100%;min-width:var(--work-visual-width,760px);max-width:none;height:auto}
.work-visual-caption{padding:16px 20px;color:#4c5d50;font-size:15px;line-height:1.65;border-top:1px solid #d9ded1}
.work-visual-caption p{margin:0 0 8px;max-width:90ch}
.work-visual-caption a{display:inline-flex;align-items:center;min-height:44px;color:#23523b;font-weight:600;font-size:15px}
.work-visual-section>p,.work-visual-description{font-size:16px;line-height:1.7;color:#4c5d50;max-width:90ch}
.work-visual-hint{font-size:13px!important;margin:8px 0 12px;color:#5c685c}
@media(max-width:650px){.work-visual-section{margin:24px auto}.work-visual-caption{padding:14px 16px}}
@media print{.work-visual-scroll{overflow:visible}.work-visual-scroll img{min-width:0;width:100%;max-width:100%}.work-visual-section figure{break-inside:avoid}.work-visual-hint{display:none}}