/* HTML-only refinements. Existing palette, type roles and motion remain canonical. */
html{scrollbar-gutter:stable;scroll-padding-top:120px}
main,section,article,figure,.case-text,.case-heading>div{min-width:0}
.case-text,.case-meta dd,.contact-email,.evidence-note{overflow-wrap:anywhere}
.nav-links a{min-height:44px;display:inline-flex;align-items:center}
.evidence-note{margin-top:24px;padding:20px 24px;border:1px solid var(--line);border-radius:8px;font-size:var(--type-label);line-height:1.85;color:var(--muted)}
.case-light .evidence-note{color:var(--secondary)}
.evidence-note strong{font-weight:600;display:block;margin-bottom:6px;color:inherit}
.original-link{display:inline-block;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px 0;font-size:var(--type-label)}
.dialog-content .original-link{color:var(--light)}
#dialog-retry,#archive-retry{min-height:44px;margin:12px 0;padding:10px 16px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit}
.dialog-error{min-height:64px}
.not-found main{max-width:680px;margin:18vh auto;padding:24px}
.not-found h1{font-size:clamp(28px,5vw,42px)}
.not-found p{margin:24px 0}
@media(max-width:767px){
 html{scroll-padding-top:140px}
 .site-header,.portfolio-home .site-header{height:120px;padding:12px 20px;display:grid;grid-template-columns:1fr;gap:4px;align-content:center}
 .brand{justify-self:start}.brand strong{font-size:19px}.brand strong span{font-size:11px}
 .nav-links{gap:14px;font-size:14px;justify-content:space-between;width:100%}
 .nav-links a:nth-child(2){display:inline-flex}
 .nav-links a:last-child{font-size:inherit;padding:7px 10px}
 .nav-links a:last-child span{display:none}
 .portfolio-hero{padding-top:120px}.case-hero{padding-top:156px}
 .portfolio-wall{grid-template-columns:1fr;gap:24px}
 .column-industry,.column-product{padding-top:0;grid-column:auto;grid-template-columns:1fr}
 .shot-main,.shot-product{height:390px}.column-product .shot-detail{margin-top:0}
 .shot-detail{display:grid;max-height:210px}
 .hero-label strong{font-size:18px}.hero-label>span{font-size:15px}
 .portfolio-baseline{flex-wrap:wrap}
 .case-pagination{flex-wrap:wrap}.case-pagination a{min-height:44px;display:inline-flex;align-items:center}
 .project-dialog{max-width:calc(100% - 24px);width:calc(100% - 24px)}
 .dialog-header{gap:12px}.dialog-header h2{font-size:20px;overflow-wrap:anywhere}
 .evidence-note{padding:16px}.case-toc a{min-height:44px;display:inline-flex;align-items:center}
}
@media(forced-colors:active){.evidence-note{border-color:CanvasText}}