/* Topic guides extend the selected daylight design with ordinary crawlable links. */
.light-hero .growth-eyebrow { display:block; margin-bottom:18px; color:var(--accent); font-size:11px; letter-spacing:.06em; font-weight:600; }
.topic-directory { padding-block:40px 55px; }
.topic-directory .section-head p { max-width:650px; margin-top:15px; color:var(--muted); font-size:14px; line-height:1.8; }
.topic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.topic-card { border-top:1px solid var(--line); padding-block:23px; }
.topic-card h3 { font-size:20px; line-height:1.4; margin:0 0 13px; }
.topic-card h3 span { color:var(--accent); }
.topic-card p { font-size:13px; line-height:1.85; color:var(--muted); }
.topic-card:hover h3 { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.topic-intro .button { margin-top:24px; }
.topic-guide { display:grid; grid-template-columns:minmax(0,680px) minmax(220px,1fr); gap:64px; padding-block:5px 36px; }
.topic-prose p { color:#465b50; font-size:15px; line-height:1.95; margin-bottom:20px; }
.topic-prose section { margin-top:38px; }
.topic-prose h2 { font-size:27px; line-height:1.4; margin-bottom:20px; }
.topic-action { align-self:start; background:#eff3ee; border:1px solid #e0e8de; border-radius:6px; padding:26px; }
.topic-action p { font-size:16px; line-height:1.8; margin-block:17px 24px; }
.topic-action .button { white-space:normal; }
.tool-questions { padding-block:30px 40px; }
.tool-question-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.tool-question-grid section { border-top:1px solid var(--line); padding-top:25px; }
.tool-question-grid h3 { font-size:21px; line-height:1.5; margin-bottom:15px; }
.tool-question-grid p { color:var(--muted); font-size:14px; line-height:1.9; }
.article-start { display:flex; flex-wrap:wrap; gap:12px 24px; border-top:1px solid var(--line); padding-top:20px; margin-top:25px; font-size:12px; line-height:1.8; }
.article-start a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.conversation-card-tool { padding-bottom:45px; }
.card-tool-intro { display:grid; grid-template-columns:2fr 1fr; gap:50px; border-top:1px solid var(--line); padding-block:30px; }
.card-tool-intro h2 { font-size:26px; margin-bottom:15px; }
.card-tool-intro ol { padding-left:20px; font-size:14px; line-height:1.9; color:var(--muted); }
.conversation-choices { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:750px; margin-block:10px 25px; }
.conversation-choices label { display:grid; gap:10px; }
.conversation-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-block:20px 30px; }
.conversation-card { display:flex; flex-direction:column; align-items:start; min-height:300px; padding:25px; background:#eff3ee; border:1px solid #e0e8de; border-radius:8px; }
.conversation-card p { font-size:22px; line-height:1.6; margin-block:27px; }
.conversation-card .conversation-card-front { color:#79907f; }
.conversation-card button { margin-top:auto; min-height:44px; }
.conversation-card.is-revealed { background:#fbfcfa; border-color:#9db8a6; }
.conversation-card-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; }
.conversation-card-actions .text-button { min-height:44px; }
.conversation-privacy { max-width:760px; margin-top:20px; }
.growth-tool-link { margin-top:20px; }
@media(max-width:1000px) { .topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .topic-guide { gap:32px; } }
@media(max-width:700px) { .topic-guide,.tool-question-grid { grid-template-columns:1fr; } .topic-guide { gap:20px; } .topic-directory { padding-block:25px 35px; } .topic-grid { gap:0 20px; } .topic-card h3 { font-size:19px; } .topic-prose h2 { font-size:24px; } .tool-questions .section-head { align-items:start; flex-direction:column; gap:16px; } }
@media(max-width:700px) { .card-tool-intro,.conversation-card-grid { grid-template-columns:1fr; gap:18px; } .conversation-card { min-height:245px; } .conversation-choices { grid-template-columns:1fr; gap:20px; } .conversation-choices select { font-size:16px; } }
@media(max-width:390px) { .topic-grid { grid-template-columns:1fr; } }
@media print { .article-start,.topic-action,.topic-directory { display:none; } .topic-guide { display:block; } }

/* Reading exercises use the site's existing typography and color palette. */
.task-guide{margin-block:3rem;line-height:1.75}
.task-guide h2{margin-bottom:1rem}.task-guide h3{margin-top:1.5rem}
.task-guide p,.task-guide ol{margin-block:1rem}.task-guide li{margin-block:.6rem}
.task-guide table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin-block:1.5rem;font-size:.95rem}
.task-guide caption{text-align:left;line-height:1.5;margin-bottom:.75rem}
.task-guide td,.task-guide th{border:1px solid #8886;padding:.7rem;text-align:left;vertical-align:top;min-width:8rem}
.footer-language-links{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;margin-top:1.2rem;font-size:.85rem}