.guide { max-width: 860px; padding-top: 56px; }
.guide h1 { font-size: clamp(36px, 5.5vw, 58px); margin: 16px 0 24px; }
.guide h1 em { color: var(--voice); }
.guide h2 { margin-top: 48px; font-size: 24px; }
.guide .eyebrow, .guide .guide-note { color: var(--muted); font-size: 14px; }
.guide .btn { color: #0b0b0e; }
.guide-choice { padding: 6px 22px; margin: 28px 0; border-left: 2px solid var(--voice); background: #121217; border-radius: 0 12px 12px 0; }
.guide-audio { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0 12px; }
.guide-audio figure { min-width: 0; margin: 0; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #121217; }
.guide-audio figcaption { margin-bottom: 14px; font-size: 14px; }
.guide-audio audio { display: block; width: 100%; color-scheme: dark; }
.guide ol { padding-left: 24px; }
.guide ol li { padding-left: 6px; margin: 18px 0; }
.guide section, .guide details { scroll-margin-top: 24px; }
.guide-credits { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 20px; font-size: 14px; }
.guide-credits summary { cursor: pointer; }
.guide-table { overflow-x: auto; margin: 24px 0; border: 1px solid var(--line); border-radius: 12px; }
.guide-table:focus-visible { outline: 2px solid var(--voice); outline-offset: 3px; }
.guide-table table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 15px; line-height: 1.6; }
.guide-table caption { text-align: left; padding: 16px; color: var(--muted); font-size: 13px; }
.guide-table th, .guide-table td { padding: 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--line); }
.guide-table thead th { background: #121217; }
.guide-table tbody th { width: 22%; }
.guide-table td { width: 39%; }
.guide-table-hint { display: none; }
@media (max-width: 600px) { .guide-table-hint { display: block; } }
@media (max-width: 600px) { .guide { padding-top: 28px; } .guide-audio { grid-template-columns: 1fr; } }