body.ai-reading { --accent: #175e76; --warm: #596b75; --bg: #fff; --bg-alt: #f2f6f7; --surface: #fff; --border-strong: #cbd6dc; }
.ai-topic-page { --accent-dark: #10475a; --accent-soft: #f2f6f7; }
.ai-topic-page .nav { background: #fff; }
.ai-topic-page .topic-intro a { color: var(--forest); text-decoration: underline; text-underline-offset: 3px; }
.ai-reading .reading-sidebar { max-height: calc(100vh - 110px); overflow-y: auto; }
.ai-reading .article-content h2:first-child { margin-top: 0; }
.ai-reading .article-content h3 { margin: 30px 0 14px; font-size: 21px; line-height: 1.6; }
.ai-reading .article-content a { color: var(--forest); text-decoration: underline; text-underline-offset: 3px; }
.ai-reading .article-content ol, .ai-reading .article-content ul { padding-left: 1.5em; margin: 18px 0 24px; }
.ai-reading .article-content li { margin: 8px 0; }
.ai-reading .section { margin: 0 0 38px; }
.ai-reading .section h2 span { display: none; }
.ai-reading .tools-note { padding: 20px; margin: 24px 0; border-left: 3px solid var(--forest); background: var(--bg-alt); }
.ai-reading .ai-practice-table { background: #fff; }
.ai-reading .ai-practice-prompt { background: var(--bg-alt); }
.ai-reading .ai-toolkit-preview, .ai-reading .cta-section, .ai-reading .ai-access, .ai-series-nav { margin-top: 38px; padding-top: 24px; border-top: 1px solid var(--border); }
.ai-reading .ai-toolkit-preview h2, .ai-series-nav h2 { font-size: 20px; margin-bottom: 16px; }
.ai-reading .ai-toolkit-preview h3 { font-size: 17px; margin: 14px 0; }
.ai-reading .ai-toolkit-preview p, .ai-reading .ai-toolkit-preview li, .ai-reading .cta-section p, .ai-reading .ai-access p { font-size: 14px; line-height: 1.9; color: var(--fg-soft); }
.ai-reading .ai-toolkit-preview ul { padding-left: 22px; margin: 10px 0 18px; }
.ai-reading .cta-title, .ai-reading .ai-access h2 { font-size: 19px; margin: 12px 0; }
.ai-reading .btn-primary, .ai-reading .ai-access a { display: inline-block; color: var(--forest); text-decoration: underline; text-underline-offset: 3px; font-size: 14px; margin-top: 12px; }
.ai-reading .cta-eyebrow, .ai-reading .ai-access-label { color: var(--muted); font-size: 12px; }
.ai-series-nav { display: grid; gap: 12px; font-size: 14px; }
.ai-series-nav a { color: var(--forest); text-decoration: underline; text-underline-offset: 3px; }
.ai-series-nav span { color: var(--muted); }
.ai-topic-page .topic-hero, .ai-topic-page .topic-section.alt { background: #fff; }
.ai-topic-page .topic-title { font-size: clamp(34px, 4vw, 48px); line-height: 1.4; }
.ai-topic-page .topic-hero { padding: 56px 0 42px; }
.ai-topic-page .topic-section { padding: 44px 0; }
.ai-topic-page .method-grid { display: block; border: 0; }
.ai-topic-page .method-card { min-height: 0; display: block; padding: 24px 0; border: 0; border-top: 1px solid var(--border); }
.ai-topic-page .card-meta { margin-bottom: 10px; }
.ai-topic-page .method-title { font-size: 23px; }
.ai-topic-page .method-desc { max-width: 850px; line-height: 1.9; }
.ai-topic-page .method-link { display: inline-block; margin-top: 14px; text-decoration: underline; text-underline-offset: 3px; }
.ai-topic-page .topic-btn, .ai-topic-page .paid-resource, .ai-topic-page .tool-card { border-radius: 0; }
.ai-topic-page .paid-resource { background: #fff; }
.ai-topic-page .footer { background: #f2f6f7; color: var(--fg-soft); }
.ai-topic-page .footer-brand { color: var(--fg); }
@media (max-width: 900px) { .ai-reading .reading-sidebar { max-height: none; overflow: visible; } }
@media print { .ai-reading .ai-series-nav, .ai-reading .cta-section, .ai-reading .ai-access, .ai-reading .ai-toolkit-preview { display: none; } }
