.guide-page{--guide-mark:#594fd7;--guide-mark-soft:#594fd71f;--guide-mark-ink:#fff}@supports (color:lab(0% 0 0)){.guide-page{--guide-mark:lab(41.2365% 34.2966 -69.8646);--guide-mark-soft:lab(41.2365% 34.2966 -69.8646/.12);--guide-mark-ink:lab(100% 0 0)}}[data-practice-theme=charcoal] .guide-page,[data-practice-theme=soft] .guide-page{--guide-mark:#878af8;--guide-mark-soft:#878af829;--guide-mark-ink:#0f101f}@supports (color:lab(0% 0 0)){[data-practice-theme=charcoal] .guide-page,[data-practice-theme=soft] .guide-page{--guide-mark:lab(60.9806% 20.3771 -56.4292);--guide-mark-soft:lab(60.9806% 20.3771 -56.4292/.16);--guide-mark-ink:lab(5.03444% 2.4611 -9.88059)}}.guide-page{gap:var(--space-8);color:var(--color-ink);flex-direction:column;display:flex}.guide-page ol{color:var(--color-ink);line-height:normal}.guide-toc{gap:var(--space-2);flex-wrap:wrap;display:flex}.guide-toc a{padding:var(--space-2) var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-surface-0);color:var(--color-ink-2);font-size:14px;text-decoration:none}.guide-toc a:hover{border-color:var(--color-rule-strong);color:var(--color-ink)}.guide-chapter{gap:var(--space-5);padding-top:var(--space-8);border-top:1px solid var(--color-rule);flex-direction:column;scroll-margin-top:84px;display:flex}.guide-chapter-head{gap:var(--space-2);flex-direction:column;max-width:68ch;display:flex}.guide-chapter-head h2{text-wrap:balance;margin:0;font-size:22px}.guide-chapter-head p,.guide-aside,.guide-step p,.guide-tip p{color:var(--color-ink-2);margin:0;line-height:1.8}.guide-eyebrow{color:var(--color-muted);letter-spacing:.08em;margin:0;font-size:12px;font-weight:700}.guide-aside{max-width:68ch}.guide-shot{gap:var(--space-4);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.guide-shot-frame{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface-1);position:relative;overflow:hidden;box-shadow:0 1px 2px #2e27230f,0 8px 24px #2e27230f;box-shadow:0 1px 2px lab(16.4399% 2.40435 3.84263/.06),0 8px 24px lab(16.4399% 2.40435 3.84263/.06)}.guide-shot-frame img{width:100%;height:auto;display:block}.guide-highlight{border:2px solid var(--guide-mark);background:var(--guide-mark-soft);pointer-events:none;box-sizing:content-box;border-radius:8px;margin:-4px 0 0 -4px;padding:4px;position:absolute}.guide-pin{background:var(--guide-mark);width:20px;height:20px;color:var(--guide-mark-ink);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--color-surface-0);pointer-events:none;border-radius:50%;place-items:center;font-size:12px;font-weight:700;line-height:1;display:inline-grid;position:absolute;transform:translate(-50%,-50%)}.guide-pin.is-inline{box-shadow:none;flex:none;position:static;transform:none}.guide-shot figcaption{justify-content:space-between;gap:var(--space-2);margin-top:calc(-1 * var(--space-2));color:var(--color-muted);flex-wrap:wrap;font-size:13px;display:flex}.guide-zoom{color:var(--color-muted);margin-left:auto}.guide-notes{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.guide-notes li{gap:var(--space-3);align-items:flex-start;display:flex}.guide-notes strong{color:var(--color-ink);display:block}.guide-notes p{margin:var(--space-1) 0 0;color:var(--color-ink-2);font-size:14px;line-height:1.7}.guide-compare{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.guide-compare-card{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface-0);flex-direction:column;display:flex}.guide-compare-card h3{margin:0;font-size:18px}.guide-compare-icon{color:var(--color-accent-strong);margin:0;font-size:22px;line-height:1}.guide-compare-icon.is-heart{color:var(--color-danger)}.guide-compare-lead{color:var(--color-ink);margin:0;font-weight:700;line-height:1.6}.guide-compare-card dl{margin:var(--space-2) 0 0;border-top:1px solid var(--color-rule);flex-direction:column;display:flex}.guide-compare-card dl>div{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-rule);grid-template-columns:6.5em minmax(0,1fr);display:grid}.guide-compare-card dt{color:var(--color-muted);font-size:13px}.guide-compare-card dd{color:var(--color-ink-2);margin:0;font-size:14px}.guide-cycle{align-items:stretch;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.guide-cycle li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface-0);display:flex}.guide-cycle li:not(:last-child):after{content:"→";margin-left:var(--space-3);color:var(--color-faint)}.guide-cycle li:last-child:after{content:"→ ○";margin-left:var(--space-3);color:var(--color-faint)}.guide-cycle b,.guide-cycle small{display:block}.guide-cycle small{color:var(--color-muted);font-size:12px}.guide-tip{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);background:var(--color-surface-2);flex-direction:column;max-width:68ch;display:flex}.guide-step{gap:var(--space-4);flex-direction:column;display:flex}.guide-step+.guide-step{margin-top:var(--space-6)}.guide-step h3{margin:0;font-size:18px}.guide-step-label{color:var(--guide-mark);letter-spacing:.06em;margin:0;font-size:13px;font-weight:700}.guide-choice{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.guide-choice>div{padding:var(--space-4) var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface-0)}.guide-choice h4{margin:0 0 var(--space-2);font-size:15px}.guide-choice p{font-size:14px}.guide-table-wrap{overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px}.guide-table caption{text-align:left;color:var(--color-muted);padding-bottom:var(--space-2);font-size:13px}.guide-table th,.guide-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-rule);text-align:left}.guide-table thead th{color:var(--color-muted);font-size:13px;font-weight:500}.guide-table td{color:var(--color-ink-2)}.guide-footer{padding-top:var(--space-6);border-top:1px solid var(--color-rule);color:var(--color-muted);margin:0;font-size:14px}@media (max-width:640px){.guide-pin{width:16px;height:16px;font-size:10px}.guide-highlight{border-width:1.5px}.guide-cycle li{flex:100%}.guide-cycle li:after{margin-left:auto}}