.guide{max-width:44rem;margin-inline:auto}.guide-hero{margin-bottom:2.5rem}.guide-kicker{letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--primary));margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:inline-block}.guide-hero h1{margin:0 0 .75rem;font-size:clamp(2rem,5vw,2.75rem)}.guide-hero .guide-sub{color:hsl(var(--muted-foreground));margin:0;font-size:1.125rem}.guide h2{margin:2.5rem 0 .75rem;font-size:1.5rem}.guide h3{margin:1.75rem 0 .5rem;font-size:1.15rem}.guide p,.guide li{font-size:1.0625rem}.guide ul,.guide ol{padding-left:1.25rem}.guide li+li{margin-top:.4rem}.guide-callout{background:hsl(var(--muted));border-left:3px solid hsl(var(--primary));border-radius:var(--radius);margin:1.75rem 0;padding:1rem 1.25rem}.guide-callout p{margin:0}.guide-table-wrap{margin:1.5rem 0;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-size:.9375rem}.guide-table th,.guide-table td{text-align:left;border-bottom:1px solid hsl(var(--border));padding:.625rem .75rem}.guide-table thead th{text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground));font-size:.75rem}.guide-table td:last-child,.guide-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.guide-table .guide-row-total th,.guide-table .guide-row-total td{border-top:2px solid hsl(var(--border));border-bottom:none;font-weight:700}.guide-capture{background:linear-gradient(160deg, hsl(var(--primary) / .07) 0%, hsl(var(--card)) 65%);border:1px solid hsl(var(--border));border-radius:1rem;margin:3rem 0 1rem;padding:1.75rem}.guide-capture h2{margin:0 0 .5rem;font-size:1.25rem}.guide-capture p{color:hsl(var(--muted-foreground));margin:0 0 1.25rem;font-size:.9375rem}.guide-capture-form{flex-wrap:wrap;gap:.625rem;display:flex}.guide-capture-form input[type=email]{font:inherit;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));color:hsl(var(--foreground));flex:16rem;padding:.75rem .875rem;font-size:1rem}.guide-capture-form input:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:1px}.guide-capture-form button{font:inherit;cursor:pointer;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:var(--radius);border:0;padding:.75rem 1.25rem;font-size:1rem;font-weight:600}.guide-capture-note{margin:.875rem 0 0;font-size:.8125rem}.guide-capture-ok{color:hsl(var(--foreground));margin:0;font-weight:600}.guide-cta{text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;margin-top:2.5rem;padding:2.25rem 1.5rem}.guide-cta h2{margin:0 0 .75rem}.guide-cta p{color:hsl(var(--muted-foreground));max-width:34rem;margin:0 auto 1.5rem}.btn-primary.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.theme-dark .guide-hero h1{font-family:var(--font-display);letter-spacing:-.02em}.theme-dark .guide-kicker{color:hsl(var(--primary-2))}.theme-dark .guide-sub,.theme-dark .guide p.guide-capture-note{color:hsl(var(--muted-foreground))}.theme-dark .guide p,.theme-dark .guide li{color:hsl(var(--foreground) / .82)}.theme-dark .guide-callout{background:hsl(var(--primary) / .09);border-left-color:hsl(var(--primary-2))}.theme-dark .guide-capture,.theme-dark .guide-cta{background:hsl(var(--card) / .72);border-color:hsl(var(--border))}.theme-dark .guide-capture-form input{background:hsl(var(--background) / .8);border:1px solid hsl(var(--border-strong));color:hsl(var(--foreground))}.theme-dark .guide-capture-form input::-moz-placeholder{color:hsl(var(--muted-foreground) / .8)}.theme-dark .guide-capture-form input::placeholder{color:hsl(var(--muted-foreground) / .8)}.theme-dark .guide-capture-form input:focus-visible{outline:2px solid hsl(var(--primary-2));outline-offset:1px;border-color:hsl(var(--primary))}.theme-dark .guide p.guide-capture-ok{color:hsl(var(--teal));font-weight:600}.theme-dark .guide-table thead th{color:hsl(var(--primary-2))}.theme-dark .guide-table tbody tr:hover{background:hsl(var(--foreground) / .03)}.theme-dark .guide-row-total{background:hsl(var(--primary) / .1)}.theme-dark .guide-row-total td,.theme-dark .guide-row-total th{color:hsl(var(--foreground));font-weight:700}
