/* Editorial reading pages share the quiz identity without its fixed game layout. */
:root{color-scheme:light;--bg:#f7f5ef;--paper:#fffefb;--ink:#183b3e;--muted:#526c6c;--line:#d9e2da;--green:#196a58;--soft:#e6efe8;--gold:#efbd59;--radius:23px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Thmanyah Sans',sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:4px}p,h1,h2,h3{margin:0}p{overflow-wrap:anywhere}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #2869ac;outline-offset:5px}a:hover{color:var(--green)}.library-shell{max-width:1192px;margin:auto;padding:0 38px}.skip-link{position:fixed;top:8px;right:15px;transform:translateY(-180%);z-index:100;background:var(--ink);color:white;padding:12px 20px;border-radius:12px}.skip-link:focus{transform:none;color:white}
.site-header{min-height:105px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:49px;height:53px;display:grid;place-items:center;background:var(--green);color:var(--gold);font-size:27px;border-radius:18px 18px 13px 13px}.brand strong{font-size:22px;display:block;line-height:1.4}.brand small{font-size:12px;display:block;color:var(--muted);margin-top:3px}.header-nav{display:flex;gap:28px;align-items:center;font-size:14px}.header-nav a{text-decoration:none}.header-nav a[aria-current]{color:var(--green);font-weight:700}.header-play{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 16px;background:var(--paper)}
.breadcrumbs{padding-top:24px;font-size:12px;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px 11px;list-style:none;padding:0;margin:0}.breadcrumbs li+li::before{content:'/';display:inline-block;margin-left:11px;color:#6a8080}.breadcrumbs a{text-decoration:none}.breadcrumbs [aria-current]{color:var(--ink)}
.library-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:55px;align-items:center;padding:45px 0 62px}.eyebrow{color:var(--green);font-size:13px;font-weight:700;letter-spacing:.1px}.hero-copy h1{font-size:clamp(37px,4.5vw,60px);font-weight:900;line-height:1.3;letter-spacing:-1.3px;margin:14px 0 23px}.hero-copy h1 em{font-style:normal;color:var(--green)}.hero-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.95;max-width:650px}.hero-copy .lead{font-size:20px!important;color:var(--ink)!important;margin-bottom:13px}.hero-copy>p+p{margin-top:15px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;background:var(--green);color:white;border:1px solid var(--green);border-radius:13px;padding:11px 22px;text-decoration:none;font-size:16px;font-weight:700;transition:background .15s,transform .15s}.button:hover{background:#115441;color:white;transform:translateY(-2px)}.text-link{text-decoration:none;font-size:14px}.reading-note{color:var(--muted);font-size:13px}
.hero-illustration{height:350px;display:flex;align-items:center;justify-content:center;position:relative}.hero-illustration::before{content:'';position:absolute;width:310px;height:330px;border-radius:170px 170px 35px 35px;background:#e2ece2;border:1px solid #d1dfd1}.book-shape{position:relative;width:208px;height:244px;border-radius:10px 20px 20px 10px;transform:rotate(-8deg);background:var(--green);border:1px solid #0b5946;border-left:12px solid #135241;padding:27px 27px;color:#fff9e9;box-shadow:12px 10px 0 #f9e9be,14px 12px 0 #bdbf9e}.book-shape>span{color:#e7c876;font-size:16px}.book-shape strong{display:block;font-size:29px;line-height:1.45;margin-top:12px}.book-shape i{position:absolute;bottom:19px;left:26px;font-size:26px;color:var(--gold);font-style:normal}.art-spark{position:absolute;z-index:2;color:#bb7f22}.spark-one{font-size:42px;top:7px;right:13px}.spark-two{font-size:40px;bottom:3px;left:12px}.art-note{position:absolute;z-index:2;padding:7px 14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;font-size:14px;box-shadow:0 8px 20px #1d493910}.note-one{top:59px;left:-3px;transform:rotate(6deg)}.note-two{bottom:35px;right:-6px;transform:rotate(-5deg)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px}.section-heading h2{font-size:27px;line-height:1.5;margin-top:4px}.section-heading>p{font-size:13px;color:var(--muted);padding-bottom:4px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.topic-card{display:flex;flex-direction:column;text-decoration:none;background:var(--paper);border:1px solid var(--line);padding:27px 29px;border-radius:var(--radius);transition:transform .15s,border-color .15s}.topic-card:hover{transform:translateY(-4px);border-color:var(--green);color:var(--ink)}.topic-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.topic-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--topic-soft);color:var(--topic-ink);font-size:33px}.pill{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:2px 11px}.topic-card h3{font-size:23px;line-height:1.5;margin-bottom:9px}.topic-card>p{font-size:15px;color:var(--muted);flex:1}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:21px;padding-top:15px;font-size:14px;font-weight:700;color:var(--green)}.color-gold{--topic-soft:#fbebc7;--topic-ink:#8f661e}.color-teal{--topic-soft:#dfefe5;--topic-ink:#196a58}.color-coral{--topic-soft:#fae5d9;--topic-ink:#94502f}.color-blue{--topic-soft:#e2eaf8;--topic-ink:#395d92}
.learning-section{margin:58px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.guide-card{border-top:1px solid var(--line);padding:23px 5px 0}.step-number{display:grid;place-items:center;width:34px;height:34px;background:var(--soft);border-radius:50%;color:var(--green);font-weight:700;font-size:14px;margin-bottom:14px}.guide-card h3{font-size:19px;margin-bottom:8px}.guide-card p{font-size:14px;color:var(--muted);line-height:1.95}
.topic-hero{grid-template-columns:minmax(0,1fr) 230px;gap:65px}.topic-hero .hero-copy h1{font-size:clamp(33px,3.8vw,48px)}.topic-hero .hero-copy h1 em{display:block;font-size:.7em;letter-spacing:-.3px;margin-top:8px}.topic-emblem{width:220px;height:265px;border:1px solid var(--line);background:var(--topic-soft);border-radius:120px 120px 27px 27px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--topic-ink);position:relative}.topic-emblem::after{content:'';position:absolute;inset:12px;border:1px solid currentColor;opacity:.13;border-radius:110px 110px 18px 18px}.topic-emblem>span{font-size:52px;line-height:1;margin:5px 0}.topic-emblem>strong{font-size:65px;line-height:1.3;letter-spacing:-3px}.topic-emblem>small{font-size:14px}
.question-section{max-width:870px;margin:auto}.question-section .section-heading h2{font-size:25px}.question-list{display:flex;flex-direction:column;gap:23px}.question-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:25px 29px;scroll-margin-top:24px;break-inside:avoid}.question-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:15px}.question-number{font-weight:700;color:var(--green)}.question-category{color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:1px 12px}.question-card h3{font-size:23px;font-weight:700;line-height:1.8;margin:0 0 21px;overflow-wrap:anywhere}.answer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:11px}.answer-options li{display:flex;align-items:center;gap:11px;background:#eaf3ed;border:1px solid #cedfd2;border-radius:12px;padding:13px 15px;font-size:16px;line-height:1.8;overflow-wrap:anywhere;--option-ink:#35644a;--option-soft:#cde4d3}.answer-options li:nth-child(2){background:#edf1fb;border-color:#d5dfee;--option-ink:#45649a;--option-soft:#d9e3f8}.answer-options li:nth-child(3){background:#fff4e6;border-color:#efdfc8;--option-ink:#866123;--option-soft:#f1e0be}.answer-options li:nth-child(4){background:#f8ecf0;border-color:#e7d4dc;--option-ink:#905269;--option-soft:#eed5df}.option-number{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;background:var(--option-soft);color:var(--option-ink);font-size:13px;font-weight:700;border-radius:8px}.answer-details{margin-top:20px;border-top:1px solid var(--line)}.answer-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:13px 1px 0;font-size:14px;font-weight:700;color:var(--green);list-style:none}.answer-details summary::-webkit-details-marker{display:none}.reveal-icon{font-size:23px;width:26px;height:26px;display:grid;place-items:center;line-height:1;transition:transform .15s}.answer-details[open] .reveal-icon{transform:rotate(45deg)}.answer-content{padding-top:16px}.correct-answer{padding:14px 17px;border-radius:12px;background:#e5f0e5;border:1px solid #c9dfc8}.correct-answer>span{display:block;font-size:11px;color:#44684a}.correct-answer>strong{display:block;font-size:17px;font-weight:700;color:#205d37;margin-top:3px}.answer-explanation{font-size:16px;line-height:2;color:var(--muted);margin-top:15px}
.related-topics{margin:52px 0}.related-topics h2{font-size:24px;margin-bottom:19px}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.related-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:17px;font-size:14px;text-decoration:none}.related-links a:hover{border-color:var(--green)}
.play-callout{margin:50px 0 25px;padding:32px 36px;background:var(--soft);border:1px solid #d3dfd3;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:35px}.play-callout h2{font-size:27px;margin:4px 0 10px;line-height:1.5}.play-callout p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:640px}.button-gold{background:var(--gold);border-color:#dca346;color:#273531;flex-shrink:0;gap:17px}.button-gold:hover{background:#f6ca71;color:#273531}.feedback-note{font-size:12px;color:var(--muted);text-align:center;margin-bottom:40px}.feedback-note a{color:var(--green)}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0 33px;font-size:12px;color:var(--muted)}.site-footer p span{padding:0 8px}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px}.site-footer a{text-decoration:none}.error-page{padding-top:15vh}.error-page h1{font-size:34px}.error-page p{margin:20px 0}
@media(min-width:1400px){.library-shell{max-width:1250px}.library-hero{padding-top:58px;padding-bottom:75px}.topic-hero{padding-top:45px;padding-bottom:65px}}
@media(max-width:900px){.library-shell{padding:0 26px}.library-hero{gap:28px;grid-template-columns:1.3fr .8fr}.hero-copy h1{font-size:45px}.hero-illustration{transform:scale(.85);margin-left:-10px}.topic-hero{grid-template-columns:minmax(0,1fr) 170px;gap:30px}.topic-emblem{width:170px;height:220px}.topic-emblem>strong{font-size:55px}.header-nav{gap:18px}.guide-grid{gap:19px}.play-callout{gap:24px;padding:28px}.play-callout h2{font-size:24px}.button-gold{font-size:14px;padding:11px 17px}.related-links{grid-template-columns:1fr}.site-footer{align-items:start;flex-direction:column;gap:15px}}
@media(max-width:650px){html{scroll-padding-top:15px}.library-shell{padding:0 19px}.site-header{min-height:89px;gap:12px}.brand{gap:9px}.brand-mark{width:38px;height:43px;border-radius:13px;font-size:22px}.brand strong{font-size:17px}.brand small{font-size:9px}.header-nav{gap:0}.header-nav>a:first-child{display:none}.header-play{font-size:11px;padding:9px 10px;gap:10px}.breadcrumbs{padding-top:18px;font-size:10px}.breadcrumbs ol{gap:6px 8px}.breadcrumbs li+li::before{margin-left:8px}.library-hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 0 37px;gap:21px}.hero-copy h1{font-size:43px;line-height:1.3;letter-spacing:-.9px;margin:12px 0 19px}.hero-copy .lead{font-size:18px!important}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.95}.hero-actions{gap:20px;margin-top:22px}.hero-illustration{height:255px;transform:scale(.75);transform-origin:center;margin-top:-6px;margin-bottom:-10px}.hero-illustration::before{height:305px;width:300px}.spark-one{right:10%}.spark-two{left:10%}.note-one{left:4%;top:11px}.note-two{right:3%;bottom:2px}.section-heading{display:block;margin-bottom:19px}.section-heading h2{font-size:23px}.section-heading>p{margin-top:8px;font-size:12px}.eyebrow{font-size:12px}.topic-grid{grid-template-columns:1fr;gap:15px}.topic-card{padding:23px;border-radius:20px}.topic-card-top{margin-bottom:13px}.topic-card h3{font-size:22px}.topic-card>p{font-size:14px}.topic-symbol{height:47px;width:47px;font-size:29px}.guide-grid{grid-template-columns:1fr;gap:23px}.guide-card{padding-top:18px}.guide-card h3{font-size:19px}.learning-section{margin:39px 0}.step-number{margin-bottom:10px}.topic-hero{position:relative;padding-top:27px;gap:0}.topic-emblem{display:none}.topic-hero .hero-copy h1{font-size:34px;line-height:1.5;letter-spacing:-.6px;margin-top:8px}.topic-hero .hero-copy h1 em{font-size:23px;margin-top:1px}.reading-note{font-size:11px}.topic-hero .hero-actions{gap:14px;align-items:center}.button{min-height:48px;font-size:14px;padding:10px 17px;gap:20px}.question-section .section-heading h2{font-size:22px}.question-card{padding:19px 18px;border-radius:20px}.question-top{margin-bottom:12px;font-size:11px}.question-card h3{font-size:21px;line-height:1.8;margin-bottom:18px}.answer-options{grid-template-columns:1fr;gap:9px}.answer-options li{font-size:15px;padding:11px 12px;gap:10px}.option-number{flex-basis:28px;width:28px;height:28px}.answer-details{margin-top:16px}.answer-details summary{font-size:13px}.answer-explanation{font-size:15px}.correct-answer>strong{font-size:16px}.related-topics{margin:37px 0}.related-topics h2{font-size:22px}.related-links a{font-size:14px}.play-callout{margin-top:37px;padding:24px;flex-direction:column;align-items:stretch;gap:20px;border-radius:20px}.play-callout h2{font-size:24px}.play-callout .button{align-self:start}.feedback-note{text-align:right;line-height:1.9;margin-bottom:28px}.site-footer{font-size:11px;padding:23px 0 28px}.site-footer nav{gap:18px}.question-list{gap:17px}}
@media(max-width:360px){.library-shell{padding:0 15px}.brand strong{font-size:15px}.brand small{font-size:8px}.header-play{font-size:10px;gap:6px;padding:8px}.hero-copy h1{font-size:39px}.topic-hero .hero-copy h1{font-size:30px}.topic-hero .hero-copy h1 em{font-size:21px}.question-card h3{font-size:19px}.question-card{padding:17px 15px}.hero-illustration{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{body{background:white;color:#111}.library-shell{max-width:none;padding:0}.skip-link,.site-header,.breadcrumbs,.hero-actions,.hero-illustration,.topic-emblem,.learning-section,.related-topics,.play-callout,.feedback-note,.site-footer,.answer-details summary{display:none!important}.library-hero{display:block;padding:0 0 20px}.hero-copy h1,.topic-hero .hero-copy h1{font-size:28px}.hero-copy>p:not(.eyebrow){font-size:12px}.question-section{max-width:none}.question-list{gap:15px}.question-card{border:1px solid #bbb;border-radius:8px;padding:15px;box-shadow:none}.question-card h3{font-size:17px}.answer-options{grid-template-columns:repeat(2,1fr)}.answer-options li,.answer-explanation{font-size:12px}.answer-details:not([open])>.answer-content{display:block}.answer-content{padding-top:10px}.correct-answer{background:white;border-color:#bbb}.correct-answer>strong{font-size:13px}.answer-explanation{margin-top:8px;line-height:1.8}a{text-decoration:none}}
/* Comfortable reading for children and adults, including narrow phones. */
@media screen{
body{font-size:18px;line-height:1.9}.header-nav{font-size:16px}.breadcrumbs{font-size:14px}.eyebrow{font-size:15px}.hero-copy>p:not(.eyebrow){font-size:18px!important;line-height:1.95}.topic-card>p{font-size:18px}.card-link{font-size:16px}.section-heading>p,.reading-note{font-size:15px}.guide-card p{font-size:18px;line-height:1.95}.guide-card h3{font-size:21px}.answer-options li{font-size:18px}.answer-explanation{font-size:18px;line-height:2}.answer-details summary{font-size:16px}.correct-answer>span{font-size:14px}.correct-answer>strong{font-size:19px}.question-top{font-size:14px}.related-links a{font-size:17px}.play-callout p:not(.eyebrow){font-size:18px}.feedback-note,.site-footer{font-size:14px}.text-link{font-size:16px}.pill{font-size:14px}
}
@media screen and (max-width:650px){
.header-nav{gap:13px;font-size:14px}.header-play{font-size:13px;gap:8px}.brand small{font-size:10px}.breadcrumbs{font-size:13px}.eyebrow{font-size:14px}.hero-copy>p:not(.eyebrow),.topic-card>p,.guide-card p,.play-callout p:not(.eyebrow){font-size:18px!important}.question-card h3{font-size:22px}.answer-options li,.answer-explanation{font-size:18px}.answer-details summary{font-size:16px}.correct-answer>strong{font-size:18px}.reading-note,.section-heading>p{font-size:14px}.button{font-size:16px}.question-top{font-size:13px}.hero-actions{gap:17px}.feedback-note{font-size:14px}
}
@media screen and (max-width:380px){.brand small{display:none}.brand strong{font-size:15px}.header-nav{gap:10px;font-size:13px}.header-play{padding:8px;font-size:13px}.header-play span{display:none}.question-card h3{font-size:21px}}