.guide-visual{min-width:0}.guide-artwork{display:block;width:100%;height:auto}.guide-visual-figure{margin:0}.guide-visual-image-button{display:block;width:100%;padding:0;border:0;border-radius:var(--radius-md);background:var(--color-paper);cursor:zoom-in}.guide-visual-image{width:100%;height:auto;border-radius:var(--radius-md)}.guide-visual-caption-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-visual-figure figcaption{color:var(--color-muted);font-size:12px;line-height:1.7}.guide-visual-figure figcaption p{margin:0;font-size:inherit;line-height:inherit;overflow-wrap:anywhere}.guide-visual-credit{color:var(--color-muted)}.guide-visual-expand{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0 8px 12px;border:0;background:var(--color-transparent);color:var(--color-accent);font-size:12px}.guide-visual-expand svg{width:16px;height:16px}.guide-visual-expand:hover{text-decoration:underline;text-underline-offset:4px}.guide-visual-image-button:hover{outline:1px solid var(--color-rule);outline-offset:2px}.guide-visual-dialog-close:focus-visible,.guide-visual-expand:focus-visible,.guide-visual-image-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.guide-visual-image-button:active{opacity:.9;transform:none}.guide-visual-dialog-close:active,.guide-visual-expand:active{background:var(--color-accent-soft)}.guide-visual-dialog{width:min(1160px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--color-rule);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-panel);overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px var(--color-shadow)}.guide-visual-dialog::backdrop{background:var(--color-overlay)}.guide-visual-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 20px;background:var(--color-panel);border-bottom:1px solid var(--color-rule)}.guide-visual .guide-visual-dialog-header h2{margin:0;font-size:16px;line-height:1.5}.guide-visual-dialog-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-height:44px;min-width:44px;padding:8px;border:0;border-radius:var(--radius-sm);background:var(--color-transparent);font-size:12px}.guide-visual-dialog-close:hover{background:var(--color-soft)}.guide-visual-dialog-close svg{width:18px;height:18px}.guide-visual-dialog-image{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;background:var(--color-paper)}.guide-visual .guide-visual-dialog-caption{margin:0;padding:12px 20px 16px;color:var(--color-muted);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.guide-visual .guide-visual-load-state{margin:0;padding:12px 20px;font-size:13px;color:var(--color-muted);background:var(--color-paper)}.guide-visual-load-state a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}@media (max-width:600px){.guide-visual-dialog-header{padding:8px 12px;gap:8px}.guide-visual .guide-visual-dialog-header h2{font-size:14px}.guide-visual-dialog-close span{display:none}.guide-visual .guide-visual-dialog-caption{padding:12px}}@media print{.guide-visual-dialog,.guide-visual-expand{display:none}.guide-visual-image{page-break-inside:avoid;break-inside:avoid}}.guide-index-page .guide-index-heading{max-width:800px;margin-bottom:42px}.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.guide-card{display:flex;flex-direction:column;min-width:0;color:var(--color-ink);border-bottom:1px solid var(--color-rule);padding-bottom:26px}.guide-card-art{overflow:hidden;border-radius:var(--radius-md);background:var(--color-paper);aspect-ratio:3/2}.guide-card-art .guide-card-image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .18s ease}.guide-card-body{display:flex;flex:1 1;flex-direction:column;align-items:flex-start;min-width:0;padding-top:20px}.guide-card-category{color:var(--color-accent);font-size:12px;line-height:1.6}.guide-card h2{margin:9px 0 10px;font-family:var(--font-display);font-size:clamp(20px,2vw,26px);line-height:1.5;letter-spacing:-.035em}.guide-card h2,.guide-card p{word-break:keep-all;overflow-wrap:anywhere}.guide-card p{margin:0 0 22px;font-size:14px;line-height:1.85;color:var(--color-muted)}.guide-card-read{display:inline-flex;align-items:center;gap:9px;margin-top:auto;min-height:44px;color:var(--color-accent);font-size:12px;font-weight:600}.guide-card-read svg{width:17px;height:17px;transition:transform .18s ease}.guide-card:hover h2{color:var(--color-accent)}.guide-card:hover .guide-card-read svg{transform:translateX(3px)}.guide-card:active .guide-card-body{opacity:.8}.guide-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px;border-radius:var(--radius-sm)}.guide-article-page .article-sources a{overflow-wrap:anywhere}.guide-article-page .guide-visual{margin:28px 0 40px}@media (max-width:700px){.guide-card-grid{grid-template-columns:minmax(0,1fr);gap:30px}.guide-index-page .guide-index-heading{margin-bottom:28px}.guide-card-body{padding-top:16px}.guide-card h2{font-size:23px}.guide-card p{font-size:13px;margin-bottom:13px}.guide-heading-break{display:none}}@media (prefers-reduced-motion:reduce){.guide-card-art .guide-card-image,.guide-card-read svg{transition:none}}