/* A single editorial system across the existing learning experiences. */
#website{--paper:#fffcf6;--ink:#302e2a;--border:#dedbd2;background:var(--paper);color:var(--ink)}
#website header{height:80px;background:#fffcf6;border-bottom:1px solid var(--border)}
#website header nav{background:transparent;gap:24px;font-size:14px}
#website header .brand-image{width:155px;height:auto}
#website .section,#website .simple-how{padding:76px max(6%,calc((100vw - 1160px)/2));border-top:1px solid var(--border)}
#website h2,#website .section h2,#website .simple-how h2{font-family:Inter,Inter,sans-serif;font-size:clamp(32px,3.1vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.16;color:#302e2a}
#website h2 em,#website h3 em{font-style:normal;color:inherit;font-weight:inherit}
#website h3{font-family:Inter,Inter,sans-serif;letter-spacing:-.025em}
#website .eyebrow{font-size:12px;letter-spacing:.12em;line-height:1.6;font-weight:600;color:#796342}
#website .section p{font-size:16px;line-height:1.75}
#website .button,#website header .button.small,#website .pricing-pro .plan-cta,#website .pricing-pro .featured-plan .plan-cta,#website .why-anchor .button,#website .why-close .button{background:#e8bd76;border:1px solid #cca665;color:#342a1e;box-shadow:none;border-radius:999px;min-height:40px;padding:10px 18px;font:600 14px/1.3 Inter,sans-serif;gap:12px;transform:none}
#website .button:hover,#website .pricing-pro .plan-cta:hover{background:#f0cb8c;transform:none;color:#342a1e}
#website .section .reveal{transform:none;transition:opacity .35s}
#website .chapter-wayfinder{display:none}
#website .subjects,#website .why-next,#website .parents,#website .pricing-pro{background:#fffcf6}
#website .simple-how,#website .demo-section,#website .profile,#website .journey{background:#f3f0e8}
#website .simple-how{grid-template-columns:.8fr 1.3fr;gap:65px}
#website .how-heading{padding-top:26px}
#website .how-heading h2{margin:20px 0}
#website .how-duration{margin-top:25px;letter-spacing:.06em}
#website .how-paper,#website .tutor,#website .report{background:#fffcf6;border:1px solid #dedbd2;border-radius:12px;box-shadow:none;transform:none}
#website .subject-heading{align-items:center;margin:20px 0 30px}
#website .subject-worlds{gap:22px}
#website .subject-art{height:135px;border-radius:10px;box-shadow:none;border:0}
#website .subject small{font-size:10px;letter-spacing:.04em}
#website .subject strong{font-size:18px}
#website .subject:hover{transform:none}
#website .subject-explore{background:#f3f0e8;border:1px solid #e2ded3;border-radius:10px;padding:24px;margin-top:24px}
#website .why-heading{max-width:none;text-align:left;display:grid;grid-template-columns:1fr 1fr;column-gap:65px;margin:0 0 38px}
#website .why-heading>.eyebrow{grid-column:1/-1}
#website .why-heading h2{margin:18px 0 0}
#website .why-heading>p{align-self:end;margin:0;max-width:410px}
#website .why-heading h2 span{color:#886235}
#website .why-editorial{gap:65px}
#website .why-anchor{background:#f2e8d5;border:0;border-radius:12px;padding:30px;top:104px}
#website .why-anchor h3{font-size:28px;margin:20px 0}
#website .why-companion{margin:24px 0}
#website .why-chapter summary strong{font-family:Inter,sans-serif;font-size:22px;line-height:1.35;font-weight:500}
#website .why-example{background:#f5f1e8;border-radius:8px}
#website .why-everyday{margin-top:36px;padding-top:28px}
#website .why-close{margin-top:28px;padding-top:24px}
#website .why-close p{font-size:18px}
#website .why-availability{font-size:12px}
#website .demo-grid{gap:65px}
#website .demo-grid>div>p{color:#675f54;margin-top:20px}
#website .question{border:0;border-bottom:1px solid #d8d1c4;border-radius:0;margin:0;padding:16px 0;font-size:15px;transform:none}
#website .question:hover{padding-left:0;color:#8e5f25}
#website .question.selected{color:#795321;border-color:#a98a5c}
#website .capabilities{margin-top:32px;padding-top:20px;color:#655d51;font-size:14px}
#website .profile{align-items:start}
#website .profile-map{background:none;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;border:0}
#website .profile-core{grid-column:1/-1;font:600 16px/1.4 Inter,sans-serif;text-align:left;width:auto;height:auto;display:block;border:0;border-radius:0;padding:0 0 8px;color:#4b4238}
#website .profile-tag{position:static;inset:auto;transform:none;border:1px solid #d7d0c1;box-shadow:none;border-radius:8px;padding:18px;text-align:left;background:#fffcf6;font-size:14px;line-height:1.5}
#website .profile-tag:hover{transform:none;background:#f8ecd5}
#website #profileDetail{position:static;grid-column:1/-1;font-size:14px;max-width:none;text-align:left;line-height:1.7;margin:6px 0 0}
#website .journey-path{padding:30px 0;min-height:0;gap:14px}
#website .level{flex:1;margin-top:0;min-width:0;padding:20px 14px;border:1px solid #d8d1c4;background:#fffcf6;border-radius:10px;text-align:left}
#website .level-disc{transform:none;box-shadow:none;width:40px;height:40px;border-radius:50%;margin:0 0 18px;font-size:19px;background:#e8e4d7;color:#5b5545}
#website .current .level-disc{background:#ecc98c;box-shadow:none}
#website .locked .level-disc{box-shadow:none}
#website .level:hover{transform:none;border-color:#a88556}
#website .level small{font-size:10px}
#website .level strong{font-size:17px}
#website .path-line{display:none}
#website .parents h2{margin:20px 0}
#website .report{padding:28px}
#website .report-top strong{font:600 21px/1.3 Inter,sans-serif}
#website .report-metrics span,#website .report-row,#website .report-footer{font-size:13px}
#website .report-metrics strong{font-size:30px}
#website .journal-ribbon{background:none;color:#78613f;transform:none;position:static;margin-bottom:20px;font-size:12px;padding:0}
#website .pricing-pro .pricing-intro{display:block;text-align:left;margin-bottom:34px;max-width:1160px}
#website .pricing-pro .pricing-intro h2{margin:18px 0}
#website .pricing-pro .pricing-intro h2,#website .why-heading h2{font-family:Inter,Inter,sans-serif;font-size:clamp(32px,3.1vw,44px);line-height:1.16;font-weight:600;letter-spacing:-.045em}
#website .pricing-pro .pricing-intro>p{max-width:650px}
#website .pricing-pro .billing-toggle{margin-top:24px;box-shadow:none;background:#f4f0e8}
#website .pricing-pro .billing-toggle button[aria-pressed=true]{background:#514635;color:#fffcf6}
#website .pricing-pro .pro-plans{gap:18px;max-width:1160px}
#website .pricing-pro .pro-plan,#website .pricing-pro .pro-plan.featured-plan,#website .pricing-pro .pro-plan.senior-plan{background:#fffcf6;border:1px solid #d7d0c1;box-shadow:none;transform:none;border-radius:12px;min-height:0;padding:26px 24px}
#website .pricing-pro .pro-plan.featured-plan{background:#f7f1e6}
#website .plan-head{display:block;margin-bottom:24px}
#website .plan-fit{display:block;max-width:none;text-align:left;margin-top:6px}
#website .pricing-pro .pro-plan h3{font-family:Inter,sans-serif;font-size:34px}
#website .pricing-pro .plan-summary{min-height:112px;font-size:15px;margin-bottom:20px}
#website .plan-highlights{min-height:212px}
#website .plan-detail-body dd{font-size:14px;line-height:1.7}
#website .plan-details{margin-bottom:22px}
#website .pricing-pro .pricing-note{font-size:12px}
#website .about,#website footer{background:#ebe6da;border-color:#d2cbbb;color:#514635}
#website .about{padding-top:34px;padding-bottom:34px}
#website footer{font-size:12px;line-height:1.7}
#website .platform-section{padding:56px 6%;border-top:1px solid #ded8cd;background:#fffcf6;display:flex;align-items:center;justify-content:space-between;gap:32px}
#website .platform-eyebrow{font:600 12px/1.5 Inter,sans-serif;letter-spacing:.12em;color:#746650}
#website .platform-section h2{font:600 clamp(24px,3vw,32px)/1.2 Inter,sans-serif;letter-spacing:-.035em;margin:12px 0;color:#30291f}
#website .platform-section p{font:400 16px/1.6 Inter,sans-serif;margin:0;color:#655b4c}
#website .platform-options{display:flex;flex-wrap:wrap;gap:10px}
#website .platform-button{display:flex;align-items:center;gap:13px;padding:14px 18px;border:1px solid #d7d0c3;border-radius:12px;background:#f3efe7;color:#625b50;text-decoration:none;text-align:left;font-family:Inter,sans-serif;min-height:72px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}
#website .platform-button small{display:block;font-size:12px;line-height:1.5;font-weight:400}
#website .platform-button strong{display:block;font-size:18px;line-height:1.4;font-weight:600}
#website .platform-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px}
#website .platform-icon svg{display:block;width:100%;height:100%}
#website .platform-icon-web svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
#website .platform-icon-play svg{filter:drop-shadow(0 1px 1px rgba(50,40,30,.14))}.play-blue{fill:#4285f4}.play-green{fill:#34a853}.play-red{fill:#ea4335}.play-yellow{fill:#fbbc04}
#website .platform-icon-appstore rect{fill:#151515}.platform-icon-appstore path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#website .platform-web{background:#30291f;color:#fff;border-color:#30291f}
#website .platform-web:hover{background:#4d4030;transform:translateY(-2px)}
#website .platform-web:focus-visible{outline:3px solid #b88732;outline-offset:4px}
#website .platform-button:disabled{opacity:1;cursor:default}
#website .platform-button:disabled .platform-icon{filter:saturate(.85)}
#website .plan-details summary{transition:color .2s ease}
#website .plan-details summary:hover{color:#3e2e21}
#website .plan-detail-icon{transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .2s ease,border-color .2s ease}
#website .plan-details[open] .plan-detail-icon{transform:rotate(180deg);background:#f2e7d8;border-color:#b78c62}
#website .plan-detail-body{animation:plan-content-in .32s ease both}
@keyframes plan-content-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#website .platform-button,#website .plan-detail-icon,#website .plan-detail-body{transition:none;animation:none}}
@media(max-width:1100px){#website .platform-section{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){#website .platform-options{width:100%;flex-direction:column}#website .platform-button{width:100%}}
.intro:not(.world-open)>.skipintro{display:block!important;color:#f2d9a7;border-color:#93794e;z-index:60}
@media(max-width:1000px){#website header nav{gap:14px;font-size:13px}#website .pricing-pro .plan-summary,#website .plan-highlights{min-height:0}#website .why-heading,#website .why-editorial,#website .demo-grid,#website .simple-how{gap:30px}}
@media(max-width:760px){#website header{height:74px}#website header nav{background:#fffcf6;font-size:16px}#website .section,#website .simple-how{padding:52px 6%}#website .simple-how,#website .why-heading,#website .demo-grid{grid-template-columns:1fr}#website .why-heading{gap:18px}#website .why-anchor{position:static}#website .profile-map{grid-template-columns:1fr}#website .profile-core,#website #profileDetail{grid-column:1}#website .journey-path{display:grid;grid-template-columns:1fr 1fr}#website .level{width:auto}#website .report-row{flex-wrap:wrap}#website .report-row strong{text-align:left}#website .section p{font-size:16px}#website .pricing-pro .pricing-note,#website .why-availability{font-size:12px}#website header .brand-image{width:128px}#website .how-heading{padding-top:0}}