.demo-page{--ink:#f1ead9;--ink-soft:#9c9285;--paper:#16130f;--rule:#322c24;--accent:#e3a339;--track:#322c24;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Georgia,Times New Roman,serif;line-height:1.7}.demo-page *{box-sizing:border-box}.demo-page .page{max-width:920px;margin:0 auto;padding:5rem 1.5rem 8rem}.demo-page .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:700}.demo-page h1{letter-spacing:-.01em;max-width:680px;margin:0 0 1rem;font-size:2.4rem;line-height:1.15}.demo-page .dek{color:var(--ink-soft);max-width:680px;margin:0 0 1.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:1.15rem;font-weight:400}.demo-page .byline{color:var(--ink-soft);border-bottom:1px solid var(--rule);max-width:680px;margin-bottom:2.25rem;padding-bottom:1.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:.85rem}.demo-page .byline strong{color:var(--ink)}.demo-page .layout{grid-template-columns:minmax(200px,240px) minmax(0,680px);align-items:start;gap:3rem;display:grid}.demo-page #toc{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;position:sticky;top:2rem}.demo-page .toc-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .75rem;font-size:.7rem;font-weight:700}.demo-page #toc-list{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.demo-page .toc-item button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-family:inherit;display:block}.demo-page .toc-title{color:var(--ink-soft);margin:0 0 .35rem;font-size:.85rem;line-height:1.4;transition:color .2s}.demo-page .toc-item.current .toc-title{color:var(--ink);font-weight:600}.demo-page .toc-track{background:var(--track);border-radius:2px;height:3px;overflow:hidden}.demo-page .toc-fill{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width .1s linear}.demo-page .toc-dot,.demo-page .toc-mobile-bar,.demo-page .toc-panel{display:none}.demo-page #article-body h2{letter-spacing:-.005em;margin:0 0 1rem;font-size:1.6rem}.demo-page #article-body section{margin-bottom:3rem;padding-top:.5rem}.demo-page #article-body p{margin:0 0 1.4rem;font-size:1.1rem}@media (width<=760px){.demo-page .layout{grid-template-columns:1fr;gap:0}.demo-page #toc{z-index:40;-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--rule);background:#16130feb;margin:0 -1.25rem 2rem;padding:.85rem 1.25rem .65rem;position:sticky;top:0}.demo-page .toc-label{display:none}.demo-page #toc{flex-direction:column;display:flex}.demo-page .toc-mobile-bar{order:1;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .6rem;display:flex}.demo-page .toc-mobile-current{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;min-height:1.2em;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:700;overflow:hidden}.demo-page .toc-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:.3rem .1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:.72rem;font-weight:600;display:flex}.demo-page .toc-toggle-icon{width:13px;height:13px;transition:transform .2s}.demo-page .toc-toggle[aria-expanded=true] .toc-toggle-icon{transform:rotate(180deg)}.demo-page #toc-list{flex-direction:row;order:2;justify-content:space-between;align-items:center;gap:0;padding:0 4px;position:relative}.demo-page #toc-list:before,.demo-page #toc-list:after{content:"";border-radius:2px;height:2px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.demo-page #toc-list:before{background:var(--track);width:calc(100% - 8px)}.demo-page #toc-list:after{width:calc((100% - 8px) * var(--toc-progress,0));background:var(--accent);transition:width .1s linear}.demo-page .toc-item{z-index:1;position:relative}.demo-page .toc-item button{justify-content:center;align-items:center;width:auto;padding:.5rem;display:flex}.demo-page .toc-title,.demo-page .toc-track{display:none}.demo-page .toc-dot{background:var(--paper);border:2px solid var(--track);border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:background-color .2s,border-color .2s,transform .2s;display:block}.demo-page .toc-item.done .toc-dot{background:var(--accent);border-color:var(--accent)}.demo-page .toc-item.current .toc-dot{background:var(--accent);border-color:var(--accent);transform:scale(1.45)}.demo-page .toc-panel{order:3;max-height:0;transition:max-height .25s;display:block;overflow:hidden}.demo-page #toc-panel-list{border-top:1px solid var(--rule);flex-direction:column;gap:.1rem;margin:0;padding:.85rem 0 .25rem;list-style:none;display:flex}.demo-page .toc-panel-item button{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.65rem;width:100%;padding:.3rem .2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;display:flex}.demo-page .toc-panel-dot{background:var(--paper);border:2px solid var(--track);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background-color .2s,border-color .2s}.demo-page .toc-panel-item.done .toc-panel-dot,.demo-page .toc-panel-item.current .toc-panel-dot{background:var(--accent);border-color:var(--accent)}.demo-page .toc-panel-title{color:var(--ink-soft);font-size:.85rem;line-height:1.4;transition:color .2s}.demo-page .toc-panel-item.current .toc-panel-title{color:var(--ink);font-weight:700}}@media (width<=480px){.demo-page .page{padding:3rem 1.25rem 6rem}.demo-page h1{font-size:1.9rem}}