.guide{--guide-measure:68ch;color:color-mix(in srgb, var(--ink) 92%, transparent);font-size:17px;line-height:1.7}.guide>section{margin-top:3.5rem;scroll-margin-top:5.5rem}.guide>section:first-child{margin-top:0}.guide h2{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.01em;color:var(--ink);margin:0 0 1rem;font-size:clamp(24px,5vw,31px);font-weight:700;line-height:1.15}.guide h3{color:var(--ink);margin:2.25rem 0 .75rem;font-size:clamp(18px,4vw,21px);font-weight:650}.guide h4{color:var(--ink);margin:1.75rem 0 .5rem;font-size:17px;font-weight:650}.guide p{max-width:var(--guide-measure);margin:0 0 1.15rem}.guide b,.guide strong{color:var(--ink);font-weight:650}.guide a{color:var(--accent);text-underline-offset:3px}.guide small{color:var(--stone);margin-top:.3rem;font-size:14.5px;line-height:1.55;display:block}.guide .label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:12.5px;font-weight:650}.guide .list{max-width:var(--guide-measure);margin:0 0 1.4rem;padding:0;list-style:none}.guide .list li{gap:.85rem;margin-bottom:.9rem;display:flex}.guide .list.tight li{margin-bottom:.65rem}.guide .list li .t{background:var(--accent-soft);border-radius:999px;flex:none;width:1.15rem;height:1.15rem;margin-top:.28rem;position:relative}.guide .list li .t:after{content:"";border:2px solid var(--accent);border-top:0;border-left:0;width:.36rem;height:.62rem;margin:auto;position:absolute;inset:0;transform:translateY(-1px)rotate(45deg)}.guide .list li .t.g{background:color-mix(in srgb, var(--free) 18%, transparent)}.guide .list li .t.g:after{border-color:var(--free)}.guide .list li .n{background:var(--accent-soft);width:1.6rem;height:1.6rem;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;margin-top:.1rem;font-size:13px;font-weight:700;display:grid}.guide .list li>div{min-width:0}.guide ul:not(.list),.guide ol:not(.list){max-width:var(--guide-measure);margin:0 0 1.2rem;padding-left:1.3rem}.guide ul:not(.list) li,.guide ol:not(.list) li{margin-bottom:.5rem}.guide .card{max-width:var(--guide-measure);border:1px solid var(--line);background:var(--card);border-radius:14px;margin:1.5rem 0;padding:1.1rem 1.25rem}.guide .card.soft{background:var(--card-2);border-color:#0000}.guide .card p:last-child,.guide .box p:last-child,.guide .scene p:last-child{margin-bottom:0}.guide .scene{max-width:var(--guide-measure);border-left:3px solid var(--accent);background:var(--paper-2);border-radius:0 14px 14px 0;align-items:flex-start;gap:.9rem;margin:1.5rem 0;padding:1.15rem 1.25rem;font-size:16px;display:flex}.guide .box{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:1rem 1.15rem}.guide .vs,.guide .cols,.guide .row2{max-width:var(--guide-measure);gap:1rem;margin:1.5rem 0;display:grid}@media (min-width:640px){.guide .vs,.guide .cols,.guide .row2{grid-template-columns:1fr 1fr}}.guide .box.bad{background:color-mix(in srgb, #ff8a8a 8%, var(--card));border-color:#ff8a8a66}.guide .box.good{border-color:color-mix(in srgb, var(--free) 40%, transparent);background:color-mix(in srgb, var(--free) 8%, var(--card))}.guide .hook{max-width:var(--guide-measure);background:var(--accent-soft);color:var(--ink);border-radius:12px;margin:1.5rem 0;padding:.9rem 1.15rem;font-weight:600}.guide .code{border:1px solid var(--line);max-width:100%;font-family:var(--font-mono), ui-monospace, monospace;white-space:pre;color:#d7e5dc;background:#0a120f;border-radius:12px;margin:1.4rem 0;padding:1rem 1.15rem;font-size:13.5px;line-height:1.65;overflow-x:auto}.guide .code .k{color:#f2b43a}.guide .code .s{color:#8be0b0}.guide .code .c{color:#6f8579;font-style:italic}.guide .code .n{color:#9fd0ff;width:auto;height:auto;font-weight:inherit;background:0 0;border-radius:0;display:inline}.guide .map{max-width:var(--guide-measure);border:1px solid var(--line);border-radius:14px;margin:1.5rem 0;overflow:hidden}.guide .map .r{border-bottom:1px solid var(--line);grid-template-columns:5.5rem 1fr;gap:.25rem 1rem;padding:.85rem 1.1rem;display:grid}.guide .map .r:last-child{border-bottom:0}.guide .map .r b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px}.guide .map .r strong{color:var(--ink)}.guide .map .r span{color:var(--stone);grid-column:2;font-size:15px}@media (max-width:520px){.guide .map .r{grid-template-columns:1fr}.guide .map .r span{grid-column:1}}.guide .steps{counter-reset:step;max-width:var(--guide-measure);margin:1.4rem 0}.guide .steps>p{counter-increment:step;margin-bottom:1rem;padding-left:2.4rem;position:relative}.guide .steps>p:before{content:counter(step);background:var(--accent-soft);width:1.65rem;height:1.65rem;color:var(--accent);border-radius:999px;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:.1rem;left:0}.guide .pill,.guide .tag,.guide .chips span{border:1px solid var(--line-strong);color:var(--stone);border-radius:999px;margin:0 .3rem .35rem 0;padding:.2rem .6rem;font-size:13px;display:inline-block}.guide .pill.e{border-color:color-mix(in srgb, var(--free) 45%, transparent);color:var(--free)}.guide .pill.h{color:#ff9d9d;border-color:#ff8a8a73}.guide .muted,.guide .meta,.guide .cap{color:var(--stone);font-size:14.5px}.guide .q{color:var(--ink);font-weight:650}.guide .divider{border-top:1px solid var(--line);margin:2.5rem 0}.guide table{width:100%;max-width:var(--guide-measure);border-collapse:collapse;margin:1.4rem 0;font-size:15px;display:block;overflow-x:auto}.guide th,.guide td{border-bottom:1px solid var(--line);text-align:left;padding:.6rem .8rem}.guide th{color:var(--ink);font-weight:650}.guide .art,.guide .logo,.guide .icons,.guide .icon,.guide .ico,.guide .lu,.guide .bi{display:none}.guide img{border-radius:12px;max-width:100%;height:auto}
