.demo-notes{border:var(--pixel) solid var(--border-strong);background:var(--surface);width:min(1120px,100% - 32px);color:var(--foreground-soft);word-break:keep-all;margin:28px auto 0;padding:clamp(18px,3.2vw,28px)}.demo-notes-kicker{color:var(--accent);font:850 .68rem/1 var(--font-geist-mono), monospace;letter-spacing:.06em;margin:0 0 8px}.demo-notes-heading{color:var(--foreground);margin:0 0 10px;font-size:clamp(1.15rem,2.6vw,1.45rem);font-weight:850;line-height:1.3}.demo-notes-intro{margin:0;font-size:.92rem;line-height:1.75}.demo-notes-steps{gap:6px;margin:16px 0 0;padding-left:1.4rem;font-size:.88rem;line-height:1.7;list-style:decimal;display:grid}.demo-notes-steps li{padding-left:.15rem;display:list-item}.demo-notes-steps li::marker{color:var(--accent);font-weight:800}.demo-notes-subheading{color:var(--foreground);margin:26px 0 12px;font-size:.98rem;font-weight:800}.demo-notes-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.demo-notes-card{border:var(--pixel) solid var(--border);background:var(--surface-2);padding:14px 15px}.demo-notes-card-no{color:var(--accent);font:850 .7rem/1 var(--font-geist-mono), monospace;margin:0 0 6px}.demo-notes-card-title{color:var(--foreground);margin:0 0 6px;font-size:.88rem;font-weight:800;line-height:1.45}.demo-notes-card-body{margin:0;font-size:.82rem;line-height:1.7}.demo-notes-limits{border:var(--pixel) dashed var(--border-strong);background:var(--surface-2);margin-top:20px;padding:14px 15px}.demo-notes-limits-title{color:var(--foreground);margin:0 0 6px;font-size:.86rem;font-weight:800}.demo-notes-limits-body{color:var(--muted);margin:0;font-size:.82rem;line-height:1.75}.demo-notes-sources{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:16px 0 0;font-size:.76rem;line-height:1.6;display:flex}.demo-notes-sources>span{color:var(--muted);font-weight:800}.demo-notes-sources a{color:var(--foreground-soft);text-underline-offset:3px;text-decoration:underline}.demo-notes-sources a:hover,.demo-notes-sources a:focus-visible{color:var(--accent)}@media (max-width:620px){.demo-notes{width:min(100% - 24px,1120px)}.demo-notes-cards{grid-template-columns:1fr}}