:root{--radius:12px;--ink:#202020;--muted:#626262;--line:#ddd;--surface:#f2f2f2}
html{color-scheme:light;scroll-padding-top:24px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:break-word}
header nav{align-items:center;flex-wrap:wrap;gap:12px 24px}header nav .navlinks{gap:0 16px}header nav>a:first-child{flex-shrink:0}
main,header nav,footer{min-width:0}h1,h2,h3,p,li,dd,a,strong{overflow-wrap:anywhere}h1{max-width:26ch}h2{line-height:1.25}
.answer,.homegrid a,.thread,.cost-block,.ci-card,.band,.thread .message{border-radius:var(--radius)}
button,input{font:inherit}button{min-height:44px;border-radius:6px}button:hover{background:#ddd}input{max-width:100%}input[aria-invalid=true]{border:2px solid #222}
:focus-visible{outline:3px solid #333;outline-offset:4px}.skip{z-index:10}.skip:focus{top:8px}
.scroll{overscroll-behavior-x:contain}.scroll:focus-visible{outline-offset:2px}table{min-width:650px}
img{max-width:100%;height:auto}summary{min-height:44px}a:hover{text-decoration-thickness:2px}
header nav .navlinks a[aria-current=page]{font-weight:750;text-decoration-thickness:2px}
.error-page{padding-block:64px}.error-page .subnav{border:0}.ci-grid>*{min-width:0}
@media(max-width:700px){header nav{display:block;padding-block:16px}.navlinks{margin-top:8px}.subnav{gap:0 16px}.answer{padding:16px}.cost-block{padding:12px}.reviewpair,.fit,.steps{display:block}h1{letter-spacing:-1px}.ci-card,.band{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.ci-review,header,footer,.actions,.skip{display:none}.scroll{overflow:visible}table{min-width:0}a{text-decoration:none}}