.guide-topbar{grid-template-columns:minmax(0,1fr) auto;gap:16px}.guide-topbar-actions{align-items:center;gap:8px;display:flex}.guide-home-link{min-height:40px;color:var(--white);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.guide-main{width:min(100%,1240px);margin-inline:auto;padding:38px 28px 84px}.guide-intro{border-bottom:3px solid var(--green);padding:24px 0 30px}.guide-intro h1{color:var(--white);letter-spacing:-.045em;margin:0;font-size:clamp(38px,7vw,68px);font-weight:800;line-height:.98}.guide-lede{max-width:780px;color:var(--white);margin:18px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.48}.guide-note{max-width:780px;color:var(--muted);margin:12px 0 0;font-size:13px}.guide-toc{border:2px solid var(--green);background:var(--panel-bg);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px;display:grid}.guide-toc-label{border-bottom:1px solid var(--green);background:var(--surface);color:var(--pink-ink);letter-spacing:0;grid-column:1/-1;margin:0;padding:8px 12px;font-size:12px;font-weight:800}.guide-toc a{border-right:1px solid var(--line);min-height:58px;color:var(--white);grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:9px;padding:10px 12px;font-size:13px;font-weight:800;text-decoration:none;display:grid}.guide-toc a:last-child{border-right:0}.guide-toc a:hover,.guide-toc a:focus-visible{background:var(--green);color:var(--accent-ink)}.guide-nav-arrow{color:var(--pink-ink);justify-self:end;font-size:16px}.guide-toc a:hover .guide-nav-arrow,.guide-toc a:focus-visible .guide-nav-arrow{color:var(--accent-ink)}.guide-section{border-bottom:2px solid var(--line);padding:32px 0 38px;scroll-margin-top:76px}.guide-section-copy{max-width:820px;margin-bottom:20px}.guide-section-copy h2,.guide-notes h2{color:var(--pink-ink);letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(22px,3.3vw,30px);font-weight:800;line-height:1.1}.guide-section-copy p,.guide-notes p{max-width:820px;color:var(--muted);margin:0 0 9px;font-size:15px;line-height:1.62}.guide-section-copy p:last-child,.guide-notes p:last-child{margin-bottom:0}.guide-section-copy code{background:var(--raised);color:var(--green-ink);font-family:var(--mono);padding:1px 4px;font-size:.9em}.guide-example{border:2px solid var(--pink);background:var(--panel-bg);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-width:0;display:grid}.guide-source,.guide-rendered{min-width:0;padding:14px}.guide-source{border-right:2px solid var(--pink)}.guide-column-label{color:var(--green-ink);margin:0 0 11px;font-size:12px;font-weight:800}.guide-source pre{max-width:100%;color:var(--green-ink);font-family:var(--mono);tab-size:2;white-space:pre;margin:0;font-size:12px;line-height:1.65;overflow:auto}.guide-source code{font:inherit}.guide-rendered{background:var(--panel-bg)}.guide-sheet-frame{border:2px solid var(--green);background:var(--panel-bg);min-width:0}.guide-rendered .character-sheet{min-width:0;padding:13px}.guide-rendered .character-name{font-size:clamp(22px,3vw,32px)}.guide-rendered .character-header{padding-bottom:12px}.guide-rendered .sheet-block{margin-top:13px;padding-top:11px}.guide-rendered .section-heading h2,.guide-rendered .markdown-section-title{font-size:13px}.guide-rendered .metric{min-height:64px;padding:8px}.guide-rendered .metric-label{font-size:9px}.guide-rendered .metric-value{font-size:19px}.guide-rendered .ability-grid{gap:4px}.guide-rendered .ability-stat{min-height:68px}.guide-rendered .ability-score{font-size:18px}.guide-rendered .markdown-paragraph,.guide-rendered .markdown-list-item{font-size:12px}.guide-rendered .markdown-expando{margin:7px 0;display:block}.guide-rendered .markdown-expando-summary{padding:4px 0}.guide-rendered .markdown-expando-content{padding-top:5px}.guide-marker-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0;display:grid}.guide-marker-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);align-items:start;gap:12px;padding:12px 10px 12px 0;display:grid}.guide-marker-row:nth-child(2n){border-left:1px solid var(--line);padding-left:16px}.guide-marker-row code{color:var(--green-ink);font-family:var(--mono);overflow-wrap:anywhere;font-size:13px;font-weight:600}.guide-marker-row p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.guide-notes{border-left:5px solid var(--green);margin-top:30px;padding:30px 0 0 16px}.guide-notes h2{font-size:20px}.guide-notes p{font-size:14px}@media (width<=760px){.guide-main{padding:22px 12px 64px}.guide-intro{padding:22px 3px 25px}.guide-section{padding:26px 0 30px}.guide-toc a{grid-template-columns:minmax(0,1fr) 12px;gap:6px;min-height:52px;padding:8px;font-size:12px}.guide-example{grid-template-columns:minmax(0,1fr)}.guide-source{border-right:0;border-bottom:2px solid var(--pink)}.guide-source,.guide-rendered{padding:11px}.guide-source pre{font-size:11px}.guide-rendered .character-sheet{padding:10px}.guide-marker-list{grid-template-columns:minmax(0,1fr)}.guide-marker-row,.guide-marker-row:nth-child(2n){border-left:0;padding:11px 4px}}@media (width<=500px){.guide-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-toc a:nth-of-type(2){border-right:0}.guide-toc a:last-child{border-top:1px solid var(--line);grid-column:1/-1}}@media (width<=380px){.guide-topbar{padding-inline:10px}.guide-topbar .brand{font-size:11px}.guide-topbar-actions{gap:6px}.guide-home-link{min-height:38px;padding-inline:8px;font-size:11px}.guide-marker-row{grid-template-columns:minmax(78px,.32fr) minmax(0,1fr);gap:9px}}
