.guide.guide-visual{max-width:1000px;padding-bottom:48px}.guide-eyebrow{color:var(--brand);letter-spacing:.04em;margin:28px 0 12px;font-size:13px;font-weight:700}.guide.guide-visual h1{margin-top:12px}.guide-intro{max-width:720px}.guide-meta{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.guide-meta span{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:5px 10px;font-size:12px}.guide-scenario{border-left:3px solid var(--brand);background:var(--brand-softer);border-radius:0 var(--r) var(--r) 0;margin:24px 0;padding:12px 18px}.guide-scenario p{margin:0}.guide-scenario small{color:var(--muted);margin-top:8px;line-height:1.7;display:block}.guide-toc{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin:28px 0 44px;padding:20px 24px}.guide-toc strong{font-size:14px}.guide-toc ol{margin:12px 0 0;padding-left:22px}.guide-toc li{padding-left:4px}.guide-toc a{color:var(--ink-2);font-size:14px}.guide-toc a:hover{color:var(--brand)}.guide-step{border-bottom:1px solid var(--line);margin-bottom:24px;padding:0 0 40px;scroll-margin-top:90px}.guide.guide-visual .guide-step h2{letter-spacing:-.03em;align-items:baseline;gap:14px;margin:0 0 20px;font-size:24px;display:flex}.guide-step-number{width:32px;height:32px;color:var(--on-brand);background:var(--brand);font-variant-numeric:tabular-nums;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.guide-actions{max-width:740px;margin:0 0 18px;padding-left:22px}.guide-actions li{margin:7px 0;padding-left:4px}.guide-check{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin:20px 0;padding:16px 20px}.guide-check strong{color:var(--brand);font-size:13px}.guide.guide-visual .guide-check p{margin:6px 0 0;font-size:15px;line-height:1.7}.guide-shot{margin:22px 0 16px}.guide-shot-trigger{border:1px solid var(--line-strong);border-radius:var(--r);cursor:zoom-in;background:#0d110f;width:100%;padding:0;display:block;position:relative;overflow:hidden}.guide-shot-trigger img{width:100%;height:auto;display:block}.guide-shot-trigger:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.guide-shot-hint{color:#141a17;background:#fff;border:1px solid #d5dad7;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #0003}.guide-shot figcaption{color:var(--muted);padding:10px 2px 0;font-size:13px;line-height:1.7}.guide-reference{border-radius:var(--r);background:var(--surface-2);padding:12px 18px}.guide-reference summary{cursor:pointer;color:var(--ink-2);font-size:14px}.guide.guide-visual .guide-reference p{max-width:760px;margin:12px 0 2px;font-size:14px;line-height:1.85}.guide-shot-dialog{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);width:96vw;max-width:1500px;max-height:94dvh;color:var(--ink);box-shadow:var(--shadow-pop);padding:0}.guide-shot-dialog::backdrop{background:#000b}.guide-shot-dialog-header{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.guide-shot-dialog-header p{margin:0!important;font-size:13px!important;line-height:1.5!important}.guide-shot-dialog-header button{flex-shrink:0}.guide-shot-original{overscroll-behavior:contain;background:#0d110f;max-height:calc(94dvh - 72px);overflow:auto}.guide-shot-original img{min-width:100%;max-width:none;height:auto;display:block}.guide-end{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.guide-list.guide-visual-list{gap:24px}.guide-visual-list .guide-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.guide-card-preview{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#0d110f;position:relative;overflow:hidden}.guide-card-preview img{object-fit:cover;object-position:top;transition:transform .2s}.guide-visual-list .guide-card:hover .guide-card-preview img{transform:scale(1.025)}.guide-card-content{flex-direction:column;flex:1;align-items:flex-start;padding:24px;display:flex}.guide-card-content .guide-meta{margin:0 0 12px}.guide-card-content .more{margin-top:auto;padding-top:12px}.guide-capture-note{max-width:740px;color:var(--muted);margin-bottom:28px;font-size:14px;line-height:1.8}@media (max-width:640px){.guide.guide-visual{padding-top:28px}.guide.guide-visual .guide-step h2{gap:10px;font-size:21px;line-height:1.5}.guide-step-number{width:28px;height:28px;font-size:12px}.guide-toc{padding:18px}.guide-check{padding:14px 16px}.guide-shot-hint{padding:4px 7px;font-size:11px;bottom:7px;right:7px}.guide-shot-dialog-header{padding:10px 12px}.guide-card-content{padding:20px}}@media (prefers-reduced-motion:reduce){.guide-card-preview img{transition:none}}