/* Guides: long-form articles. Builds on style.css + coaching.css (nav, eyebrow, cta). */

.guide-page main { max-width: 46rem; }
.guide-page h1 { font-size: clamp(2rem, 5vw, 2.6rem); line-height: 1.15; letter-spacing: -0.03em; }
.guide-lead { margin: 1.5rem 0 0; font-size: 1.125rem; }
.guide-meta { margin: 1rem 0 0; color: var(--muted); font-size: 0.875rem; }
.guide-note { margin: 2rem 0 0; padding: 1rem 1.25rem; border: 1px solid var(--rule); border-radius: 8px; font-size: 0.9375rem; color: var(--muted); }

.guide-page article h2 { margin: 3.5rem 0 0; font-size: 1.5rem; }
.guide-page article h3 { margin: 2.25rem 0 0.5rem; font-size: 1.1rem; }
.guide-page article p { margin: 0.75rem 0 0; }
.guide-label { font-weight: 600; }

.example { margin: 1rem 0 0; padding-left: 1rem; border-left: 2px solid var(--fg); }
.example p { margin: 0; }
.example-tag { display: block; margin-bottom: 0.25rem; color: var(--muted); font-size: 0.8125rem; }

.phrases { margin: 1rem 0 0; padding-left: 1.1rem; }
.phrases li { margin-top: 0.6rem; padding-left: 0.25rem; }
.phrases li::marker { color: var(--muted); }
.phrases span[lang="en"] { font-weight: 550; }
.gloss { display: block; color: var(--muted); font-size: 0.9375rem; }

.mistakes { margin: 1.25rem 0 0; padding: 0; list-style: none; }
.mistakes li { padding: 1rem 0; border-top: 1px solid var(--rule); }
.mistakes li:last-child { border-bottom: 1px solid var(--rule); }
.wrong, .right { display: block; }
.wrong { color: var(--muted); text-decoration: line-through; text-decoration-color: var(--muted); }
.right { font-weight: 550; }
.right::before { content: "→ "; color: var(--muted); font-weight: 400; }
.mistakes .gloss { margin-top: 0.25rem; }

.guide-cta { margin-top: 4rem; padding: 1.75rem; border: 1px solid var(--rule); border-radius: 12px; }
.guide-page .guide-cta h2 { margin: 0; font-size: 1.35rem; }
.guide-cta p { color: var(--muted); }
.guide-cta .cta { margin-top: 1.25rem; }
.guide-related { margin-top: 2.5rem; font-size: 0.9375rem; }

@media (max-width: 760px) {
  .guide-page article h2 { margin-top: 2.75rem; }
  .guide-cta { padding: 1.25rem; }
}