/* A light, practical reading theme. Kept separate for easy CodeIgniter migration. */
:root{--paper:#fffefa;--cream:#f3f6f2;--maroon:#42644e;--ink:#303b35;--muted:#617067;--gold:#b58950;--line:#e0e7de;--olive:#42644e;--bs-body-bg:#fffefa;--bs-body-color:#303b35;--bs-body-font-family:Arial,Helvetica,sans-serif}
body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.8;background:var(--paper);color:var(--ink)}
h1,h2,h3,h4,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.3;letter-spacing:normal}
.container-xl{max-width:1220px}.topline{background:#edf4ef;color:#52665a;font-size:11px;letter-spacing:0;padding:6px 0;border-bottom:1px solid #e0e9e1}.topline .container-xl>span:last-child{font-size:11px;letter-spacing:0}.topline a{font-size:11px;text-decoration:underline;text-underline-offset:3px}.site-header{background:#fffefaFA;border-bottom:1px solid var(--line)}.navbar{min-height:86px}.navbar .nav-link{font-size:12px}.brand .brand-logo{width:190px}.header-connect{border-color:#cadbce;color:#42644e;background:#f6faf6}.quiz-header-link{color:#42644e}.search-toggle{border-color:var(--line)}
.eyebrow{text-transform:none;letter-spacing:.015em;font-size:11px;font-weight:500;color:#6c756c;margin-bottom:12px}.eyebrow.dot::before{display:none}.page-head{padding:38px 0 30px;background:#f7faf6;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(30px,3.3vw,43px);line-height:1.25;color:#344e3b;max-width:850px;letter-spacing:normal;margin-bottom:16px}.page-head h1 br{display:none}.page-head p{font-size:15px;line-height:1.85;max-width:780px;color:#637067}.page-body{padding-top:32px}.shared-breadcrumb{background:transparent}.section{padding:38px 0}.section-head h2{font-size:29px;letter-spacing:normal;color:#344e3b}.section-head p{font-size:14px;line-height:1.8}.section-head{margin-bottom:22px}
.hero{padding:36px 0}.hero-grid{grid-template-columns:1fr 1fr;gap:48px}.hero-copy{padding:10px 0}.hero h1{font-size:clamp(34px,3.8vw,49px);line-height:1.24;letter-spacing:normal;color:#344e3b;max-width:540px;margin-bottom:20px}.hero h1 em{color:inherit;font-style:normal}.hero-copy>p{font-size:15px;line-height:1.9;max-width:510px}.hero-photo>img{height:355px;border-radius:5px}.hero-footnote{margin-top:25px;font-size:11px}.hero-actions{margin-top:24px;gap:20px}.photo-caption{font-size:10px}.intro-strip{padding:15px 0;gap:18px}.intro-strip>span{font-family:Georgia,serif;font-size:18px}.strip-item{font-size:11px}.strip-symbol{color:#7d937e}.hero-badge{display:none}
.btn{border-radius:5px;font-size:13px;padding:10px 17px;font-weight:500;letter-spacing:0}.btn-maroon{background:#486b51;border-color:#486b51;color:#fff}.btn-maroon:hover{background:#36543e;border-color:#36543e;color:#fff}.btn-outline-secondary{border-color:#c9d5ca;background:#fffefa;color:#46604c}.btn-outline-secondary:hover{background:#edf4ec;color:#2e4c37;border-color:#9eb4a2}.text-link{font-size:13px;gap:8px;border-bottom:0;text-decoration:underline;text-underline-offset:4px;padding-bottom:0;color:#42644e}.btn:disabled{opacity:.5}.filter-btn.active{background:#486b51;border-color:#486b51}
.resource-card,.snack-card,.variety-card,.story-card,.ingredient-card,.shape-card,.compare-card,.quiz-result-card,.sound-card,.tray-choice{background:#fffefa;border-color:#e0e7de;border-radius:4px;box-shadow:none;transform:none}.resource-card:hover,.snack-card:hover,.variety-card:hover,.story-card:hover,.ingredient-card:hover{background:#f5f8f2;border-color:#c3d1c1;transform:none;box-shadow:none}.resource-card{padding:22px}.resource-card h2,.resource-card h3,.hub-card h3,.variety-card h3,.snack-card h2,.ingredient-card h2,.story-card h2,.sound-card h2{font-size:23px;line-height:1.35;color:#3d5743;font-family:Georgia,serif}.resource-card p,.hub-card p,.variety-card p,.snack-card p,.story-card p,.ingredient-card p{font-size:14px;line-height:1.85;color:#617067}.resource-card .eyebrow,.variety-card .eyebrow,.story-card .eyebrow{font-size:10px;letter-spacing:.015em;text-transform:none}.variety-action{font-size:12px;color:#42644e}.hub-group{margin-bottom:40px}.hub-group h2,.buyer-route h2{font-size:28px;color:#344e3b}.hub-card>.text-link{margin-top:12px}.story-number{color:#849180}.story-card .read-meta{font-size:11px}.family-image{border-radius:4px}.family-card h3{font-size:22px;color:#3d5743}.family-card .count{font-size:11px}.family-card .tamil{font-size:12px}
.prose{font-size:16px;line-height:1.95}.prose p,.prose li{color:#4c5a51}.prose h2{font-size:28px;color:#344e3b;margin-top:32px}.prose h3{font-size:23px;color:#344e3b}.prose a{color:#42644e}.prose blockquote{font-family:Georgia,serif;font-size:23px;line-height:1.6;color:#53674e;border-left:2px solid #bfd0b9;background:#f7f9f3;padding:15px 22px}.reading-aside{border-color:#e0e7de}.reading-aside h2{letter-spacing:.02em;font-size:11px;color:#667363}.reading-aside a{font-size:13px;border-color:#e0e7de}.note{background:#f5f7ed;border-color:#a6b795;font-size:13px;color:#52604c;padding:17px 20px}.essay-label{background:#f6f5ed;border-color:#d5c599;font-size:10px;letter-spacing:.02em;color:#6d674d}
.craft-banner,.library-panel,.story-text,.buyer-route,.publisher-signpost,.buyer-checklist,.tray-controls,.tray-summary,.speech-panel,.reader-stories-panel{background:#f1f6ef;border-color:#d6e1d0}.craft-banner h2,.library-panel h2,.story-text h2{color:#344e3b;font-size:31px;letter-spacing:normal}.publisher-signpost{border-left:2px solid #bccdb4;border-radius:3px;padding:22px}.publisher-signpost h2,.publisher-signpost h3{color:#3d5743;font-size:25px;line-height:1.4}.publisher-signpost p{font-size:14px;color:#617067}.reader-stories-panel h2,.reader-prompts p,.photo-key h2,.shape-reference h2{color:#3d5743}.reader-prompts p{font-size:20px}.reader-stories-panel p{font-size:14px}.reader-stories-panel{border-top-width:1px}.reader-prompts{border-color:#d2dfcc}.editorial-media figcaption{font-size:11px;color:#69736b;line-height:1.7}.editorial-wide img{aspect-ratio:2.5}.illustration-note{font-size:12px}.article-byline{background:#f7faf5;border-color:#e0e7de;padding:17px 20px}.article-author a{color:#42644e}.article-ai-tags{border-color:#e0e7de}.article-ai-tags>span{background:#eaf1e6;color:#4e6247;font-size:10px}.article-ai-tags>a{color:#42644e}.byline-label{letter-spacing:.02em;color:#74806e}
.quiz-options label{background:#fffefa;border-color:#d8e1d3}.quiz-options label:has(input:checked){background:#edf4e7;border-color:#9cb690;box-shadow:inset 3px 0 #799a6d}.preference-form legend,.tray-layout h2,.quiz-result-card h3 a{color:#3d5743}.quiz-options input,.buyer-checklist input,.reader-consent input{accent-color:#486b51}.tray-choice button[aria-pressed=true],.craft-step-buttons button[aria-pressed=true],.sound-card .is-speaking{background:#486b51;color:#fff}.craft-step-buttons button{background:#fffefa;color:#42644e;border-color:#d8e1d3}.tray-selected-item a{color:#42644e}.snack-game{background:#fffefa;border-color:#d8e1d3}.form-control,.form-select,.reader-story-form .form-control,.feedback-form .form-control{background-color:#fff;border-color:#d4dfd0;border-radius:5px;font-size:14px}.form-control:focus,.form-select:focus{border-color:#8aaa7d;box-shadow:0 0 0 3px #dce9d350}.partnership-form,#wholesale-form>fieldset,.journal-sample{background:#fffefa;border-color:#d8e1d3}.partnership-form>label,.feedback-form>label,#wholesale-form label{color:#42644e!important}.partnership-form legend,#wholesale-form legend,.journal-sample legend{color:#3d5743}.tamil-feature{background:#f2f6eb;color:#486b51}
.shared-connect{background:#f2f7f1;border-top:1px solid #e0e7de;padding:25px 0}.shared-connect h2{font-family:Georgia,serif;color:#3d5743;font-size:24px;line-height:1.35;margin:5px 0}.shared-connect h2 br{display:none}.shared-connect .eyebrow{font-size:11px;margin:0}.shared-connect p{font-size:13px;color:#617067;line-height:1.7}.site-footer{background:#f8faf5;border-top:1px solid #e0e7de;padding-top:28px}.footer-world{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;background:#f0f4ec;min-height:0;padding:0!important;margin-bottom:30px;border:1px solid #e0e7de;border-radius:4px;overflow:hidden}.footer-world>img{grid-column:2;grid-row:1;width:100%;height:205px;max-height:none;opacity:1;object-fit:cover}.footer-world>div{position:static;inset:auto;grid-column:1;grid-row:1;background:none;padding:25px;color:#53614e}.footer-world h2{font-size:27px;color:#3d5743;line-height:1.3}.footer-world p{color:#617067!important;font-size:13px!important}.footer-world .eyebrow{color:#697861;font-size:10px}.footer-world small{color:#7a8474;font-size:10px;max-width:none}.site-footer h2:not(.footer-world h2){letter-spacing:.035em;font-size:10px;color:#60705b}.site-footer a{color:#52634d}.site-footer p{color:#6b7666;font-size:12px}.legal-links,.footer-bottom{border-color:#e0e7de}.footer-brand{color:#486b51!important;font-family:Georgia,serif}.footer-tamil{color:#75816a!important}.closing p{font-family:Georgia,serif;font-size:24px}.reading-save-bar{border-color:#e0e7de}.top-star{display:none}
@media(min-width:992px) and (max-width:1199px){.brand .brand-logo{width:170px}.navbar .nav-link{font-size:11px}.nav-tools{gap:8px}}
@media(max-width:991px){.navbar{min-height:77px}.hero-grid{gap:28px}.hero-photo>img{height:320px}.article-byline{grid-template-columns:1fr}.footer-world>img{height:210px}}
@media(max-width:767px){.hero-grid{grid-template-columns:1fr}.hero-photo>img{height:300px}.hero h1{font-size:36px}.page-head{padding:28px 0}.page-head h1{font-size:32px}.prose{font-size:16px}.page-head p{font-size:14px}.hero-copy>p{font-size:15px}.intro-strip{flex-wrap:wrap}.intro-strip>span{flex-basis:100%}.hero-footnote{margin-top:20px}.footer-world{grid-template-columns:1fr;min-height:0}.footer-world>img{grid-column:1;grid-row:2;height:190px;object-position:center}.footer-world>div{grid-column:1;grid-row:1;padding:20px}.shared-connect>.container-xl{gap:15px}.shared-connect h2{font-size:23px}.hub-group h2{font-size:26px}.topline a{white-space:nowrap}.topline .container-xl{gap:15px}.topline span{max-width:220px;font-size:10px}.resource-grid{gap:15px}.family-image{border-radius:4px}.hero{padding:25px 0}.section{padding:30px 0}}
@media print{.footer-world{display:none!important}}

/* Readability: keep the light surfaces, with darker supporting text. */
:root{--ink:#26352c;--muted:#46564a;--bs-body-color:#26352c}
body{color:var(--ink)}
.page-head p,.hero-copy>p,.section-head p,.resource-card p,.hub-card p,.variety-card p,.snack-card p,.story-card p,.ingredient-card p,.publisher-signpost p,.shared-connect p,.sound-card p,.tray-layout section>p{color:#46564a}
.prose p,.prose li{color:#35473b}
.eyebrow,.byline-label,.language-note,.hero-footnote,.photo-caption,.editorial-media figcaption,.illustration-note,.page-updated,.read-meta,.result-count,.family-card .count,.family-card .tamil,.ingredient-term,.ingredient-tamil,.story-number,.reading-aside p,.reader-status,.reader-prompts small,.reader-story-form small,.feedback-form small,#wholesale-form small,.article-author small,.article-dates p,.sound-count,.tray-empty,.sound-card>span{color:#46564a}
.eyebrow{font-size:12px;font-weight:600}.language-note{font-size:11px}.photo-caption,.hero-footnote,.editorial-media figcaption,.illustration-note,.page-updated,.read-meta,.result-count{font-size:12px}.article-dates p,.article-author small{font-size:12px}.byline-label{font-size:10px}.article-ai-tags>span{color:#344b34;font-size:11px}.article-ai-tags>a{font-size:12px}
.site-footer p,.site-footer a,.footer-world p,.footer-world small,.footer-world .eyebrow,.footer-tamil,.footer-bottom,.legal-links{color:#46564a!important}.footer-world small,.site-footer p,.legal-links,.footer-bottom{font-size:12px}.site-footer h2:not(.footer-world h2){color:#354b39;font-size:11px}.topline,.topline a{color:#3e5345}.topline span{font-size:11px}
input::placeholder,textarea::placeholder{color:#59665d!important;opacity:1}
.btn:disabled,button:disabled{opacity:1;color:#58645b;background:#f0f3ee;border-color:#cad3c6}
@media(max-width:767px){.language-note,.hero-footnote,.photo-caption,.editorial-media figcaption,.article-dates p,.article-author small{font-size:12px}}

/* Library panel formerly inherited cream text from its old dark background. */
.library-panel{color:#293e30;background:#f1f6ef}.library-panel .eyebrow{color:#405b43;font-size:12px;font-weight:600}.library-panel h2{color:#293e30}.library-panel p{color:#405246;font-size:14px;line-height:1.85}.library-links a,.library-links a span{color:#2f513a;font-size:14px;border-bottom-color:#b8cbb5}.library-links a:hover,.library-links a:hover span{color:#1c3725;text-decoration:underline;text-underline-offset:4px}