/* Warm illustrated identity. Every rule is isolated to the warm design.
   Forest is used for readable controls; terracotta is a decorative accent. */
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]){--green:#174E40;--green-dark:#103C31;--teal:#286A55;--gold:#F3D6AC;--ink:#202620;--muted:#62685F;--line:#E3D7C5;--paper:#FFFEFA;--bg:#FBF7EF;--card:#FFFEFA;--primary:#174E40;--primary-foreground:#fff;--background:#FBF7EF;--foreground:#202620;--border:#E3D7C5;--muted-foreground:#62685F;--accent:#EAF0E5;--accent-foreground:#174E40;--ring:#174E40;--reading-palette:normal;--reading-long:#145E92;color-scheme:light;background:#FBF7EF;color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) body{background:#FBF7EF;color:#202620;min-height:100dvh;line-height:1.8}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(button,a,input,select,textarea,summary,[role=tab]):focus-visible{outline:3px solid #174E40;outline-offset:4px;box-shadow:0 0 0 6px #FBF7EF}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(button,a){touch-action:manipulation}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(button,input:not([type=checkbox]):not([type=radio]),select,[data-slot=select-trigger]){min-height:44px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(input,select,textarea,[data-slot=select-trigger]){background:#FFFEFA;color:#202620;border-color:#A9AD9C;border-radius:10px;caret-color:#174E40;accent-color:#174E40;max-width:100%}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(input,textarea)::placeholder{color:#6C7068;opacity:1}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(input,select,textarea)[aria-invalid=true]{border-color:#A62F2D;outline-color:#A62F2D}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(input,select,textarea):disabled{background:#EDEAE2;color:#64675E;opacity:1;cursor:not-allowed}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(button,[role=button]):disabled{opacity:.62;cursor:not-allowed;box-shadow:none}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.arabic,.prompt,.dialogue-line,.adm-pre){line-height:2.05;letter-spacing:0}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(h1,h2,h3){line-height:1.7;text-wrap:pretty}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.top,.account-bar,.layout,.book-library,.exam-page,.account-page,.games-main){max-width:1320px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(#app>header,.guest-lessons>header,.games-header,body>header){background:#FBF7EF;color:#202620;border-bottom:1px solid #E3D7C5;box-shadow:none;--reading-palette:normal}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.brand,.games-header a,body>header a,.top .quiet){color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .mark{background:#174E40;color:#F9E5BF;border-radius:12px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .top select{background:#FFFEFA;color:#202620;border:1px solid #A9AD9C;border-radius:10px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.guest-lessons,.games-shell){background:#FBF7EF;color:#202620;--guest-green:#174E40;--guest-muted:#62685F}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .layout{background:transparent;border:0;box-shadow:none;gap:26px;margin-block:24px 140px;padding-inline:24px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .main{min-width:0}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .sidebar{background:#FFFEFA;border:1px solid #E3D7C5;border-radius:18px;padding:14px;align-self:start;color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.navigation .active,.guest-nav-active,.guest-sidebar nav .guest-nav-active){background:#E8EEDF;color:#174E40;border-radius:10px;--reading-palette:normal}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.sidebar .mini,.guest-side-note){background:#F5F1E7;border:1px solid #E3D7C5;border-radius:14px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.card,.hierarchy-card,.modern-lesson,.game-card,.game-panel,.account-box,.exam-question,.exam-result,.exam-method,.exam-cards section,.word-card){background:#FFFEFA;color:#202620;border:1px solid #E3D7C5;border-radius:18px;box-shadow:0 3px 14px #614C2906}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.primary,.account-primary,.account-box button:not(.account-secondary),.game-submit,.exam-page button:not(.exam-quiet):not(.exam-map button):not(.exam-history button)){background:#174E40;color:#fff;border:1px solid #174E40;border-radius:11px;box-shadow:none;font-weight:700;--reading-palette:--reading-light}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.primary,.account-primary,.game-submit):hover:not(:disabled){background:#103C31;border-color:#103C31}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.secondary,.quiet,.account-secondary,.exam-quiet){background:#FFFEFA;color:#174E40;border:1px solid #B7BEA9;border-radius:10px;--reading-palette:normal}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .secondary{background:#EEF2E8}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.secondary,.quiet,.account-secondary):hover:not(:disabled){background:#E8EEDF;border-color:#68816B}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.danger,#record.danger){background:#A62F2D;color:#fff;border-color:#A62F2D;--reading-palette:--reading-light}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.account-bar,.guest-welcome){background:#F0F2E7;border:1px solid #D5DDC9;color:#202620;border-radius:14px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.subtle,.modern-kicker,.hierarchy-card p,.lesson-translation,.guest-welcome p,.word-translation){color:#62685F}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .main:has(>.hierarchy-home){display:flex;flex-direction:column}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .main>.hierarchy-home{order:-1}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .main>.guest-welcome{order:-2}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-home{gap:20px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:12px 24px;background:#FBF7EF;color:#202620;border:0;border-radius:0;padding:24px 0;margin-block:0 8px;min-height:0;overflow:visible;box-shadow:none;--reading-palette:normal}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card::before{content:none}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card>.warm-hero-copy{display:block;grid-column:1;grid-row:1;min-width:0;padding:8px 4px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card>.warm-hero-art{display:block;grid-column:2;grid-row:1;width:100%;height:auto;max-height:390px;object-fit:contain;align-self:center;border:0;border-radius:0}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card :is(h1,h2,p,.arabic,.modern-kicker){color:#202620;opacity:1;margin-block:0 12px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title{display:block;font-size:clamp(28px,3.4vw,46px);font-weight:800;line-height:1.65;letter-spacing:0;color:#202620;margin-block:0 18px;text-wrap:balance}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title::after{content:"";display:block;width:38%;height:5px;margin-top:4px;background:#D96B45;border-radius:65% 30% 55% 20%;transform:rotate(-2deg)}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card :is(h1,h2){font-size:clamp(20px,2vw,25px)}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .primary{margin-block-start:12px;min-width:190px;min-height:50px;background:#174E40;color:#fff}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.hierarchy-grid,.hierarchy-levels){gap:12px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-card{position:relative;padding:18px;min-height:0;text-align:start;transition:border-color .18s,box-shadow .18s}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-card:hover{border-color:#99A38B;box-shadow:0 5px 18px #61513610}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) a.hierarchy-card{text-decoration:none;color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-card :is(h3,strong){color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-card p{margin-block:6px;line-height:1.85}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-card .arabic{font-size:22px;line-height:1.95}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-levels .hierarchy-card{padding:14px;gap:6px;background:#FFFEFA;border:1px solid #E3D7C5;border-radius:12px;min-height:96px;justify-content:center}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.hierarchy-card,.hierarchy-levels button)[aria-pressed=true]{outline:2px solid #174E40;outline-offset:2px;background:#EEF2E8;color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-placeholder{background:#F2EFE7;border-style:dashed;color:#62685F}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.intro,.modern-hero){background:#E9EFE1;color:#202620;border:1px solid #D4DDC8;border-radius:18px;box-shadow:none;--reading-palette:normal}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.intro,.modern-hero) :is(h1,h2,p,.eyebrow,.intro-foot>span){color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.intro,.modern-hero) .primary{background:#174E40!important;color:#fff!important;--reading-palette:--reading-light}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.goals-section,.intro-video-section,.structures-section,.pattern-panel,.support-box,.account-section,.engagement-section){background:#EEF2E8;border-color:#CCD8BF;color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .dialogue-section{background:#F1F3E9;border-color:#CCD8BF;border-inline-start:4px solid #5E8063}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.vocabulary-section,.pattern-model,.remediation-box){background:#FCF0DC;border-color:#E3CDA9;border-inline-start-color:#B47D39}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .practice-section{background:#F6EEE5;border-color:#E5D2BC;border-inline-start:4px solid #B66647}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.dialogue-section summary,.vocabulary-section h2,.practice-section>.section-head h2,.pattern-panel h2){color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.activity,.option,.field,.structure-grid article,.pattern-cues>span.arabic,.pattern-syllables>div){background:#FFFEFA;border-color:#C7CBB9;color:#202620;border-radius:12px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .activity.locked{background:#EEECE4;color:#62685F}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .activity-screen{background:#FFFEFA;border:1px solid #E3D7C5;border-radius:20px;padding:clamp(18px,3vw,34px);max-width:940px;margin-inline:auto}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .activity-screen .prompt{font-size:clamp(25px,3vw,34px);line-height:2.05}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.activity-screen .audio-box,.pattern-panel,.arabic-keyboard,.thread-bubble,.adm-thread-bubble){background:#EEF2E8;color:#202620;border-color:#CDD7C4;border-radius:14px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(#listen,#slow,[data-choice-sound],.guest-audio,.icon-btn){background:#EEF2E8;color:#174E40;border:1px solid #AABB9F;box-shadow:none}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) #record{background:#174E40;color:#fff;border-color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(#retry,#clear){background:#FCF0DC;color:#73501E;border:1px solid #CCB28B}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .option.selected{background:#E8EEDF;border:2px solid #174E40;color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .option.selected .radio{background:#174E40;border-color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.tabs,.practice-section .tabs){background:#ECEBDD}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.tabs button.selected,.chip.selected){background:#174E40;color:#fff;border-color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.meter,.compare-track,.usage-chart-track){background:#E7E9DD}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.meter>div,.compare-track i,.usage-chart-fill){background:#347357}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) progress{accent-color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.bottom,.guest-bottom){background:#FBF7EF;border-color:#E3D7C5;box-shadow:0 -4px 16px #584A2E08;--reading-palette:normal}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.bottom,.guest-bottom) :is(button,a){color:#505C4C}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.bottom,.guest-bottom) :is(.active,.guest-nav-active){background:#E8EEDF;color:#174E40;border-radius:10px;box-shadow:inset 0 -3px #D96B45}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.book-library,.exam-page,.account-page,.games-main,.check-shell,body>main[data-feature-panel=dictionary]){background:#FBF7EF;color:#202620;border-radius:20px;margin-block:26px;padding:28px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.game-number,.library-kicker,.account-brand,.exam-page a,.library-back){color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .game-card{border-top:3px solid #B8C5A1}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .book-library .bookshelf{background:#EDE5D6;border-color:#D5C6AF;box-shadow:inset 0 5px 18px #7967440A}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .book-library .shelf-book{border-bottom-color:#B5A184}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.auth-shell,.games-auth,.guest-register-dialog,.contextual-dialog,.adm-dialog,[data-slot=select-content]){background:#FFFEFA;color:#202620;border-color:#D8CFBB;border-radius:18px;--reading-palette:normal}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.guest-register-dialog [data-slot=dialog-description],.guest-register-dialog .guest-approval){color:#62685F}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.contextual-dialog::backdrop,[data-slot=dialog-overlay]){background:#202C2280}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) [data-slot=select-item]:is([data-highlighted],[data-state=checked]){background:#E8EEDF;color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(table,.pattern-table,.exam-table){color:#202620;border-color:#D3D4C5}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(th,.pattern-table th){background:#EAEFDF;color:#2D4833;border-color:#CBD2BD;line-height:1.8}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(td,.pattern-table td){border-color:#DCDDCF}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.notice,.exam-note,.account-notice,.adm-info){background:#F2EFE4;color:#55533B;border:1px solid #D9CFB3}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.feedback.good,.feedback.success,.adm-success,.feature-status-active,.feature-saved,.lesson-panel-done,.game-feedback.correct){background:#E5EFDF;color:#1C542E;border-color:#AFC99E}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.feedback.bad,.feedback.error,.adm-error,.account-error,.exam-error,.game-error,.features-error,.usage-error,.sync-error){background:#FFF0E9;color:#9B2E29;border-color:#DDA69A}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.feature-status-partial,.adm-tag.amber,.exam-time-low){background:#FFF0D5;color:#755016;border-color:#CDB078}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.feature-status-planned,.feature-status-blocked,.adm-tag){background:#ECEDE5;color:#4E5C47;border-color:#BFC6B3}
/* Administration: subdued paper surfaces and explicit control/portal colors. */
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .admin-app{--primary:#174E40;--primary-foreground:#fff;--background:#FFFEFA;--foreground:#202620;--border:#D8D3C3;--muted:#F0EEE4;--muted-foreground:#62685F;--accent:#E8EEDF;--accent-foreground:#174E40;--ring:#174E40;background:#FBF7EF;color:#202620;line-height:1.85}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.adm-top,.adm-side){background:#FFFEFA;border-color:#E3D7C5;color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-brand>span{background:#174E40;color:#fff}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.adm-brand small,.adm-side-label,.adm-muted,.adm-kicker,.adm-stat span,.adm-log small,.adm-table-wrap small,.adm-table-wrap th,.adm-lesson small,.adm-activities small,.adm-review-row p,.adm-empty,.adm-image-row small){color:#62685F}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-nav [role=tab]{color:#45543E;border-radius:10px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-nav [data-state=active]{background:#E8EEDF!important;color:#174E40!important}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.adm-side-note,.adm-welcome,.adm-daily){background:#EEF2E5;border:1px solid #D2DCC3;color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.adm-welcome p,.adm-daily p,.adm-section-heading p,.adm-field>span){color:#4E6046}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.adm-stat,.adm-card,.adm-lesson,.usage-card,.feature-card,.adm-details,.adm-session,.adm-preview-item){background:#FFFEFA;color:#202620;border-color:#DED6C5;border-radius:14px;box-shadow:none}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.adm-stat strong,.adm-stat svg,.adm-user>a,.adm-side-note strong){color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.adm-activity-editor,.adm-activities button,.adm-image-picker,.adm-dictionary-recording,.adm-speech-fields,.features-advanced){background:#F5F3EA;color:#202620;border-color:#DDD8C9}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.adm-lesson.selected,.adm-activities .selected,.adm-word-picks .picked){background:#E8EEDF;color:#174E40;border-color:#819774;box-shadow:inset -3px 0 #174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.admin-app input,.admin-app textarea,.admin-app select,.admin-app [data-slot=select-trigger],.adm-dialog input,.adm-dialog textarea,.adm-dialog select){background:#FFFEFA;color:#202620;border-color:#A9AD9C;line-height:1.8}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-seal{background:#FAF0DD;color:#745524;border-color:#D9C39D}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-table-wrap{border:1px solid #E0D8C8;border-radius:12px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-table-wrap tr:hover td{background:#F5F3E9}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-table-wrap td{color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-dictionary>.adm-details>summary{background:#E8EEDF;color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-voice-recorder .adm-recording-text{background:#EEF2E8;color:#202620;line-height:2.1}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.adm-dialog [data-slot=dialog-close],.contextual-close,.guest-dialog-close){background:#EEEEE4;color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) [hidden]{display:none!important}
@media (max-width:1000px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .layout{gap:18px;padding-inline:18px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title{font-size:32px}
}
@media (max-width:760px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .layout{margin:16px auto calc(140px + env(safe-area-inset-bottom));padding-inline:16px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 0 20px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card>.warm-hero-copy{padding:0}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card>.warm-hero-art{width:100%;max-height:310px;order:1;margin:0 auto}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title{font-size:clamp(29px,6.2vw,39px);line-height:1.7;margin-bottom:12px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .primary{width:100%;min-width:0}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-grid{grid-template-columns:1fr}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .guest-lessons details.hierarchy-levels>.hierarchy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-card{padding:16px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-levels .hierarchy-card{padding:12px;min-height:90px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.book-library,.exam-page,.account-page,.games-main,.check-shell,body>main[data-feature-panel=dictionary]){margin:14px 8px;padding:20px 12px;border-radius:16px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .top{padding-inline:16px;gap:10px;flex-wrap:wrap}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .activity-screen{padding:20px 14px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.intro,.modern-hero){padding:22px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-main{padding-inline:14px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .adm-card{padding:18px}
}
@media (max-width:380px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .layout{padding-inline:10px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title{font-size:28px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-levels .hierarchy-card{padding:10px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-levels .hierarchy-card strong{font-size:1rem}
}
@media (prefers-reduced-motion:reduce){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) *{scroll-behavior:auto!important;transition:none!important}
}
@media print{
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) body{background:#fff;color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.layout,.card,.hierarchy-card,.adm-card){box-shadow:none}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card{background:#fff;padding:12px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card>.warm-hero-art{display:none}
}
/* Hero art is a responsive picture, with a single shared set of action handlers. */
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .warm-only{display:block}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .warm-hero-title{font-size:clamp(30px,3.4vw,46px);font-weight:800;line-height:1.65;letter-spacing:0;color:#202620;margin-block:0 16px;text-wrap:balance}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .warm-hero-title::after{content:"";display:block;width:38%;height:5px;margin-top:4px;background:#D96B45;border-radius:65% 30% 55% 20%;transform:rotate(-2deg)}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title{font-size:clamp(18px,2vw,23px);font-weight:600;line-height:1.95;margin-bottom:14px;color:#3E493A}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .navy-hero-title::after{content:none}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-hero-art img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) [data-warm-level]{position:relative;min-width:0;text-align:start;overflow:visible}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) [data-warm-level] .warm-level-art{display:block;float:inline-end;width:86px;height:76px;object-fit:contain;margin-inline-start:8px;flex:none}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) button.hierarchy-card[data-warm-level]{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:2px 8px;align-content:center;align-items:center;min-height:108px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) button.hierarchy-card[data-warm-level] .warm-level-art{grid-column:2;grid-row:1 / span 5;margin:0}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) button.hierarchy-card[data-warm-level]>:not(.warm-level-art){grid-column:1;min-width:0}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(button,[role=button]):disabled{opacity:1;background:#EDEAE2;color:#64675E;border-color:#C3C5B8;box-shadow:none;--reading-palette:normal}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .primary:disabled{background:#EDEAE2;color:#64675E;border-color:#C3C5B8}
@media(max-width:760px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-continue.card .warm-hero-title{font-size:clamp(29px,6.2vw,39px);line-height:1.7}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-hero-art img{max-height:310px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) button.hierarchy-card[data-warm-level]{grid-template-columns:minmax(0,1fr) 58px;gap:2px 6px;min-height:100px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) [data-warm-level] .warm-level-art{width:58px;height:64px}
}
@media(max-width:380px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) button.hierarchy-card[data-warm-level]{grid-template-columns:minmax(0,1fr) 42px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) [data-warm-level] .warm-level-art{width:42px;height:54px}
}
/* Level links share the compact button geometry; retain all seven destinations. */
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-only{display:block}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .hierarchy-levels>a.warm-only{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) a.hierarchy-card[data-warm-level]{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:2px 8px;align-content:center;align-items:center;min-height:108px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) a.hierarchy-card[data-warm-level] .warm-level-art{grid-column:2;grid-row:1 / span 5;margin:0}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) a.hierarchy-card[data-warm-level]>:not(.warm-level-art){grid-column:1;min-width:0}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.intro,.modern-hero) .primary:disabled{background:#EDEAE2!important;color:#64675E!important;--reading-palette:normal}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) :is(.games-nav,.reader-toolbar){background:#FBF7EF;border-color:#E3D7C5;color:#202620}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .games-nav a{color:#505C4C}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .games-nav a[aria-current]{background:#E8EEDF;color:#174E40;box-shadow:inset 0 -3px #D96B45}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .game-listen{background:#174E40;color:#fff}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .game-options button.selected{background:#E8EEDF;border-color:#174E40;color:#174E40}
@media(max-width:760px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) a.hierarchy-card[data-warm-level]{grid-template-columns:minmax(0,1fr) 58px;gap:2px 6px;min-height:100px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .games-main{padding-bottom:calc(130px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) a.hierarchy-card[data-warm-level]{grid-template-columns:minmax(0,1fr) 42px}}
/* Signed-in hierarchy uses secondary buttons, rather than guest card markup. */
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) div.hierarchy-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) div.hierarchy-levels>[data-warm-level]{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:10px;min-height:104px;padding:14px;background:#FFFEFA;color:#174E40;border:1px solid #E3D7C5;border-radius:12px;white-space:normal;line-height:1.85}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) div.hierarchy-levels>[data-warm-level] .warm-level-art{width:78px;height:74px;margin:0;float:none}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) div.hierarchy-levels>[aria-pressed=true]{background:#E8EEDF;border-color:#174E40}
@media(max-width:760px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) div.hierarchy-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) div.hierarchy-levels>[data-warm-level]{padding:10px;gap:6px;min-height:88px;font-size:14px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) div.hierarchy-levels>[data-warm-level] .warm-level-art{width:52px;height:62px}
}
/* Illustrated shortcuts use the same quiet paper cards as the level chooser. */
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resources.warm-only{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:4px 20px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:126px;padding:18px;background:#FFFEFA;color:#202620;border:1px solid #E3D7C5;border-radius:12px;text-align:start;text-decoration:none;white-space:normal;font:inherit;font-weight:700;line-height:1.85;box-shadow:none;transition:border-color .18s,box-shadow .18s}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource:hover{border-color:#99A38B;box-shadow:0 5px 18px #61513610;background:#FFFEFA;color:#174E40}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource-art{display:block;width:95px;height:90px;flex:none;object-fit:contain}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource :is(span,strong){min-width:0;overflow-wrap:anywhere}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource small{display:block;color:#62685F;font-size:.8rem;font-weight:400;line-height:1.8;margin-top:6px}
@media(max-width:1000px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource{gap:8px;padding:12px;min-height:112px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource-art{width:72px;height:76px}
}
@media(max-width:760px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resources.warm-only{gap:8px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource{flex-direction:column;justify-content:flex-start;gap:6px;min-height:120px;padding:12px 8px;text-align:center;font-size:14px}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource-art{width:55px;height:58px}
}
@media(max-width:340px){
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resources.warm-only{grid-template-columns:1fr}
:root#learning-site[data-site-design="warm"]:not([data-learning-ui="classic"]) .warm-resource{flex-direction:row;justify-content:flex-start;min-height:78px;text-align:start;gap:14px}
}