.article-page.guide-page{max-width:1100px;padding:56px 0 72px}.guide-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);min-height:500px;padding-bottom:56px;display:grid}.guide-brand-note{color:var(--accent);margin-bottom:20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.guide-page .guide-intro h1{letter-spacing:-2px;text-wrap:balance;max-width:480px;margin:0 0 22px;font-size:clamp(38px,4.8vw,60px);font-weight:700;line-height:1.06}.guide-page .guide-lead{max-width:440px;margin-bottom:22px;font-size:18px;line-height:1.65}.guide-page .guide-intro .button{min-width:210px;color:var(--ink);justify-content:space-between;gap:28px;margin:0;display:inline-flex}.guide-page .guide-free{color:var(--muted);margin:15px 0 0;font-size:13px}.guide-preview{min-width:0}.guide-preview-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.guide-preview-tabs button{border:1px solid var(--line);background:0 0;border-radius:10px;flex:auto;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600}.guide-preview-tabs button[aria-pressed=true]{background:var(--sage);border-color:var(--accent);color:var(--accent)}.guide-page .preview-puzzle h2{margin:0 0 24px;font-weight:700}.guide-page .preview-reference{margin:-12px 0 20px;font-size:13px;line-height:1.5}.guide-page .preview-explanation{color:var(--forest);background:#eef5ed;border-radius:12px;margin:18px 0 0;padding:12px 14px;font-size:14px;line-height:1.6}.guide-features{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:36px 0;display:grid}.guide-feature-icon{background:#e1eee3;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.guide-features>div:nth-child(2) .guide-feature-icon{background:#fff0be}.guide-features>div:nth-child(3) .guide-feature-icon{background:#fbe0d5}.guide-page .guide-features h2{letter-spacing:-.4px;margin:18px 0 10px;font-size:21px;font-weight:700;line-height:1.25}.guide-page .guide-features p{margin:0;line-height:1.75}.guide-books{padding:40px 0}.guide-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.guide-page .guide-section-heading h2,.guide-page .guide-questions h2,.guide-page .guide-related h2{letter-spacing:-.6px;margin:0;font-size:26px;font-weight:700}.guide-section-heading>a{min-height:44px;color:var(--accent);align-items:center;gap:10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.guide-book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.guide-book{background:var(--paper);border:1px solid #d9e1d3;border-radius:18px;align-items:center;gap:14px;padding:18px 14px;text-decoration:none;transition:transform .15s;display:flex;box-shadow:0 4px #e2e7dc}.guide-book:hover{transform:translateY(-2px)}.guide-book>svg{color:var(--accent);flex-shrink:0;margin-left:auto}.guide-book-art{flex:0 0 66px}.guide-book-art>svg{width:100%;height:auto}.guide-book h3{margin:0 0 6px;font-size:20px;line-height:1.25}.guide-book-description{color:var(--muted);font-size:13px;line-height:1.5;display:block}.guide-questions{max-width:760px;margin:12px auto 42px}.guide-page .guide-questions h2{margin-bottom:16px}.guide-questions details{border-bottom:1px solid var(--line)}.guide-questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 0;font-weight:600;list-style:none;display:flex}.guide-questions summary::-webkit-details-marker{display:none}.guide-questions details[open] summary svg{transform:rotate(180deg)}.guide-page .guide-questions p{margin:0 28px 20px 0;line-height:1.75}.guide-related{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px 28px;padding-top:26px;display:flex}.guide-page .guide-related h2{margin-right:auto;font-size:20px}.guide-related a{min-height:44px;color:var(--accent);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.guide-page :is(button,a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (width<=850px){.guide-hero{gap:28px}.guide-features{gap:24px}.guide-book-grid{grid-template-columns:1fr}.guide-book{padding:14px 20px}.guide-book-art{flex-basis:72px}}@media (width<=650px){.article-page.guide-page{padding:30px 0 44px}.guide-hero{grid-template-columns:minmax(0,1fr);gap:30px;min-height:0;padding-bottom:32px}.guide-brand-note{margin-bottom:14px;font-size:13px}.guide-page .guide-intro h1{letter-spacing:-1.4px;max-width:390px;margin-bottom:16px;font-size:38px}.guide-page .guide-lead{margin-bottom:18px;font-size:16px}.guide-page .guide-intro .button{width:100%;min-height:52px}.guide-page .guide-free{text-align:center}.guide-features{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 0}.guide-features>div{grid-template-columns:40px minmax(0,1fr);gap:0 14px;display:grid}.guide-feature-icon{grid-row:1/3;width:40px;height:40px}.guide-page .guide-features h2{margin:0 0 8px;font-size:20px}.guide-page .guide-features p{font-size:14px}.guide-books{padding:30px 0}.guide-section-heading{gap:8px;margin-bottom:16px}.guide-page .guide-section-heading h2,.guide-page .guide-questions h2{font-size:24px}.guide-related{gap:8px;display:grid}.guide-page .guide-related h2{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){.guide-book{transition:none}.guide-book:hover{transform:none}}