.demo-shell{background:var(--paper);color:var(--ink);min-height:100svh}.demo-shell a{text-underline-offset:4px}.demo-shell a:focus-visible,.demo-shell button:focus-visible,.demo-shell input:focus-visible,.demo-shell select:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.demo-shell button,.demo-shell a,.demo-shell input,.demo-shell select{touch-action:manipulation}.demo-shell button{background:var(--ink);min-height:44px;color:var(--paper);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:.65rem 1rem;font-weight:500}.demo-shell button:disabled{opacity:.5;cursor:not-allowed}.demo-shell button:active:not(:disabled){background:var(--brand-ink)}.demo-header{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:auto;padding:1.25rem clamp(1rem,4vw,3rem);display:flex}.demo-header a{align-items:center;min-height:44px;display:inline-flex}.demo-wordmark{gap:.75rem;font-size:1.2rem;font-weight:600}.demo-wordmark span,.demo-badge{color:var(--brand-ink);background:var(--brand-wash);border-radius:5px;padding:.25rem .6rem;font-size:.8rem}.demo-notice{background:var(--brand-wash);color:var(--brand-ink);border-block:1px solid var(--line);flex-wrap:wrap;gap:.5rem 1.5rem;padding:1rem clamp(1rem,4vw,3rem);font-size:.9rem;display:flex}.demo-notice strong{flex-shrink:0}.demo-notice span{max-width:95ch}.demo-frame{grid-template-columns:240px minmax(0,1fr);max-width:1400px;margin:auto;display:grid}.demo-sidebar{border-right:1px solid var(--line);padding:2rem 1.5rem}.demo-sidebar>p:first-child{margin-bottom:1rem;font-weight:600}.demo-sidebar nav{flex-direction:column;gap:.25rem;display:flex}.demo-sidebar nav a{border-radius:5px;min-height:44px;padding:.75rem .5rem}.demo-aside-note{color:var(--ink-2);margin-top:2rem;font-size:.85rem;line-height:1.7}.demo-content{overflow-wrap:anywhere;min-width:0;padding:clamp(1.25rem,4vw,3.5rem)}.demo-content h1{font-family:var(--font-serif), Georgia, serif;max-width:22ch;margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.08}.demo-content h2{margin-bottom:.6rem;font-size:1.15rem;font-weight:600}.demo-content h3{font-family:var(--font-serif), Georgia, serif;margin-bottom:.65rem;font-size:1.7rem;line-height:1.2}.demo-content p{max-width:75ch;color:var(--ink-2);line-height:1.75}.demo-content .demo-lead{margin-bottom:2.5rem;font-size:1.1rem}.demo-content>section{margin-top:2.5rem}.demo-content li{margin-top:.75rem;padding-left:.25rem}.demo-content ol{padding-left:1.25rem;list-style:decimal}.demo-content ul{margin-bottom:1.5rem;padding-left:1.25rem;list-style:outside}.demo-content li a,.demo-evidence a,.demo-records h2 a,.demo-boundary>a{text-decoration:underline}.demo-tours{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.demo-tour{background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:1.5rem}.demo-directory>a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.demo-directory>a>span:first-child{gap:.35rem;display:grid}.demo-directory span span{color:var(--ink-2);font-size:.95rem}.demo-count{white-space:nowrap;color:var(--ink-2);font-size:.85rem}.demo-boundary{background:var(--paper-2);border-left:3px solid var(--brand);border-radius:0 6px 6px 0;padding:1.5rem}.demo-boundary p+p{margin-top:1rem}.demo-filters{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.demo-filters label{flex:180px;gap:.5rem;font-size:.9rem;display:grid}.demo-filters input,.demo-filters select{border:1px solid var(--line-2);background:var(--paper);color:var(--ink);border-radius:5px;width:100%;min-width:0;min-height:44px;padding:.7rem;font-size:16px}.demo-result-count{margin:1.25rem 0;font-size:.9rem}.demo-records article{border-top:1px solid var(--line);padding:1.5rem 0}.demo-record-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.demo-detail-meta{margin-top:2rem}.demo-owner{margin-top:.75rem;font-size:.85rem}.demo-facts{border-block:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding-block:1.5rem;display:grid}.demo-facts dt{color:var(--ink-2);margin-bottom:.35rem;font-size:.85rem}.demo-evidence article{margin-bottom:1.75rem}.demo-answer{cursor:pointer;align-items:center;gap:.75rem;min-height:44px;padding:.75rem 0;display:flex}.demo-answer input{width:20px;height:20px;accent-color:var(--brand);flex-shrink:0}.demo-boundary fieldset{margin-top:1.5rem}.demo-boundary legend{margin-bottom:.5rem;font-weight:600}.demo-quiz-controls{flex-wrap:wrap;gap:.75rem;margin-block:1rem;display:flex}.demo-footer{border-top:1px solid var(--line);color:var(--ink-2);padding:1.5rem clamp(1rem,4vw,3rem);font-size:.85rem}.demo-skip{background:var(--paper);z-index:100;padding:1rem;position:absolute;top:-200px;left:1rem}.demo-skip:focus{top:1rem}@media (hover:hover) and (pointer:fine){.demo-sidebar nav a:hover,.demo-directory>a:hover{background:var(--paper-2)}.demo-shell a:hover{color:var(--brand-ink)}}@media (max-width:800px){.demo-frame{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:1rem}.demo-sidebar nav{flex-flow:wrap;gap:.25rem .75rem}.demo-aside-note{margin-top:.75rem}.demo-tours{grid-template-columns:1fr}}@media (max-width:480px){.demo-header{font-size:.85rem}.demo-facts{grid-template-columns:1fr}.demo-directory>a{align-items:start}.demo-count{white-space:normal;text-align:right}}