.demo-shell{--demo-green:#164b39;--demo-ink:#17352c;--demo-border:#cbd8cf;color:var(--demo-ink);background:#f4f6f0;min-height:100vh;padding:24px max(20px,50vw - 600px);font-family:Arial,sans-serif;line-height:1.55}.demo-shell *{box-sizing:border-box}.demo-shell a{color:#176449;text-underline-offset:3px}.demo-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.demo-header>a:first-child{letter-spacing:.12em;font-size:24px;font-weight:800;text-decoration:none}.demo-header span{letter-spacing:.08em;font-size:11px;font-weight:500;display:block}.demo-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:52px;display:grid}.demo-story{padding-top:24px}.demo-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}.demo-story h1{letter-spacing:-.035em;margin:20px 0;font-size:clamp(32px,4vw,52px);line-height:1.1}.demo-story>p:not(.demo-eyebrow):not(.demo-fine){font-size:18px}.demo-story ul{margin:28px 0;padding-left:20px}.demo-story li{margin:14px 0}.demo-card{border:1px solid var(--demo-border);background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #17352c08}.demo-card h2{overflow-wrap:anywhere;margin:18px 0;font-size:clamp(26px,3vw,34px);line-height:1.25}.demo-notice{background:#fff6d9;border:1px solid #dcc67d;border-radius:10px;margin-top:0;padding:14px 16px;font-size:14px}.demo-shell a:focus-visible,.demo-shell summary:focus-visible{outline-offset:3px;outline:3px solid #cf9917}.demo-fine{color:#4c6256;margin:20px 0;font-size:13px}.demo-disclosure{font-size:14px;line-height:1.7}.demo-policy-links{flex-wrap:wrap;gap:8px 18px;margin:20px 0;font-size:14px;display:flex}.demo-shell .demo-primary{text-align:center;background:var(--demo-green);color:#fff;border-radius:8px;min-height:48px;margin:20px 0;padding:16px;font-size:17px;font-weight:700;text-decoration:none;display:block}.demo-sample{border-top:1px solid var(--demo-border);margin-top:24px;padding-top:22px}.demo-sample summary{cursor:pointer;min-height:44px;font-weight:600}.demo-sample blockquote{background:#edf4ee;border-left:4px solid #2b7858;margin:10px 0 0;padding:14px 18px}.demo-sample blockquote>span{font-size:12px;display:block}.demo-sample blockquote p{margin-bottom:0}@media (max-width:780px){.demo-shell{padding:20px 18px}.demo-header{margin-bottom:20px}.demo-layout{grid-template-columns:1fr;gap:20px}.demo-story{padding-top:0}.demo-story h1{max-width:500px}.demo-card{padding:24px 20px}}