:root{--guide-accent:var(--mauve-text)}[data-theme=orion]{--guide-accent:var(--primary-deep)}.guide-page{background:var(--surface);border:3px solid var(--line-strong);width:calc(100% - 2rem);max-width:46rem;margin:1rem auto 2.5rem;padding:1.25rem 1rem 2rem}@media (min-width:640px){.guide-page{margin-top:2rem;padding:2rem 2.25rem 2.5rem}}.guide-page .guide-card{background:var(--surface-2)}.guide-crumbs ol{color:var(--ink-soft);flex-wrap:wrap;gap:.25rem .5rem;font-size:13.5px;display:flex}.guide-crumbs li+li:before{content:"›";color:var(--ink-muted);margin-right:.5rem}.guide-crumbs a{text-underline-offset:3px;text-decoration:underline}.guide-crumbs a:hover{color:var(--plum)}.guide-head{margin-top:1rem;margin-bottom:1.75rem}.guide-kicker{font-family:var(--font-pixel);color:var(--guide-accent);font-size:14px}.guide-head h1{font-family:var(--font-pixel);color:var(--plum);text-wrap:balance;margin-top:.4rem;font-size:clamp(28px,6vw,40px);line-height:1.12}.guide-lede{color:var(--ink);margin-top:1rem;font-size:18.5px;line-height:1.6}.guide-meta{color:var(--ink-soft);margin-top:.75rem;font-size:13.5px}.guide-body{color:var(--ink);font-size:17px;line-height:1.7}.guide-body>*+*{margin-top:1rem}.guide-body h2{font-family:var(--font-pixel);color:var(--plum);text-wrap:balance;margin-top:2.5rem;scroll-margin-top:5rem;font-size:25px;line-height:1.2}.guide-body h3{color:var(--plum);margin-top:1.75rem;font-size:19px;font-weight:800;line-height:1.3}.guide-body h2+*,.guide-body h3+*{margin-top:.6rem}.guide-body ul,.guide-body ol{padding-left:1.4rem}.guide-body ul{list-style:square}.guide-body ol{list-style:decimal}.guide-body li+li{margin-top:.45rem}.guide-body li::marker{color:var(--primary-deep);font-weight:800}.guide-body strong{color:var(--plum);font-weight:800}.guide-body a{color:var(--guide-accent);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.guide-body a:hover{color:var(--plum)}.guide-body blockquote{border-left:4px solid var(--line-strong);color:var(--ink-soft);padding:.25rem 0 .25rem 1rem;font-style:italic}.guide-summary,.guide-note,.guide-app{border:3px solid var(--line-strong);background:var(--surface);padding:1rem 1.15rem}.guide-summary{border-color:var(--primary);background:var(--bg-deep)}.guide-summary>*+*,.guide-note>*+*,.guide-app>*+*{margin-top:.6rem}.guide-summary__title,.guide-note__title{font-family:var(--font-pixel);color:var(--plum);font-size:17px}.guide-note{border-style:dashed}.guide-body .guide-app{margin-top:2.5rem}.guide-body .guide-app h2{margin-top:0}.guide-table{border:3px solid var(--line);background:var(--surface);overflow-x:auto}.guide-table:focus-visible{outline:3px solid var(--primary-deep);outline-offset:2px}.guide-table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}.guide-table caption{text-align:left;color:var(--plum);background:var(--bg-deep);padding:.6rem .8rem;font-weight:800}.guide-table th,.guide-table td{text-align:left;vertical-align:top;border-top:2px solid var(--line);padding:.55rem .8rem}.guide-table thead th{color:var(--ink-soft);white-space:nowrap;font-size:13.5px}.guide-table tbody th,.guide-table tfoot th{color:var(--plum);font-weight:800}.guide-table tfoot{font-weight:700}.guide-cta{border:3px solid var(--primary);background:var(--bg-deep);flex-direction:column;align-items:flex-start;gap:.9rem;margin-top:3rem;padding:1.25rem;display:flex}.guide-cta h2{font-family:var(--font-pixel);color:var(--plum);font-size:23px;line-height:1.2}.guide-cta p{font-size:16px;line-height:1.6}.guide-related{margin-top:2.5rem}.guide-related>h2{font-family:var(--font-pixel);color:var(--plum);font-size:21px}.guide-cards{gap:1rem;margin-top:1rem;display:grid}@media (min-width:768px){.guide-cards--wide{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-card{border:3px solid var(--line-strong);background:var(--surface);flex-direction:column;gap:.4rem;height:100%;padding:1rem 1.1rem;transition:transform .16s,border-color .16s;display:flex}.guide-card:hover{border-color:var(--primary);transform:translateY(-2px)}.guide-card:focus-visible{outline:3px solid var(--primary-deep);outline-offset:2px}.guide-card__title{font-family:var(--font-pixel);color:var(--plum);font-size:19px;line-height:1.25}.guide-card__text{color:var(--ink-soft);font-size:15px;line-height:1.55}.guide-card__meta{color:var(--guide-accent);margin-top:auto;padding-top:.4rem;font-size:13px;font-weight:700}[data-reduced-motion=true] .guide-card{transition:none}[data-reduced-motion=true] .guide-card:hover{transform:none}@media (prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}
