/* Extend the book's purple and gold atmosphere through the reading sections. */
body{background:#211432}
.content-world{--ink:#fbf7ff;--muted:#c8bbd7;--line:#ffffff20;--light:#ffffff08;--purple:#f0ce86;--deep:#27193b;color:var(--ink);background:radial-gradient(ellipse at 95% 12%,#49315b44,transparent 30%),radial-gradient(ellipse at 0% 56%,#64477728,transparent 32%),linear-gradient(180deg,#211432,#281a39 48%,#211432)}
.content-world .eyebrow{color:#eaca87;letter-spacing:.13em;font-size:.75rem;line-height:1.7}
.content-world h2{color:#fbf7ff;line-height:1.18;max-width:100%;text-wrap:balance}
.content-world .purple-text{color:#f0ce86}
.content-world .button-purple,.content-world .button-yellow{background:linear-gradient(135deg,#ffdc8a,#ebc46e);color:#281838;box-shadow:0 5px 20px #12071926;border:1px solid #ffe6aa66}
.content-world .button-purple:hover,.content-world .button-yellow:hover{background:#ffe19a;box-shadow:0 7px 24px #12071940}
.content-world .button-dark{background:#3b284e;color:#fbf7ff;border:1px solid #dbc08466}
.content-world .button-dark:hover{background:#513962}
.content-world :focus-visible{outline:3px solid #f1d28d;outline-offset:5px}
.content-world .book-section{padding-block:108px 82px}
.content-world .book-introduction{gap:90px;align-items:center;margin-bottom:62px}
.content-world .book-introduction .eyebrow{margin-bottom:24px}
.content-world .book-introduction h2{font-size:clamp(2.7rem,5.1vw,4.5rem);letter-spacing:-.05em;line-height:1.12}
.content-world .book-introduction .introduction-lead{color:#f0ce86;font-size:1.45rem;line-height:1.5;margin-bottom:17px}
.content-world .book-introduction p:not(.eyebrow):not(.introduction-lead){color:#c8bbd7;font-size:1.0625rem;line-height:1.85}
.content-world .book-introduction .button{margin-top:28px}
.content-world .book-facts{padding:32px 0;gap:0;border-color:#ddba7140;margin-bottom:74px}
.content-world .book-facts>div{padding:5px 35px;border-left:1px solid #ddba7129;gap:10px}
.content-world .book-facts>div:first-child{border-left:0;padding-left:0}
.content-world .book-facts strong{color:#f4d38b;font-size:clamp(2.3rem,3.5vw,3.2rem);font-weight:700}
.content-world .book-facts span{color:#c3b4d1;font-size:.9375rem}
.content-world .section-heading{column-gap:64px}
.content-world .section-heading>.eyebrow{margin-bottom:22px}
.content-world .section-heading>p:last-child{color:#c8bbd7;font-size:1rem;line-height:1.8}
.content-world .feature-grid{gap:22px;margin-top:38px}
.content-world .feature{padding:29px 27px 27px;border:1px solid #dbc08433;border-radius:14px;background:linear-gradient(135deg,#ffffff07,#ffffff02);box-shadow:0 12px 25px #10071913;min-width:0}
.content-world .feature-number{font-size:.875rem;color:#dbb773;margin-bottom:24px}
.content-world .feature h3{font-size:1.3rem;line-height:1.3;color:#fbf7ff;letter-spacing:-.02em;margin-bottom:14px}
.content-world .feature p{color:#c8bbd7;font-size:1rem;line-height:1.8}
.content-world .feature-tag{background:#efd08a0d;border:1px solid #d7b96d2b;color:#dcc28d;font-size:.75rem;letter-spacing:.07em;padding:5px 10px;border-radius:5px;margin-top:22px}
.content-world .teacher-note{margin-top:34px;padding:27px 0;border-color:#ffffff1a;gap:35px;grid-template-columns:1fr 3fr .4fr}
.content-world .teacher-note>.eyebrow{color:#ad9ebd;font-size:.75rem;letter-spacing:.08em}
.content-world .teacher-note>p:nth-child(2){color:#d1c4df;font-size:1rem;line-height:1.8}
.content-world .teacher-note strong{color:#f6dfae}
.content-world .teacher-note-mark{display:block;color:#d6b779;font-size:2.6rem}
.content-world .challenge-section{border-block:1px solid #ffffff18;background:radial-gradient(ellipse at 72% 50%,#5e42792e,transparent 60%),#1d122c;padding-block:88px}
.content-world .challenge-layout{gap:85px}
.content-world .challenge-intro>.eyebrow{color:#eaca87;margin-bottom:23px}
.content-world .challenge-intro h2 span{color:#f0ce86}
.content-world .challenge-intro>p:nth-of-type(2){color:#d2c3df;font-size:1.0625rem;line-height:1.8}
.content-world .challenge-caption{color:#ad9bbf;font-size:.875rem;line-height:1.8}
.content-world .challenge-skills span{border-color:#d1b27638;color:#e2cc9d;background:#ddba7109;font-size:.875rem;padding:7px 12px}
.content-world .challenge-card{background:linear-gradient(145deg,#3d2954,#2e1e41);color:#fbf7ff;border:1px solid #cfae7559;padding:29px 32px 23px;border-radius:17px;box-shadow:0 22px 48px #0a04152e;min-width:0}
.content-world .challenge-card-top{color:#dcc28e;font-size:.75rem;letter-spacing:.08em;gap:12px}
.content-world .progress-track{background:#ffffff12;height:4px}
.content-world .progress-track>span{background:#edca80}
.content-world .question-context{color:#bfaed0;font-size:.875rem;line-height:1.7}
.content-world .challenge-card h3{color:#fbf7ff;font-size:1.3rem;line-height:1.65}
.content-world .challenge-card label{color:#d4c5e0;font-size:.875rem}
.content-world .answer-row input{background:#241731;color:#fff;border-color:#a085b063;caret-color:#edca80;box-shadow:inset 0 2px 8px #130a2118}
.content-world .answer-row input::placeholder{color:#b4a4c5;opacity:1}
.content-world .answer-row input[aria-invalid=true]{border-color:#f3a9ba}
.content-world .answer-row span{color:#cfc0de;font-size:.875rem}
.content-world .challenge-actions{gap:15px;margin-top:18px}
.content-world .challenge-actions .button{font-size:.875rem;min-height:46px;padding:13px 19px}
.content-world .hint-button{color:#dcccab;font-size:.875rem}
.content-world .hint-button:hover{color:#ffe2a5}
.content-world .hint-text{background:#21152f;border:1px solid #dcbb7633;color:#e7d4ac;font-size:.875rem;line-height:1.8;padding:14px}
.content-world .answer-feedback{font-size:.9375rem;line-height:1.7}
.content-world .answer-feedback.success{color:#9be4bd}
.content-world .answer-feedback.error{color:#ffb3c4}
.content-world #next-button{font-size:.875rem;min-height:44px}
.content-world .challenge-card-footer{border-color:#ffffff18;color:#b9a8ca;font-size:.75rem;line-height:1.8}
.content-world .complete-icon{color:#281838;background:#edca80}
.content-world #complete-view h3{font-size:1.8rem}
.content-world #complete-view p{color:#d1c2dd;font-size:1rem;line-height:1.8}
.content-world .app-section{padding-block:96px 88px}
.content-world .app-heading{gap:18px;flex-wrap:wrap;margin-bottom:24px}
.content-world .app-heading>.eyebrow{color:#eaca87}
.content-world .status-tag{background:#d8b9790e;border:1px solid #d8b97955;color:#f0cf87;padding:5px 9px;border-radius:5px;font-size:.75rem;letter-spacing:.06em}
.content-world .app-layout{gap:85px}
.content-world .app-layout>div>p{color:#c8bbd7;font-size:1rem;line-height:1.85}
.content-world .career-panel{background:linear-gradient(135deg,#ffffff07,#ffffff02);border:1px solid #dbc08433;border-radius:14px;padding:29px 32px}
.content-world .app-layout .career-panel>.eyebrow{color:#dbbf82;font-size:.75rem;letter-spacing:.09em}
.content-world .career-list{margin-top:18px}
.content-world .career-list li{border-color:#ddc39524;color:#f1e7fa;font-size:1.0625rem;padding:13px 0}
.content-world .career-list li span{color:#d6b576;font-size:.75rem}
.content-world .app-layout .career-panel>.career-footnote{color:#ae9cbe;font-size:.875rem;line-height:1.7;margin-top:20px}
.content-world .faq-section{border-top:1px solid #ffffff18;padding-block:58px 84px;gap:80px}
.content-world .faq-section .eyebrow{color:#eaca87;margin-bottom:20px}
.content-world .faq-list details{border:1px solid #ffffff21;border-radius:11px;background:#ffffff04;padding-inline:22px;margin-bottom:12px}
.content-world .faq-list details[open]{border-color:#d1b2754d;background:#ffffff07}
.content-world .faq-list summary{color:#f4ecfa;font-size:1rem;line-height:1.65;padding:19px 32px 19px 0}
.content-world .faq-list summary::after{color:#e1c183;right:1px;top:15px}
.content-world .faq-list details p{color:#c8bbd7;font-size:1rem;line-height:1.85;padding-bottom:21px}
.content-world .faq-list details p>a{color:#f0cf87}
.content-world .closing-section{padding-block:62px;background:radial-gradient(ellipse at 15% 20%,#5e3f7833,transparent 65%),#2c1b3f;border-block:1px solid #dcc28d2b}
.content-world .closing-inner .eyebrow{color:#d7b97f;margin-bottom:21px}
.content-world .closing-inner h2{color:#fbf7ff;font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.25}
.content-world .closing-inner .button{flex-shrink:0}
.site-footer{color:#f7efff;padding-block:32px}
.site-footer p,.site-footer>span{color:#b8a9c8;font-size:.75rem;line-height:1.7}
.footer-brand{color:#ead6ac}
@media(max-width:1000px){.content-world .book-introduction,.content-world .section-heading,.content-world .challenge-layout,.content-world .app-layout,.content-world .faq-section{gap:45px}.content-world .feature-grid{gap:17px}.content-world .feature{padding:24px 22px}.content-world .teacher-note{grid-template-columns:1fr 3fr}.content-world .teacher-note-mark{display:none}}
@media(max-width:800px){.content-world .book-introduction,.content-world .section-heading,.content-world .challenge-layout,.content-world .app-layout,.content-world .faq-section{column-gap:30px}.content-world .feature-grid{grid-template-columns:1fr}.content-world .feature{display:grid;grid-template-columns:40px 1fr;column-gap:17px;padding:25px}.content-world .feature-number{grid-row:1/4;margin:3px 0 0}.content-world .feature p{max-width:none}.content-world .feature-tag{justify-self:start}.content-world .teacher-note>p:nth-child(2){font-size:1rem}.content-world .book-facts>div{padding-inline:22px}.content-world .challenge-card{padding:25px}.content-world .challenge-actions{flex-wrap:wrap;gap:9px}.content-world .challenge-card h3{font-size:1.2rem}}
@media(max-width:700px){.content-world .book-section{padding-block:62px 48px}.content-world .book-introduction,.content-world .section-heading,.content-world .challenge-layout,.content-world .app-layout,.content-world .faq-section{grid-template-columns:1fr;gap:28px}.content-world .book-introduction{margin-bottom:38px}.content-world .book-introduction h2{font-size:clamp(2.5rem,9vw,3.5rem)}.content-world .book-introduction .introduction-lead{font-size:1.25rem}.content-world .book-introduction p:not(.eyebrow):not(.introduction-lead){font-size:1rem}.content-world .book-facts{padding-block:25px;margin-bottom:46px}.content-world .book-facts>div{padding:3px 14px}.content-world .book-facts strong{font-size:clamp(1.4rem,6vw,2rem)}.content-world .book-facts span{font-size:.875rem;line-height:1.5}.content-world .section-heading>.eyebrow{margin-bottom:0}.content-world h2{font-size:2.15rem}.content-world .feature-grid{gap:17px;margin-top:28px}.content-world .feature{padding:24px 20px;grid-template-columns:30px 1fr;column-gap:13px}.content-world .teacher-note{display:block;padding-block:24px;margin-top:29px}.content-world .teacher-note>.eyebrow{margin-bottom:13px}.content-world .challenge-section{padding-block:55px}.content-world .challenge-intro h2{font-size:2.5rem}.content-world .challenge-intro>p:nth-of-type(2){max-width:none;font-size:1rem}.content-world .challenge-caption{max-width:none}.content-world .challenge-skills{margin-top:23px}.content-world .challenge-card{padding:24px 22px;min-height:0}.content-world .challenge-card h3{font-size:1.2rem}.content-world .challenge-card-top{letter-spacing:.04em}.content-world .challenge-actions{gap:9px;justify-content:flex-start}.content-world .hint-button{padding-inline:4px}.content-world .app-section{padding-block:57px}.content-world .app-heading{gap:12px;margin-bottom:19px}.content-world .career-panel{padding:25px}.content-world .faq-section{padding-block:44px 48px;gap:26px}.content-world .faq-list details{padding-inline:18px}.content-world .closing-section{padding-block:43px}.content-world .closing-inner{align-items:flex-start;gap:26px;flex-direction:column}.content-world .closing-inner h2{font-size:2.05rem}.site-footer{padding-block:26px;align-items:flex-start;flex-direction:column;gap:9px}}
