.guide-nav,.guide-footer{max-width:1200px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.guide-nav a,.guide-footer a{text-underline-offset:6px}.guide-hero{max-width:1200px;margin:auto;padding:64px 24px 80px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px}.guide-hero h1{font-family:Karantina,Heebo,Arial,sans-serif;font-size:clamp(64px,8vw,96px);line-height:1;margin:0 0 24px}.guide-hero p{max-width:60ch;line-height:1.8;font-size:18px}.guide-hero .guide-deck{font-size:24px;font-weight:800}.guide-hero img{width:100%;height:auto;object-fit:contain}.guide-button{display:inline-block;padding:16px 24px;margin-top:16px;border-radius:12px;background:var(--ink);color:var(--paper);font-weight:800;text-decoration:none;min-height:48px}.guide-layout{max-width:1200px;padding:0 24px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px}.guide-layout aside nav{position:sticky;top:24px;padding:0 0 24px}.guide-layout aside h2{font-size:20px;margin:0 0 18px}.guide-layout aside a{display:block;padding:10px 0;font-size:16px;text-decoration:none}.guide-layout aside a:hover{text-decoration:underline}.guide-intro{line-height:1.9;max-width:70ch;margin:0 0 48px}.phrase-section{scroll-margin-top:24px;margin-bottom:64px}.phrase-section h2,.guide-practice h2,.guide-next h2,.guide-faq h2{font-family:RubikMarker,Heebo,Arial,sans-serif;font-size:clamp(28px,3vw,38px);line-height:1.25;margin:0 0 24px}.phrase-section ol{margin:0;padding:0;list-style:none;counter-reset:none}.phrase-section li{border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.phrase-copy{display:grid;gap:8px;min-width:0}.phrase-copy strong{font-family:Bodoni,Georgia,serif;font-size:28px;font-weight:700;text-align:right;overflow-wrap:anywhere;line-height:1.4}.phrase-copy span{font-size:18px}.phrase-copy small{font-size:14px;color:var(--muted);line-height:1.7}.phrase-actions{display:flex;gap:8px;flex-shrink:0}.phrase-actions button,.quiz-options button{background:transparent;border:1px solid var(--ink);border-radius:10px;min-height:48px;padding:12px 16px;cursor:pointer}.phrase-actions button:hover{background:var(--yellow)}.phrase-actions button[aria-busy=true]{background:var(--yellow)}.guide-practice{background:var(--teal);padding:32px;border-radius:14px;margin:32px 0 64px}.quiz-options{display:flex;gap:12px;flex-wrap:wrap}.quiz-options button{background:var(--paper);font-family:Bodoni,Georgia,serif;font-size:24px}.quiz-options button:disabled{opacity:1;cursor:default}.guide-practice p,.guide-next p,.guide-faq p{line-height:1.85}.guide-next{padding:40px 0;margin-bottom:48px;border-top:3px solid var(--ink)}.guide-faq{margin-bottom:80px}.guide-faq h3{margin-top:28px;font-size:20px}.guide-footer{border-top:1px solid var(--line);font-size:14px}.guide-footer a{padding:8px 0}#guideAudioStatus:not(:empty){position:fixed;bottom:16px;inset-inline:16px;margin:0 auto;max-width:650px;padding:16px 24px;background:var(--ink);color:var(--paper);border-radius:12px}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}section{scroll-margin-top:24px}
@media(max-width:760px){.guide-hero{padding-top:32px;grid-template-columns:1fr;gap:16px}.guide-hero img{max-width:300px;justify-self:center}.guide-layout{grid-template-columns:1fr;gap:32px}.guide-layout aside nav{position:static;border-block:1px solid var(--line);padding:24px 0}.guide-layout aside a{display:inline-block;margin-inline-end:18px;padding:12px 0;text-decoration:underline}.phrase-section li{align-items:flex-start;flex-direction:column;gap:16px}.phrase-copy strong{font-size:27px}.guide-practice{padding:24px}.quiz-options{flex-direction:column}.guide-nav{gap:16px}.guide-nav>a:last-child{font-size:14px}}