:root{color:#203c35;--slc-accent:#176b52;--slc-surface-muted:#f4f8f3;background:#f6f5ef;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1260px;margin:auto;padding:30px 42px}nav{border-bottom:1px solid #d6ded4;justify-content:space-between;gap:20px;padding-bottom:24px;font-size:14px;display:flex}a{color:#176b52;text-underline-offset:4px}nav a{font-weight:650;text-decoration:none}header{padding:55px 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#5f7867;font-size:11px;font-weight:700}h1{letter-spacing:-.05em;margin:15px 0 22px;font-size:clamp(36px,5vw,64px);font-weight:550;line-height:1.08}.lede{color:#61716a;max-width:600px;line-height:1.7}.examples{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card{background:#fff;border:1px solid #d8e0d4;border-radius:16px;min-width:0;padding:28px}h2{letter-spacing:-.03em;margin:12px 0;font-size:24px;font-weight:550}h3{margin:12px 0;font-size:24px;font-weight:550}p{line-height:1.65}.card>p:not(.eyebrow){color:#61716a;min-height:53px}button{color:#fff;font:inherit;cursor:pointer;text-align:left;background:#176b52;border:1px solid #176b52;border-radius:10px;justify-content:space-between;gap:24px;width:100%;padding:15px 20px;display:flex}button:hover{background:#115740}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #c08827}.stage{min-height:330px;padding-top:15px}.reveal{background:#eef5e6;border-radius:12px;padding:22px}.reveal p{color:#506657}[hidden]{display:none!important}details{border-top:1px solid #e2e7de;padding-top:18px}summary{cursor:pointer;font-size:14px}pre{overflow-wrap:anywhere;white-space:pre-wrap;background:#f6f8f4;border-radius:8px;padding:16px;font:12px/1.65 ui-monospace,monospace}footer{color:#61716a;max-width:760px;padding:25px 0;font-size:13px;line-height:1.7}@media (width<=740px){main{padding:22px 18px}.examples{grid-template-columns:1fr}header{padding:30px 0 15px}.card{padding:22px}.stage{min-height:270px}nav{flex-wrap:wrap}}@media (pointer:coarse){button,select,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),summary{min-height:44px}nav a{align-items:center;min-height:44px;display:inline-flex}}