html:has(.example-page){scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:72px}.example-page{color:#14161a;font-family:var(--brand-sans),sans-serif;background:#eceae3;min-height:100vh;font-size:20px;line-height:1.45}.example-page *{box-sizing:border-box}.example-page a{color:inherit;text-underline-offset:5px}.example-page nav{z-index:10;background:#eceae3;border-bottom:1px solid #bbbcb6;justify-content:space-between;align-items:center;gap:20px;padding:12px 5vw;font-size:16px;display:flex;position:sticky;top:0}.example-page nav div{gap:24px;display:flex}.example-page nav a{align-items:center;min-height:44px;text-decoration:none;display:flex}.example-rail{border-left:1px solid #14161a;max-width:1100px;margin:0 auto;padding-left:48px}.example-page section{scroll-snap-align:start;padding:64px 32px 64px 0;scroll-margin-top:72px}.example-hero{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;min-height:calc(100svh - 72px);display:flex}.example-page h1{letter-spacing:-.05em;margin:0;font-size:clamp(64px,8vw,108px);line-height:1}.example-page p{max-width:38ch;margin:0}.example-label{font:500 14px/1.5 var(--brand-mono),monospace}.example-next{align-items:center;gap:16px;min-height:48px;margin-top:24px;text-decoration:none;display:flex}.example-next span{font-size:32px}.example-page h2{letter-spacing:-.04em;margin:0 0 32px;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.1}.example-page section>header{z-index:2;background:#eceae3;padding:16px 0;position:sticky;top:72px}.example-page h3{font:500 24px/1.4 var(--brand-mono),monospace;margin:16px 0}.example-evidence,.example-source{border:1px solid #aaa99f;padding:28px}.example-amount{font:500 clamp(28px,5vw,48px)/1.3 var(--brand-mono),monospace;margin:20px 0;display:block}.example-page dl{margin:24px 0 0}.example-page dl div{border-top:1px solid #bbbcb6;justify-content:space-between;gap:24px;padding:16px 0;display:flex}.example-page dd{text-align:right;margin:0}.example-page figure{margin:40px 0 0}.example-page img{width:100%;height:auto;display:block}.example-page figcaption{margin-top:14px;font-size:14px}.example-page figcaption a{align-items:center;min-height:44px;display:inline-flex}.example-page :focus-visible{outline-offset:5px;outline:2px solid #bb4d36}@media (max-width:760px){.example-page{font-size:18px}.example-rail{margin-left:20px;padding-left:20px}.example-page section{padding:32px 20px 40px 0}.example-page nav{padding:8px 20px}.example-page nav div{gap:16px}.example-page nav a{font-size:14px}.example-page section>header{top:60px}.example-evidence,.example-source{padding:20px}.example-page dl div{flex-direction:column;gap:4px}.example-page dd{text-align:left}}@media (prefers-reduced-motion:reduce){html:has(.example-page){scroll-behavior:auto;scroll-snap-type:none}}