:root{--porcelain:#F7F5F0;--ivory:#EAE5D9;--sage:#82917B;--forest:#354A3F;--obsidian:#171C1B;--champagne:#C5AD85;--reading-scale:1;--body:calc(13pt * var(--reading-scale));--arabic:calc(16pt * var(--reading-scale));--target:44px;--sidebar:148px;--gap:12px;--radius:14px;font-family:Baskerville,'Times New Roman',serif;font-size:var(--body);color:var(--obsidian);background:var(--porcelain);color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a{color:inherit;text-decoration:none}p{line-height:1.35;margin:0}h1,h2,h3{font-weight:400;margin:0;line-height:1.1}h1{font-size:calc(46px * var(--reading-scale))}h2{font-size:calc(20px * var(--reading-scale))}h3{font-size:calc(28px * var(--reading-scale))}strong{font-weight:500}.lumi-text{overflow-wrap:break-word;white-space:pre-line}.lumi-text>bdi+bdi{margin-inline-start:.15em}bdi{unicode-bidi:isolate}:lang(ar){font:var(--arabic)/1.7 'Geeza Pro','Noto Naskh Arabic',serif}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--forest);outline-offset:3px}h1:focus{outline:none}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;background:var(--porcelain);padding:16px}.skip-link:focus{top:12px}
.layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100dvh;background:var(--ivory) url('../assets/home/home-environment.png') center top/cover fixed}.sidebar{position:sticky;top:0;height:100dvh;overflow:auto;display:flex;flex-direction:column;gap:10px;background:var(--porcelain);padding:22px 10px 16px;border-right:1px solid #c5ad8540;z-index:5}.brand{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:111px}.brand>.icon{color:var(--champagne);width:34px;height:34px}.wordmark{font-size:calc(28px * var(--reading-scale));letter-spacing:.04em;white-space:nowrap}.navigation{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:13px;min-height:48px;padding:6px 8px;border-radius:8px;line-height:1.15}.nav-link[aria-current=page]{background:#82917b29;box-shadow:inset 0 0 0 1px #82917b18}.nav-link:hover{background:#82917b18}.nav-link[data-route=progress]{margin-top:22px;border-top:1px solid #c5ad8540;padding-top:12px}.sidebar-note{margin-top:auto;padding:170px 10px 0;background:url('../assets/home/olive-branch.png') -24px 10px/145px auto no-repeat;line-height:1.2;font-size:1rem}.workspace{position:relative;min-width:0;padding:0 18px 11px 28px;width:100%}.topbar{position:absolute;top:14px;right:17px;display:flex;align-items:center;gap:6px;z-index:4}.context,.preview-tag,.footer{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;border-radius:50%;border:1px solid #ffffff85;background:#f7f5f0a6;padding:9px}.icon-button:hover{background:var(--porcelain)}.icon-button .icon{width:24px;height:24px}.arabic-button{border:1px solid #ffffff85;background:#f7f5f0d9;border-radius:24px;min-height:44px;display:flex;gap:7px;align-items:center;padding:7px 12px}.view{min-width:0}.menu-button,.menu-close,.menu-shade{display:none}.screen-heading{height:260px;padding:70px 22px 22px;background:radial-gradient(ellipse at 15% 60%,#f7f5f0ed,#f7f5f0c0 35%,transparent 72%)}.screen-heading h1{margin:8px 0 12px}.screen-heading>p:last-child{max-width:570px}.eyebrow{letter-spacing:.17em;font-size:1rem}.glass{background:var(--porcelain);border:1px solid #ffffffdb;box-shadow:inset 0 1px 0 #ffffff70,0 4px 16px #354a3f08;border-radius:var(--radius)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:linear-gradient(125deg,#f7f5f0f0,#f7f5f0de);-webkit-backdrop-filter:blur(14px) saturate(1.05);backdrop-filter:blur(14px) saturate(1.05)}.sidebar{background:#f7f5f0e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}
.panel{min-width:0;padding:12px 16px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.small-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:-12px 0 -12px 0;white-space:nowrap}.small-action .icon{width:18px}.button,.plain-button,.back-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 18px;border-radius:28px;border:1px solid var(--forest);background:var(--forest);color:var(--porcelain)}.button.secondary,.plain-button,.back-link{background:transparent;color:var(--forest)}.back-link{margin-top:12px}.meta,.draft-caption{font-size:1rem;color:var(--forest)}.progress-track{height:12px;border-radius:20px;background:#c5ad853d;overflow:hidden}.progress-fill{display:block;height:100%;background:var(--sage);border-radius:inherit}.notice{padding:16px;border:1px solid var(--sage);border-radius:12px;background:var(--ivory);margin:14px 0}.field{display:flex;flex-direction:column;gap:6px}.field input,textarea,select{min-height:44px;padding:10px 12px;border:1px solid #82917b66;border-radius:9px;background:var(--porcelain)}textarea{width:100%;min-height:100px}.screen-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.tabbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px;padding:8px 12px;border-block:1px solid #c5ad8533}.tab{border:0;border-radius:24px;background:transparent;min-height:44px;padding:8px 16px}.tab.active{color:var(--porcelain);background:var(--forest)}.section-intro{display:flex;align-items:center;justify-content:space-between;margin-block:20px 12px}.page-head{padding:32px 0}.page-head h1{margin-bottom:16px}.empty-space{padding:24px;border-radius:16px;background:var(--porcelain)}.empty-art{position:relative;min-height:260px}.lumi-presence-canvas{display:block;width:100%;height:100%;pointer-events:none}.presence-orb{height:180px;width:100%;position:relative;max-width:320px;margin:auto}.home-layout{background-position:center top}.home-board{display:grid;grid-template-columns:minmax(0,1.84fr) minmax(0,1fr) minmax(0,.983fr);gap:12px;padding-top:0}.home-welcome{grid-column:1/3;grid-row:1;height:277px;padding:79px 0 20px 72px;background:radial-gradient(ellipse at 25% 60%,#f7f5f0eb,#f7f5f0ba 30%,transparent 66%);position:relative}.home-welcome:after{content:'';position:absolute;inset:0 0 0 38%;background:url('../assets/reference/header.jpg') 55% top/cover no-repeat;mask-image:linear-gradient(to right,transparent,#000 20%);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%);z-index:0;pointer-events:none}.home-welcome>*{position:relative;z-index:1}.home-welcome h1{font-size:calc(72px * var(--reading-scale));margin:4px 0 8px}.home-welcome p:last-child{max-width:420px}.home-note{grid-column:3;grid-row:1;align-self:end;z-index:3;transform:rotate(-4deg) translateY(20px);height:240px;padding:22px;background:linear-gradient(120deg,var(--porcelain),var(--ivory));border-radius:9px;box-shadow:0 8px 20px #171c1b1a;font-family:'Bradley Hand','Segoe Print',cursive}.home-note h2{font-size:calc(22px * var(--reading-scale));margin-bottom:12px}.home-note p{font-size:1rem;line-height:1.45}.note-link{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-top:12px}.home-next{grid-column:1;grid-row:2;height:288px}.home-today{grid-column:2;grid-row:2;height:288px}.home-lumi{grid-column:3;grid-row:2;height:288px;background:radial-gradient(ellipse at 50% 60%,#354a3f,#171c1b 75%);color:var(--porcelain);padding:17px 14px 10px;border:1px solid #eae5d980;border-radius:var(--radius);overflow:hidden}.home-lumi h2{font-size:calc(24px * var(--reading-scale));text-align:center}.home-lumi>p{margin-top:5px;text-align:center}.home-lumi .presence-orb{height:145px}.orb-button{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #eae5d970;border-radius:24px;min-height:44px;margin-top:5px}.orb-button>.icon{width:22px}.next-body{display:grid;grid-template-columns:34% minmax(0,1fr);gap:17px;height:228px}.next-body>img{height:100%;width:100%;object-fit:cover;border-radius:10px}.next-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.next-copy h3{font-size:calc(34px * var(--reading-scale));margin:0}.next-copy .button{margin-top:auto}.next-copy .progress-track{margin-top:6px}.today-row{display:flex;align-items:center;gap:10px;min-height:55px;border-top:1px solid #82917b18}.today-row>.icon:first-child{background:#82917b20;padding:8px;border-radius:50%;width:38px;height:38px}.today-row>.icon:last-child{width:17px}.today-label{flex:1;display:flex;flex-direction:column;min-width:0}.today-label>span{color:var(--forest);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-middle-row{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1.04fr 1fr;gap:12px}.home-journey{height:197px}.home-worlds{height:197px}.home-journey>.panel-heading,.home-worlds>.panel-heading{margin-bottom:5px}.level-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}.level-tile{position:relative;isolation:isolate;min-width:0;height:111px;border-radius:8px;overflow:hidden;border:1px solid #ffffff99;background:var(--ivory)}.level-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.level-label{padding:9px 7px;background:linear-gradient(var(--porcelain),#f7f5f080 70%,transparent);height:75px;display:flex;flex-direction:column}.level-label>strong{font-size:calc(22px * var(--reading-scale))}.level-label>span{font-size:1rem}.level-tile.current{outline:2px solid var(--forest);outline-offset:1px}.tile-status{position:absolute;bottom:0;left:0;right:0;background:#f7f5f0db;text-align:center;font-size:1rem}.scene-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.scene-tile{min-width:0;overflow:hidden;border-radius:9px;background:#eae5d980;display:flex;flex-direction:column}.scene-tile>img{height:76px;width:100%;object-fit:cover}.scene-tile>span{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;padding:3px;font-size:1rem}.home-bottom-row{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:1.16fr 1fr .98fr;gap:12px}.home-notebook{height:215px;position:relative}.home-progress{height:215px}.home-languages{height:215px}.notebook-preview{display:grid;grid-template-columns:62% 1fr;gap:10px;height:140px;margin-top:8px}.notebook-photo{width:100%;height:140px;object-fit:cover;border-radius:8px}.notebook-shortcuts{display:flex;flex-direction:column;justify-content:space-between}.notebook-shortcut{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.notebook-shortcut>.icon{width:21px}.draft-caption{position:absolute;bottom:6px;left:20px;background:#f7f5f0dd;padding:2px 6px;border-radius:4px}.milestone-art{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.milestone{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:7px;background:#eae5d933;border-radius:10px}.milestone>.icon{width:42px;height:42px;border-radius:50%;padding:8px;background:var(--ivory);color:var(--forest)}.quiet-quote{font-style:italic;margin-top:10px;padding:10px 8px;border-top:1px solid #c5ad8520}.language-row{display:grid;grid-template-columns:30px 1fr;column-gap:9px;min-height:43px;align-items:center}.language-row>.flag{grid-row:1/3;font-size:calc(26px * var(--reading-scale))}.language-row>.meta{grid-column:2;line-height:1.1}.home-languages .panel-heading{margin-bottom:2px}
.settings-panel{padding:20px;margin-bottom:16px;border:1px solid #c5ad8550;background:var(--porcelain);border-radius:14px}.settings-panel h2{margin-bottom:10px}.size-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.size-choices button{min-height:44px;border:1px solid var(--forest);padding:8px 14px;border-radius:22px;background:transparent}.size-choices button[aria-pressed=true]{background:var(--forest);color:var(--porcelain)}.size-sample{margin-top:20px}.heritage-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(680px,100%);height:100dvh;max-height:100dvh;max-width:100%;padding:28px;border:0;border-left:1px solid var(--sage);background:var(--porcelain);color:var(--obsidian);font-size:var(--body);overflow:auto;box-shadow:-12px 0 50px #171c1b26}.heritage-panel::backdrop{background:#171c1b55}.heritage-header{position:sticky;top:-28px;background:var(--porcelain);z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #82917b30}.heritage-header .plain-button{border:0}.heritage-panel p{margin-block:16px}.heritage-source,.heritage-empty{padding:20px;background:var(--ivory);border-radius:12px}.heritage-reading{border-top:1px solid #82917b40;margin-top:20px}.heritage-draft{padding:9px 12px;border:1px solid var(--sage);border-radius:8px;background:var(--ivory);font:1rem/1.3 system-ui,sans-serif;direction:ltr}.heritage-collection{margin-top:20px}.heritage-citation{overflow-wrap:anywhere}
@media(max-width:1100px){:root{--sidebar:138px}.workspace{padding-left:18px}.home-board{grid-template-columns:1fr 1fr}.home-welcome{grid-column:1}.home-note{grid-column:2;transform:none}.home-next{grid-column:1/3}.home-today{grid-column:1;grid-row:3}.home-lumi{grid-column:2;grid-row:3}.home-middle-row{grid-row:4}.home-bottom-row{grid-row:5;grid-template-columns:1fr 1fr}.home-languages{grid-column:1/3}.home-welcome{padding-left:24px}.screen-grid{grid-template-columns:1fr 1fr}.level-tiles{grid-template-columns:repeat(3,1fr)}.home-journey,.home-worlds{height:auto;min-height:260px}}
@media(max-width:800px){.layout{display:block}.sidebar{position:fixed;left:0;top:0;width:240px;transform:translateX(-105%);visibility:hidden;height:100dvh}.sidebar.open{transform:none;visibility:visible}.menu-button,.menu-close{display:flex;gap:8px;align-items:center;border:0;background:var(--porcelain);padding:10px;border-radius:22px;min-height:44px}.menu-shade.open{display:block;position:fixed;inset:0;z-index:4;background:#171c1b60;border:0}.topbar{position:relative;top:auto;right:auto;justify-content:flex-end;min-height:64px;flex-wrap:wrap}.menu-button{margin-right:auto}.workspace{padding:0 16px 20px}.home-welcome{padding:25px 12px 20px;height:230px}.home-note{height:auto;padding:16px}.home-board>*{grid-column:1/-1!important;grid-row:auto!important}.home-board{display:flex;flex-direction:column}.home-next,.home-today,.home-lumi,.home-journey,.home-worlds,.home-notebook,.home-progress,.home-languages{height:auto;min-height:200px}.home-middle-row,.home-bottom-row{display:flex;flex-direction:column}.home-note{order:2}.home-lumi .presence-orb{height:220px}.next-body{height:auto;min-height:230px}.next-body>img{min-height:230px}.scene-tiles{grid-template-columns:repeat(2,1fr)}.screen-heading{height:220px;padding:35px 12px 20px}.screen-grid{grid-template-columns:1fr}.level-tile{height:130px}.home-languages{display:grid;grid-template-columns:1fr 1fr}.home-languages>.panel-heading{grid-column:1/-1}}
html[data-text-size=larger]{--reading-scale:1.25}html[data-text-size=largest]{--reading-scale:1.5}html[data-text-size=largest] .home-board{display:flex;flex-direction:column}html[data-text-size=largest] .home-middle-row,html[data-text-size=largest] .home-bottom-row{display:flex;flex-direction:column}html[data-text-size=largest] .home-board>*{height:auto;min-height:200px}html[data-text-size=largest] .level-tiles{grid-template-columns:repeat(3,1fr)}html[data-text-size=largest] .home-welcome{padding:60px 30px 30px}html[data-text-size=largest] .home-note{transform:none}html[data-text-size=largest] .next-body{height:auto;min-height:240px}html[data-text-size=largest] .next-body>img{min-height:240px}html[data-text-size=largest] .screen-grid{grid-template-columns:1fr}html[data-text-size=largest] .today-label>span{white-space:normal}html[data-text-size=largest] .sidebar-note{display:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){.glass,.sidebar{background:var(--porcelain);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(forced-colors:active){.glass,.sidebar{background:Canvas;color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none}.layout{background:Canvas}.button{border:1px solid ButtonText}}
/* Journey: measured regions from Ahmed's 1366 × 1024 reference. */
.view:has(.journey-view)>.back-link{position:absolute;left:28px;top:12px;z-index:3;min-width:44px;border:0;background:#f7f5f09c;padding:8px}.journey-view .screen-heading{position:relative;height:272px;padding:65px 35px 18px 50px}.journey-view h1{font-size:calc(64px * var(--reading-scale));margin:5px 0 8px}.journey-description{max-width:650px!important;margin-top:9px}.journey-family{position:absolute;right:18px;top:88px;width:316px;height:174px;background:linear-gradient(120deg,#354a3fee,#171c1be8);color:var(--porcelain);padding:18px 20px}.journey-family>.icon{float:left;margin-right:9px}.journey-family h2{font-size:calc(20px * var(--reading-scale));margin-bottom:12px}.journey-family .small-action{margin-top:6px}.level-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:8px 12px;height:122px;margin-bottom:14px}.level-choice{display:grid;grid-template-columns:24px 1fr;align-content:start;column-gap:10px;padding:10px 11px;border-radius:10px;background:#eae5d940;min-width:0}.level-choice>span{display:flex;flex-direction:column}.level-choice strong{font-size:calc(25px * var(--reading-scale))}.level-choice p{grid-column:1/-1;margin-top:10px;font-size:1rem}.level-choice.selected{background:linear-gradient(120deg,#82917b,#354a3f);color:var(--porcelain)}.journey-middle{display:grid;grid-template-columns:329px minmax(0,1fr);gap:14px;height:260px;margin-bottom:16px}.journey-discover{position:relative;isolation:isolate;overflow:hidden;border-radius:11px;background:var(--forest);color:var(--porcelain);padding:18px 23px}.journey-discover>img{position:absolute;right:0;top:0;height:100%;width:45%;object-fit:cover;z-index:-1;mask-image:linear-gradient(to right,transparent,#000 25%);-webkit-mask-image:linear-gradient(to right,transparent,#000 25%)}.journey-discover h2{font-size:calc(50px * var(--reading-scale))}.journey-discover>.icon{position:absolute;top:30px;left:147px;width:36px;height:36px}.journey-discover h3{font-size:calc(27px * var(--reading-scale));margin:5px 0 14px}.journey-discover p{max-width:160px}.journey-discover .progress-track{width:148px;height:7px;margin:16px 0 8px}.journey-units{padding:10px 10px 4px}.unit-cards{display:grid;grid-auto-flow:column;grid-auto-columns:128px;overflow:auto;gap:8px;padding:3px 2px 7px;scrollbar-width:thin}.unit-cards.all{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));max-height:380px}.journey-middle:has(.unit-cards.all){height:auto;min-height:260px}.unit-card{padding:4px;border:1px solid #c5ad8522;border-radius:8px;min-width:0;display:flex;flex-direction:column;gap:4px}.unit-card.selected{outline:1px solid var(--forest)}.unit-card>img{width:100%;height:112px;object-fit:cover;border-radius:6px}.unit-card h3{font-size:calc(20px * var(--reading-scale))}.unit-card p{height:42px;overflow:hidden}.journey-bottom{display:grid;grid-template-columns:1.02fr .77fr 1fr;gap:12px;min-height:276px}.journey-feature{position:relative;isolation:isolate;border-radius:10px;overflow:hidden;color:var(--porcelain);padding:60px 22px 20px;min-height:276px;background:var(--forest)}.journey-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.journey-feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171c1bd9,transparent)}.journey-feature h2{font-size:calc(41px * var(--reading-scale));margin:7px 0 10px;max-width:250px}.journey-feature>p{max-width:240px}.journey-feature .button{margin-top:18px;min-width:150px}.journey-lessons{padding:12px}.lesson-row{min-height:47px;padding:5px 8px;border:1px solid #c5ad8533;border-radius:9px;margin-top:5px;display:flex;align-items:center;gap:10px;background:#eae5d92e}.lesson-row>span:nth-child(2){flex:1;display:flex;flex-direction:column}.lesson-row>span:nth-child(2)>span{font-size:1rem;color:var(--forest)}.lesson-row>.icon{width:17px}.lesson-number{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#82917b30;width:34px;min-height:34px;flex-shrink:0}.journey-learn{padding:12px 14px}.learn-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px 7px;padding:10px 0 18px;border-bottom:1px solid #c5ad8533;margin-bottom:12px}.learn-benefits p{display:flex;align-items:center;gap:9px}.learn-benefits .icon{color:var(--forest);width:25px;height:25px}.journey-learn .scene-tiles{gap:6px;margin-top:8px}.journey-learn .scene-tile>img{height:63px}.journey-learn .scene-tile>span{justify-content:flex-start;text-align:left}.journey-guidance{display:flex;align-items:center;gap:15px;min-height:54px;padding:8px 18px;margin-top:14px}.journey-guidance>.icon{width:44px;height:35px;color:var(--forest)}.journey-guidance p{flex:1}.journey-guidance h2{white-space:nowrap}
@media(max-width:1100px){.journey-family{display:none}.journey-middle{grid-template-columns:250px 1fr}.journey-bottom{grid-template-columns:1fr 1fr}.journey-learn{grid-column:1/-1}.level-strip{height:auto;grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.journey-view .screen-heading{height:auto;min-height:250px;padding:55px 16px 20px}.journey-middle,.journey-bottom{height:auto;display:flex;flex-direction:column}.journey-discover{min-height:260px}.journey-guidance{flex-wrap:wrap}.journey-view h1{font-size:calc(50px * var(--reading-scale))}.view:has(.journey-view)>.back-link{position:relative;left:0;top:0}.unit-cards.all{grid-template-columns:repeat(2,minmax(0,1fr))}.level-strip{grid-template-columns:repeat(2,1fr)}}html[data-text-size=largest] .journey-middle,html[data-text-size=largest] .journey-bottom{height:auto;display:flex;flex-direction:column}html[data-text-size=largest] .level-strip{height:auto;grid-template-columns:repeat(3,1fr)}html[data-text-size=largest] .journey-family{position:relative;top:0;right:0;width:100%;height:auto}html[data-text-size=largest] .journey-view .screen-heading{height:auto;min-height:300px}html[data-text-size=largest] .unit-cards{grid-auto-columns:230px}html[data-text-size=largest] .unit-card p{height:auto}html[data-text-size=largest] .journey-discover>p{max-width:65%}
.layout[data-route=journey] .workspace{padding-left:12px;padding-right:20px}.level-choice>span{min-width:0}.level-choice>span>span{display:block}.journey-discover h3{margin-bottom:9px}.journey-discover .progress-track{margin-top:11px}.unit-card>img{height:100px}.unit-card h3{font-size:calc(18px * var(--reading-scale));min-height:40px}.unit-card{gap:3px}.journey-view .unit-cards{grid-auto-columns:130px}.journey-learn .scene-tile>span{min-height:44px}.journey-feature{padding-top:50px}.journey-family{border-color:#c5ad8560}
/* Talk with Lumi: live controls inside the three reference columns. */
.layout[data-route=lumi] .workspace{padding-left:12px;padding-right:12px}.view:has(.tutor-view)>.back-link{position:absolute;left:22px;top:12px;z-index:3;border:0;background:#f7f5f099;padding:8px}.tutor-view .screen-heading{height:257px;padding:74px 35px 20px 40px;position:relative}.tutor-view .screen-heading h1{font-size:calc(60px * var(--reading-scale));margin:7px 0}.tutor-view .screen-heading>p:last-of-type{max-width:390px;font-size:calc(22px * var(--reading-scale))}.conversation-mode{position:absolute;top:102px;right:10px;width:260px;padding:12px;background:#171c1bee;color:var(--porcelain)}.conversation-mode h2{font-size:calc(20px * var(--reading-scale));margin-bottom:10px}.conversation-mode>div{display:flex;align-items:center;gap:6px}.conversation-mode>div>span{padding:10px;background:var(--porcelain);color:var(--obsidian);border-radius:12px}.conversation-mode .plain-button{color:var(--porcelain);border:1px solid #82917b80;padding:5px 8px}.tutor-columns{display:grid;grid-template-columns:390px minmax(0,1.1fr) minmax(0,.85fr);gap:10px;min-height:740px}.tutor-left{min-width:0;display:flex;flex-direction:column}.tutor-orb{height:258px;width:100%;position:relative}.voice-status{text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;padding:5px 15px}.voice-controls{display:flex;align-items:center;justify-content:center;gap:12px;min-height:65px;margin:24px 0 9px}.voice-controls button{min-width:90px;padding:8px 12px}.voice-playback{max-width:100%;margin-bottom:10px}.voice-playback[hidden]{display:none}.tutor-themes{margin-top:auto;padding:14px}.tutor-theme-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tutor-theme{padding:0;border:1px solid #c5ad8555;border-radius:8px;background:#eae5d980;overflow:hidden;display:flex;flex-direction:column;min-height:110px}.tutor-theme img{width:100%;height:76px;object-fit:cover}.tutor-theme>span{min-height:44px;display:flex;align-items:center;justify-content:center;padding:3px 5px}.tutor-chat{min-width:0;height:740px;display:flex;flex-direction:column;padding:12px;background:#f7f5f0ee}.chat-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:18px;padding:0 3px 12px;scroll-behavior:smooth}.chat-bubble{position:relative;align-self:flex-start;max-width:92%;background:#eae5d98c;border-radius:15px;padding:15px 15px 12px;margin-left:23px}.chat-bubble>.icon{position:absolute;left:-30px;top:12px;background:#82917b22;border-radius:50%;width:30px;height:30px;padding:5px}.chat-bubble>.meta{margin-top:10px}.chat-bubble.learner{align-self:flex-end;background:#82917b35;margin:0}.bubble-actions{display:flex;align-items:center;gap:8px;margin-top:4px}.bubble-actions .icon-button{width:44px;min-height:44px;background:transparent;border:0}.bubble-actions .plain-button{border:0;padding:6px}.chat-composer{display:flex;gap:8px;align-items:center;padding:5px;border:1px solid #c5ad8560;border-radius:28px;background:#f7f5f0a0}.chat-composer textarea{min-height:44px;height:50px;max-height:120px;resize:vertical;border:0;background:transparent;padding:12px 4px}.chat-composer button{flex-shrink:0;color:var(--porcelain);background:var(--forest)}.chat-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.chat-shortcuts button{font-size:1rem;padding:5px 8px;border-color:#c5ad8533;background:#eae5d960}.tutor-help{min-width:0;height:740px;overflow:auto;padding:14px}.help-tabs{display:flex;gap:3px;flex-wrap:wrap;border-bottom:1px solid #c5ad8533;padding-bottom:10px}.help-tabs .tab{padding:6px;font-size:1rem;border-radius:8px}.help-content{padding-top:14px}.help-phrase-row{display:flex;gap:5px;align-items:center;background:#ffffff55;padding:10px 6px;border-radius:12px}.help-phrase{font-size:calc(24px * var(--reading-scale));flex:1}.help-phrase-row .icon-button{background:transparent;border:0}.draft-label{font-size:1rem;color:var(--forest);padding:7px 0}.help-translation{padding:12px 4px}.help-arabic{padding:15px 5px;text-align:right;border-bottom:1px solid #c5ad8533}.help-explanation{padding:15px 8px;border-radius:12px;background:#eae5d973;margin-top:14px}.help-explanation h3{font-size:calc(22px * var(--reading-scale));margin-bottom:12px}.help-explanation .plain-button{margin-top:12px;padding:5px 9px}.pronunciation-controls{padding-top:24px;margin-top:14px;border-top:1px solid #c5ad8533}.pronunciation-controls h3{font-size:calc(22px * var(--reading-scale));margin-bottom:15px}.pronunciation-controls>div{display:flex;gap:6px;margin:12px 0}.pronunciation-controls .plain-button{padding:7px 12px}.heard-transcript{background:var(--ivory);border-radius:12px;padding:12px;margin-bottom:8px;max-height:200px;overflow:auto}.transcript-differences{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.transcript-differences .different{border-bottom:2px solid var(--forest)}
@media(max-width:1100px){.tutor-columns{grid-template-columns:1fr 1.15fr}.tutor-help{grid-column:1/-1;height:auto}.tutor-orb{height:250px}.conversation-mode{display:none}}@media(max-width:800px){.tutor-view .screen-heading{height:auto;min-height:230px;padding:40px 12px 24px}.tutor-view .screen-heading h1{font-size:calc(45px * var(--reading-scale))}.tutor-columns{display:flex;flex-direction:column}.tutor-chat{height:650px}.tutor-orb{height:260px}.tutor-theme img{height:100px}.view:has(.tutor-view)>.back-link{position:relative;left:0;top:0}.voice-controls{margin-top:6px}}html[data-text-size=largest] .tutor-columns{display:flex;flex-direction:column}html[data-text-size=largest] .tutor-chat{height:800px}html[data-text-size=largest] .tutor-help{height:auto}html[data-text-size=largest] .tutor-view .screen-heading{height:auto;min-height:300px}html[data-text-size=largest] .conversation-mode{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* Notebook: a real vector page, with a separate labelled authored example. */
.layout[data-route=notebook] .workspace{padding-left:12px;padding-right:12px}.view:has(.notebook-view)>.back-link{position:absolute;top:10px;left:22px;z-index:3;border:0;background:#f7f5f099;padding:8px}.notebook-view .screen-heading{height:184px;padding:51px 30px 16px 35px}.notebook-view .screen-heading h1{font-size:calc(50px * var(--reading-scale));margin:7px 0}.notebook-view .screen-heading p:last-child{max-width:800px}.notebook-tabs{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:54px;padding:4px 14px;margin-bottom:5px;max-width:887px}.notebook-tabs .tab{padding:8px 18px;border-radius:12px}.notebook-tabs .plain-button{border-color:#c5ad8533;padding:7px 13px}.notebook-columns{display:grid;grid-template-columns:minmax(0,3.04fr) minmax(0,1fr);gap:14px}.notebook-paper{background:linear-gradient(90deg,#c5ad8570 0 9px,#eae5d9 10px,#f7f5f0 30px);border:2px solid #c5ad8577;border-radius:18px 18px 4px 4px;box-shadow:inset 4px 0 10px #354a3f12;min-width:0;padding-left:24px;position:relative}.notebook-paper:before{content:'';position:absolute;left:-9px;top:40px;bottom:0;width:28px;background:repeating-linear-gradient(transparent 0 37px,#354a3f 38px 40px,#c5ad85 41px 45px,transparent 46px 70px);pointer-events:none}.ink-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-height:66px;border-bottom:1px solid #c5ad8533;padding:7px 12px}.ink-toolbar .plain-button{border:0;padding:6px}.ink-toolbar button[aria-pressed=true]{background:#82917b33}.ink-toolbar select{max-width:170px;margin-left:auto;padding:7px}.ink-swatch{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--ink);padding:5px}.ink-swatch .icon{width:28px;height:28px}.ink-scroll{height:654px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.ink-sheet{position:relative;width:100%;aspect-ratio:5/6;background:var(--porcelain)}.ink-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.example-sheet{aspect-ratio:auto;min-height:700px;padding:16px 30px 28px;background:repeating-linear-gradient(#f7f5f0 0 53px,#c5ad852b 54px,#f7f5f0 55px)}.example-sheet>.draft-label{font-family:inherit}.example-handwriting{font-family:'Bradley Hand','Segoe Print',cursive;font-size:calc(24px * var(--reading-scale))!important;line-height:1.5!important}.example-sheet h2{font-size:calc(45px * var(--reading-scale))!important;margin:4px 0 26px}.example-page-photo{width:34%;height:215px;object-fit:cover;float:right;transform:rotate(-5deg);padding:10px;background:var(--porcelain);box-shadow:0 2px 6px #354a3f33;margin:20px 4px 15px 15px}.example-page-phrases>div{display:flex;align-items:center;gap:25px;min-height:70px}.example-page-phrases>div>p{flex:1}.example-page-phrases span{max-width:35%;font-family:'Bradley Hand',cursive;font-size:calc(21px * var(--reading-scale))}.example-sheet h3{margin-top:25px}.example-sheet>.button{margin-top:18px}.notebook-save-status{padding:8px 14px;font-size:1rem;min-height:40px;border-top:1px solid #c5ad8533}.notebook-more{padding:0 14px 14px}.notebook-more summary{min-height:44px;cursor:pointer;display:flex;align-items:center}.notebook-more input[type=search]{width:100%;min-height:44px;margin:8px 0;padding:8px;border:1px solid #82917b66;border-radius:8px;background:var(--porcelain)}.notebook-more .field{margin-bottom:12px}.notebook-more textarea{margin:12px 0}.notebook-more .plain-button,.notebook-more .button{margin:5px 4px}.notebook-help{padding:12px;margin-top:-52px;background:#f7f5f0ef;border-radius:16px;min-width:0;max-height:830px;overflow:auto}.notebook-help .help-tabs{gap:3px;flex-wrap:wrap}.notebook-help .help-tabs button{padding:7px 8px;font-size:1rem}.notebook-word{font-size:calc(32px * var(--reading-scale));margin-top:5px}.notebook-help h3{font-size:calc(22px * var(--reading-scale));margin:24px 0 12px}.notebook-help .help-content>p{margin:10px 0}.notebook-example-line{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:4px;padding:8px 0}.notebook-example-line>.plain-button{grid-column:2;border:0;padding:3px;justify-content:start}.notebook-help>.help-content>.button{width:100%;margin-top:15px}.trace-letters{font-size:calc(60px * var(--reading-scale));color:var(--sage);letter-spacing:12px;margin-top:25px}.notepad-dialog{width:min(850px,96vw);max-height:92dvh;border:1px solid var(--sage);border-radius:18px;background:var(--porcelain);padding:16px;color:var(--obsidian)}.notepad-dialog::backdrop{background:#171c1b55}.notepad-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.notepad-view .notebook-tabs{flex-wrap:wrap}.notepad-view .notebook-columns{display:block}.notepad-view .notebook-help{display:none}.notepad-view .ink-scroll{height:330px}.notepad-view .example-sheet{min-height:500px}.notepad-view .ink-toolbar{flex-wrap:wrap}.notepad-view .notebook-paper{margin-top:8px}.notepad-view .notebook-save-status{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1100px){.notebook-columns{grid-template-columns:1fr 290px}.ink-toolbar select{margin-left:0}.notebook-view .screen-heading h1{font-size:calc(42px * var(--reading-scale))}.example-page-phrases>div{flex-direction:column;align-items:start;gap:4px;padding:12px 0}.example-page-phrases span{max-width:100%}.notebook-tabs{flex-wrap:wrap}.notebook-help{margin-top:0}.example-page-photo{width:40%}}@media(max-width:800px){.notebook-columns{display:flex;flex-direction:column}.notebook-view .screen-heading{height:auto;min-height:190px;padding:35px 12px}.view:has(.notebook-view)>.back-link{position:relative;top:0;left:0}.ink-scroll{height:600px}.notebook-help{max-height:none}.notebook-tabs .tab{padding:7px 12px}.example-page-photo{height:150px}.notebook-paper{padding-left:15px}}html[data-text-size=largest] .notebook-columns{display:flex;flex-direction:column}html[data-text-size=largest] .notebook-view .screen-heading{height:auto;min-height:240px}html[data-text-size=largest] .notebook-tabs{flex-wrap:wrap}html[data-text-size=largest] .notebook-help{margin-top:0;max-height:none}
.journey-learn .learn-benefits{gap:8px 7px;padding:5px 0 10px;margin-bottom:6px}.journey-learn .learn-benefits p{line-height:1.15}.journey-learn .scene-tile>img{height:58px}.journey-learn .scene-tile>span{line-height:1.1}.journey-lessons .lesson-row{padding:4px 6px}.journey-lessons .lesson-row>span:nth-child(2){line-height:1.1}.journey-lessons .lesson-row>span:nth-child(2)>span{line-height:1.1}.journey-view .journey-bottom{height:276px}.journey-discover .progress-track{margin:12px 0 6px}
.text-mark-layer{position:fixed;inset:0;z-index:30}.text-mark-layer>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.text-mark-bar{position:absolute;left:20px;right:20px;top:10px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 15px;box-shadow:0 5px 25px #171c1b33}.text-mark-bar .button{flex-shrink:0}
.ink-toolbar>.icon-button{border:0;background:transparent;border-radius:10px;padding:7px}.ink-toolbar .icon-button[aria-pressed=true]{background:#82917b33}.example-page-photo{margin-top:16px}.notebook-paper{background:linear-gradient(90deg,#c5ad8570 0 9px,#eae5d9 10px,#f7f5f0 30px)}.example-sheet{background:repeating-linear-gradient(#eae5d96e 0 53px,#c5ad8530 54px,#eae5d96e 55px)}.notebook-help .notebook-word{font-size:calc(30px * var(--reading-scale))}
/* Progress: counts and rings are derived from the immutable attempt journal. */
.layout[data-route=progress] .workspace,.layout[data-route=worlds] .workspace,.layout[data-route=languages] .workspace{padding-left:18px;padding-right:12px}.view:has(.progress-view)>.back-link,.view:has(.worlds-view)>.back-link,.view:has(.languages-view)>.back-link{position:absolute;top:10px;left:22px;z-index:3;border:0;padding:8px;background:#f7f5f099}.progress-view .screen-heading{height:264px;position:relative;padding:65px 32px 20px}.progress-view .screen-heading h1{font-size:calc(57px * var(--reading-scale));margin:7px 0 10px}.progress-quote{position:absolute;right:10px;top:110px;width:265px;padding:20px 22px;font-style:italic}.progress-board{display:grid;grid-template-columns:1.32fr .97fr .99fr;grid-template-rows:178px 260px minmax(276px,auto);gap:12px}.progress-journey{grid-column:1/3;position:relative;padding:18px 20px}.progress-journey>.panel-heading{margin-bottom:8px}.progress-journey>.progress-track{width:62%;height:28px;margin:28px 0 10px}.progress-journey>.meta{max-width:65%}.journey-stage{position:absolute;right:31%;top:20px;display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}.journey-stage strong{font-size:calc(23px * var(--reading-scale));grid-row:1}.journey-totals{position:absolute;right:15px;top:12px;bottom:12px;width:27%;display:grid;gap:7px;border-left:1px solid #c5ad8533;padding-left:12px}.journey-totals>p{display:grid;grid-template-columns:35px 1fr;align-content:center;column-gap:12px;padding:6px;background:#eae5d936;border:1px solid #c5ad8525;border-radius:11px}.journey-totals .icon{grid-row:1/3;align-self:center;width:30px;height:30px}.journey-totals strong{font-size:calc(24px * var(--reading-scale))}.progress-recent{grid-column:3;grid-row:1/3;height:281px;padding:14px}.progress-feature-photo{height:108px;width:100%;object-fit:cover;border-radius:8px}.progress-recent h3{font-size:calc(22px * var(--reading-scale));margin-top:8px}.progress-recent .button{display:flex;margin-top:12px;min-height:44px;border-radius:9px}.progress-skills{grid-column:1/3;grid-row:2;padding:17px 20px}.skill-rings{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px}.skill-ring{text-align:center}.ring-art{width:82px;height:82px;border-radius:50%;padding:7px;background:conic-gradient(var(--forest) var(--amount),#c5ad8538 0);margin:0 auto 8px;display:grid;place-items:center;position:relative}.ring-art:before{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--porcelain)}.ring-art .icon{z-index:1;width:29px;height:29px}.skill-ring strong{font-size:calc(23px * var(--reading-scale))}.skill-ring h3{font-size:calc(20px * var(--reading-scale));margin:5px 0}.skill-ring p{line-height:1.1}.progress-week{grid-column:3;grid-row:2;align-self:end;min-height:170px;padding:13px}.activity-week{display:flex;justify-content:space-between;margin-top:12px;gap:4px}.activity-week>div{display:flex;flex-direction:column;align-items:center;gap:7px}.day-marker{width:29px;height:29px;border:1px dashed var(--sage);border-radius:50%;background:#eae5d944;display:grid;place-items:center}.day-marker.practised{background:var(--forest)}.day-marker>.icon{color:var(--porcelain);width:17px;height:17px}.progress-week .quiet-quote{margin-top:8px;padding:8px 0}.progress-activity{grid-column:1;grid-row:3;padding:16px 18px}.recent-activity-row{display:flex;align-items:center;gap:10px;min-height:60px;border-bottom:1px solid #c5ad8533;padding:5px 0}.recent-activity-row>img{height:50px;width:83px;object-fit:cover;border-radius:8px}.recent-activity-row>span:nth-child(2){display:flex;flex-direction:column;flex:1}.recent-activity-row>.meta{font-size:1rem}.progress-next{grid-column:2;grid-row:3;padding:15px}.next-step-photo{height:98px;width:44%;float:left;object-fit:cover;border-radius:8px;margin:0 12px 12px 0}.progress-next h3{font-size:calc(26px * var(--reading-scale));margin:5px 0 7px}.next-step-list{clear:both;list-style:none;padding:0;margin:12px 0 0}.next-step-list li{display:flex;gap:10px;align-items:center;min-height:35px;border-bottom:1px solid #c5ad8520}.progress-milestones{grid-column:3;grid-row:3}.milestone-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #c5ad8533}.milestone-dot{width:28px;height:28px;flex-shrink:0;border:2px solid #c5ad8577;border-radius:50%}.milestone-dot.earned{background:var(--forest);color:var(--porcelain);border-color:var(--forest)}.milestone-dot .icon{width:24px;height:24px}
/* Languages */
.languages-view .screen-heading{height:197px;padding:58px 25px 20px}.languages-view .screen-heading h1{font-size:calc(56px * var(--reading-scale));margin:8px 0}.languages-board{display:grid;grid-template-columns:.97fr 1.03fr;gap:12px}.language-selection{padding:20px 16px 14px}.language-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;margin-top:24px}.language-card{position:relative;overflow:hidden;border:1px solid #c5ad8533;background:#eae5d936;border-radius:10px;min-width:0}.language-card.selected{outline:2px solid var(--forest)}.language-card>img{width:100%;height:140px;object-fit:cover;display:block}.language-card-copy{padding:12px 9px;min-height:85px;display:flex;flex-direction:column;gap:4px}.language-card-copy>strong{font-size:calc(21px * var(--reading-scale))}.language-card-copy p{margin-top:7px}.selected-badge{position:absolute;right:7px;top:7px;background:var(--forest);color:var(--porcelain);border-radius:50%;padding:5px;display:flex}.language-details{display:flex;flex-direction:column;gap:12px;min-width:0}.language-hero{height:197px;border:10px solid #f7f5f0e0;border-radius:14px;overflow:hidden;position:relative;color:var(--porcelain);background:var(--forest)}.language-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.language-hero>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:linear-gradient(transparent,#171c1bdb)}.language-hero h2{font-size:calc(29px * var(--reading-scale));margin-bottom:4px}.language-hero .button{position:absolute;right:12px;bottom:12px;max-width:175px;border-color:#eae5d970;padding:7px 12px}.language-hero p:last-of-type{max-width:65%}.language-detail-tabs{display:flex;justify-content:space-between;padding:4px 9px;gap:5px}.language-detail-tabs .tab{display:flex;align-items:center;gap:9px;border-radius:10px;padding:7px 12px}.language-overview{min-height:157px}.pack-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.pack-facts>p{background:#eae5d957;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 5px;border-radius:8px;text-align:center}.pack-facts strong{font-size:calc(22px * var(--reading-scale))}.pack-facts>p>.icon{width:26px;height:26px}.language-path{min-height:235px}.language-unit-cards{display:grid;grid-auto-flow:column;grid-auto-columns:104px;overflow:auto;gap:8px;padding:5px 2px 9px}.language-unit-card{border:1px solid #c5ad8540;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;gap:5px;padding:5px;min-width:0}.language-unit-card>img{width:100%;height:88px;object-fit:cover;border-radius:7px}.language-unit-card>h3{font-size:calc(20px * var(--reading-scale));min-height:42px}.language-why{padding:15px;min-height:150px}.why-reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.why-reasons>div{display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center}.why-reasons .icon{width:30px;height:30px;color:var(--forest)}.all-languages .languages-board{display:block}.all-languages .language-details{margin-top:16px}.all-languages .language-cards{grid-template-columns:repeat(4,1fr)}
/* Worlds: static illustration with actual city and scenario controls. */
.worlds-view .screen-heading{height:225px;padding:62px 26px 20px}.worlds-view .screen-heading h1{font-size:calc(55px * var(--reading-scale));margin:8px 0 10px}.worlds-board{display:grid;grid-template-columns:2fr 1fr;gap:12px}.worlds-left{min-width:0}.world-filters{display:flex;justify-content:space-between;gap:3px;padding:6px 8px;height:66px;position:relative;z-index:2}.world-filters .tab{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:10px;white-space:nowrap}.world-filters .icon{width:23px}.world-map{position:relative;height:394px;overflow:hidden;background:#82917b66}.world-map-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s;transform-origin:50% 50%}.map-pins{position:absolute;inset:0;transform-origin:50% 50%;transition:transform .2s}.city-pin{position:absolute;display:flex;align-items:center;gap:9px;background:var(--porcelain);border:1px solid #c5ad8590;border-radius:8px;padding:5px 8px 5px 5px;max-width:190px;min-height:62px;box-shadow:0 3px 9px #354a3f18}.city-pin.selected{outline:2px solid var(--forest)}.city-pin>img{width:51px;height:49px;object-fit:cover;border-radius:5px}.city-pin>span{display:flex;flex-direction:column;gap:5px;line-height:1.1}.city-pin>span>span{font-size:1rem}.map-pin-dot{position:absolute;bottom:-30px;left:44%;border:5px solid var(--porcelain);background:var(--forest);width:21px;height:25px;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.map-zoom{position:absolute;left:16px;bottom:14px;display:flex;flex-direction:column;overflow:hidden;border-radius:20px}.map-zoom .icon-button{border:0;border-radius:0;min-width:44px;background:transparent;font-size:calc(25px * var(--reading-scale))}.map-slogan{position:absolute;right:13px;bottom:30px;font:italic calc(24px * var(--reading-scale))/1.5 'Bradley Hand',cursive;color:var(--porcelain);text-align:right;pointer-events:none}.map-planned{position:absolute;inset:35px 55px;padding:35px;display:flex;flex-direction:column;justify-content:center;gap:18px}.world-destinations{padding:14px 12px;min-height:200px}.destination-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.destination-card{border:1px solid #c5ad8533;border-radius:8px;overflow:hidden;min-width:0;background:#eae5d92e}.destination-card.selected{outline:2px solid var(--forest)}.destination-card>img{width:100%;height:86px;object-fit:cover}.destination-card>h3{font-size:calc(19px * var(--reading-scale));padding:6px 7px 3px}.destination-card>p{font-size:1rem;padding:0 7px 8px;line-height:1.1}.world-detail{margin-top:-25px;border-radius:14px;background:#f7f5f0ed;padding:10px;min-width:0;z-index:2}.world-hero{position:relative;height:197px;overflow:hidden;border-radius:9px;background:var(--forest);color:var(--porcelain);isolation:isolate;padding:125px 12px 12px}.world-hero:after{position:absolute;content:'';inset:0;background:linear-gradient(transparent 35%,#171c1bd9);z-index:-1}.world-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.world-hero h2{font-size:calc(32px * var(--reading-scale));margin-bottom:6px}.world-hero .icon-button{position:absolute;right:10px;top:8px;color:var(--forest);background:var(--porcelain)}.world-detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:9px 0}.world-detail-tabs .tab{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;border-radius:8px;background:#eae5d94a}.world-detail-tabs .tab.active{background:var(--forest)}.world-detail-tabs .icon{width:19px}.world-about{background:transparent!important;border:0;box-shadow:none;padding:10px 3px}.world-about .button{display:flex;border-radius:9px;margin-top:13px}.world-facts{display:flex;justify-content:space-between;gap:9px;margin-top:20px}.world-facts>p{display:grid;grid-template-columns:27px 1fr;gap:3px 6px;align-items:center}.world-facts .icon{grid-row:1/3}.world-facts strong{font-size:calc(21px * var(--reading-scale))}.world-facts span{font-size:1rem}.world-phrase{margin-top:14px;font-size:calc(25px * var(--reading-scale))}.world-experiences{background:transparent!important;box-shadow:none;border:0;border-top:1px solid #c5ad8533;padding:14px 0 0;margin-top:8px}.experience-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.experience-card{border:1px solid #c5ad8522;border-radius:8px;overflow:hidden}.experience-card>img{width:100%;height:84px;object-fit:cover}.experience-card h3{font-size:calc(20px * var(--reading-scale));padding:5px}.experience-card p{font-size:1rem;padding:0 5px 8px}.world-moments{margin-top:12px;min-height:113px;padding:15px 12px}.world-moment-list{display:flex;gap:8px;overflow:auto;scrollbar-width:thin}.world-moment{display:flex;align-items:center;gap:10px;min-width:149px;min-height:64px;border-radius:12px;padding:7px;background:#eae5d950}.world-moment>.icon{width:36px;height:36px;background:#82917b20;padding:7px;border-radius:50%}.world-moment>span{display:flex;flex-direction:column;gap:3px}.world-moment>span>span{font-size:1rem}.world-moment.selected{outline:1px solid var(--forest)}.show-all .world-moment-list{flex-wrap:wrap}.show-all .world-moment{flex:1 0 25%}
@media(max-width:1100px){.progress-quote{display:none}.progress-board{grid-template-columns:1fr 1fr;grid-template-rows:auto}.progress-board>*{grid-column:auto!important;grid-row:auto!important;height:auto!important;min-height:200px}.progress-skills{grid-column:1/-1!important}.languages-board{grid-template-columns:1fr}.language-cards{grid-template-columns:repeat(4,1fr)}.worlds-board{grid-template-columns:1fr}.world-detail{margin-top:0}.world-filters{overflow:auto}.world-hero{height:240px}.worlds-view .screen-heading h1{font-size:calc(48px * var(--reading-scale))}}@media(max-width:800px){.progress-view .screen-heading,.languages-view .screen-heading,.worlds-view .screen-heading{height:auto;min-height:240px;padding:35px 12px 25px}.progress-view .screen-heading h1,.languages-view .screen-heading h1,.worlds-view .screen-heading h1{font-size:calc(43px * var(--reading-scale))}.view:has(.progress-view)>.back-link,.view:has(.worlds-view)>.back-link,.view:has(.languages-view)>.back-link{position:relative;left:0;top:0}.progress-board{display:flex;flex-direction:column}.progress-journey{min-height:270px!important}.journey-stage{position:static;margin-top:15px;width:60%}.journey-totals{width:35%}.skill-rings{grid-template-columns:repeat(3,1fr)}.language-cards,.all-languages .language-cards{grid-template-columns:repeat(2,1fr)}.language-detail-tabs{flex-wrap:wrap}.pack-facts{grid-template-columns:repeat(3,1fr)}.destination-cards{grid-template-columns:repeat(3,1fr)}.city-pin{max-width:125px;font-size:1rem}.city-pin>img{display:none}.city-pin>span>span{display:none}.world-detail-tabs{grid-template-columns:repeat(2,1fr)}.map-slogan{font-size:calc(19px * var(--reading-scale))}.world-map{height:330px}.why-reasons{grid-template-columns:repeat(2,1fr)}}html[data-text-size=largest] .progress-board{display:flex;flex-direction:column}html[data-text-size=largest] .progress-board>*{height:auto;min-height:240px}html[data-text-size=largest] .progress-view .screen-heading,html[data-text-size=largest] .languages-view .screen-heading,html[data-text-size=largest] .worlds-view .screen-heading{height:auto;min-height:300px}html[data-text-size=largest] .worlds-board,html[data-text-size=largest] .languages-board{display:flex;flex-direction:column}html[data-text-size=largest] .language-cards{grid-template-columns:repeat(3,1fr)}html[data-text-size=largest] .world-filters{height:auto;flex-wrap:wrap}html[data-text-size=largest] .skill-rings{grid-template-columns:repeat(3,1fr)}html[data-text-size=largest] .destination-cards{grid-template-columns:repeat(3,1fr)}
.navigation .nav-link{min-height:52px}.brand>.icon{fill:var(--champagne);stroke:none}.screen-heading h1{transform:scaleX(.94);transform-origin:left center}.progress-journey{margin-top:12px;height:166px}.progress-recent{transform:translateY(-14px)}.progress-next .next-step-list li{min-height:27px;line-height:1.1}.progress-next h3{font-size:calc(24px * var(--reading-scale))}.milestone-row{padding:8px 0;line-height:1.1}.milestone-row p{line-height:1.1}.progress-journey>p:first-of-type{max-width:46%}.progress-journey>.progress-track{margin-top:24px}
.language-card-copy{padding:10px 9px;gap:3px}.language-card-copy>*{line-height:1.1!important}.language-card-copy p{margin-top:4px}.language-details{gap:8px}.pack-facts>p{display:grid;grid-template-columns:25px 1fr;align-content:center;gap:4px 6px;padding:8px;text-align:left}.pack-facts>p>.icon{grid-row:1/3}.pack-facts>p>span{line-height:1.1}.pack-facts strong{font-size:calc(21px * var(--reading-scale))}.language-overview{min-height:150px}.language-path{min-height:224px;padding:10px 12px}.language-unit-card{gap:3px;padding:4px}.language-unit-card>img{height:76px}.language-unit-card>h3{font-size:calc(18px * var(--reading-scale));line-height:1.05;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.language-unit-card .meta{line-height:1.1}.language-hero .button{white-space:nowrap;max-width:200px}.language-why .why-reasons{margin-top:12px}
/* Settings: three working columns following the reference's card sizes. */
.layout[data-route=settings] .workspace{padding-left:12px;padding-right:12px}.view:has(.settings-view)>.back-link{position:absolute;top:10px;left:22px;z-index:3;padding:8px;border:0;background:#f7f5f099}.settings-view .screen-heading{height:197px;padding:58px 32px 20px}.settings-view .screen-heading h1{font-size:calc(54px * var(--reading-scale));margin:7px 0 10px}.settings-view .screen-heading>p:last-child{max-width:850px}.settings-columns{display:grid;grid-template-columns:1.05fr 1.03fr .93fr;gap:12px}.settings-column{min-width:0;display:flex;flex-direction:column;gap:12px}.settings-card{padding:14px 13px}.settings-card .panel-heading{justify-content:start;margin-bottom:3px}.settings-card .panel-heading>.icon{width:38px;height:38px;border-radius:50%;background:#82917b20;padding:8px}.settings-card h2{font-size:calc(22px * var(--reading-scale));line-height:1.1}.settings-card-intro{margin:0 0 8px 48px;font-size:1rem;color:var(--forest);line-height:1.1}.settings-row{display:flex;align-items:center;gap:10px;min-height:44px;border:0;border-top:1px solid #c5ad8530;padding:8px 3px;background:transparent;text-align:left;width:100%}.settings-row>span:first-of-type{flex:1}.settings-row>.meta{text-align:right;font-size:1rem;max-width:47%;line-height:1.1}.settings-row>.icon{width:25px;height:25px;flex-shrink:0}.settings-row select{min-height:44px;width:55%;max-width:205px;border:0;background:#eae5d936;padding:5px}.settings-profile{display:flex;align-items:center;gap:13px;padding:10px 0}.settings-avatar{width:74px;height:74px;object-fit:cover;background:var(--ivory);border:1px solid #ffffffa0;border-radius:50%}.settings-profile h3{font-size:calc(27px * var(--reading-scale));margin-bottom:5px}.settings-profile .meta{margin-top:5px}.settings-card details summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.settings-card details input[type=file]{max-width:100%;min-height:44px;margin:10px 0}.settings-card details .button{margin-top:8px}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px 2px 8px}.theme-choice{padding:0;overflow:hidden;border:0;background:transparent;border-radius:8px}.theme-choice[aria-pressed=true]{outline:2px solid var(--forest)}.theme-choice>img{height:70px;width:100%;object-fit:cover;border:3px solid var(--porcelain);border-radius:9px}.theme-choice>img.dark{filter:brightness(.3)}.theme-choice>img.auto{filter:brightness(.7)}.theme-choice>span{display:block;min-height:34px;padding:5px}.setting-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;width:100%;padding:9px 3px;border:0;border-top:1px solid #c5ad852b;text-align:left;background:transparent}.setting-switch>span{flex:1}.setting-switch:after{content:'';height:25px;width:42px;flex-shrink:0;border:2px solid var(--sage);border-radius:25px;background:radial-gradient(circle at 11px 50%,var(--porcelain) 0 9px,transparent 10px),var(--sage)}.setting-switch[aria-checked=true]:after{border-color:var(--forest);background:radial-gradient(circle at 27px 50%,var(--porcelain) 0 9px,transparent 10px),var(--forest)}.settings-status{min-height:44px;padding:12px}.data-dialog{width:min(680px,94vw);max-height:90dvh;padding:24px;border:1px solid var(--sage);border-radius:16px;background:var(--porcelain);color:var(--obsidian)}.data-dialog::backdrop{background:#171c1b66}.data-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.data-dialog h3{font-size:calc(26px * var(--reading-scale));margin:25px 0 12px}.data-dialog .button{margin:14px 6px 8px 0}.data-dialog input,.data-dialog select{max-width:100%;min-height:44px;margin:10px 5px 10px 0;padding:8px}.data-dialog p{margin:9px 0}.data-dialog input[type=file]{width:100%}
/* All theme colors remain in the six approved Lumi values. */
html[data-theme=dark]{background:var(--obsidian);color:var(--porcelain);color-scheme:dark}html[data-theme=dark] .layout{background-image:linear-gradient(#171c1ba8,#171c1bbf),url('../assets/home/home-environment.png')}html[data-theme=dark] .sidebar{background:#171c1bf5;color:var(--porcelain);border-color:var(--sage)}html[data-theme=dark] .glass,html[data-theme=dark] .settings-panel,html[data-theme=dark] .empty-space{background:#171c1bf2;color:var(--porcelain);border-color:#82917b70}html[data-theme=dark] .meta,html[data-theme=dark] .draft-caption,html[data-theme=dark] .settings-card-intro,html[data-theme=dark] .today-label>span,html[data-theme=dark] .language-row .meta,html[data-theme=dark] .lesson-row>span:nth-child(2)>span{color:var(--ivory)}html[data-theme=dark] .screen-heading,html[data-theme=dark] .home-welcome{background:radial-gradient(ellipse at 15% 60%,#171c1bf5,#171c1bdb 45%,#171c1b88 75%)}html[data-theme=dark] .home-note,html[data-theme=dark] .heritage-panel,html[data-theme=dark] .data-dialog,html[data-theme=dark] .notepad-dialog,html[data-theme=dark] .world-detail,html[data-theme=dark] .tutor-chat,html[data-theme=dark] .notebook-help{background:var(--obsidian);color:var(--porcelain)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--obsidian);color:var(--porcelain);border-color:var(--sage)}html[data-theme=dark] .plain-button,html[data-theme=dark] .button.secondary,html[data-theme=dark] .back-link,html[data-theme=dark] .arabic-button,html[data-theme=dark] .icon-button{color:var(--porcelain);border-color:var(--sage);background:#354a3f88}html[data-theme=dark] .heritage-header,html[data-theme=dark] .heritage-source,html[data-theme=dark] .heritage-empty,html[data-theme=dark] .heritage-draft,html[data-theme=dark] .notice,html[data-theme=dark] .heard-transcript{background:var(--forest);color:var(--porcelain)}html[data-theme=dark] .city-pin{background:var(--forest);color:var(--porcelain)}html[data-theme=dark] .home-welcome:after{opacity:.3}html[data-theme=dark] .ring-art:before{background:var(--obsidian)}html[data-theme=dark] .example-sheet,html[data-theme=dark] .ink-sheet{color:var(--obsidian)}html[data-theme=dark] a:focus-visible,html[data-theme=dark] button:focus-visible,html[data-theme=dark] input:focus-visible,html[data-theme=dark] select:focus-visible{outline-color:var(--ivory)}
@media(max-width:1100px){.settings-columns{grid-template-columns:1fr 1fr}.settings-column:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:800px){.settings-columns{display:flex;flex-direction:column}.settings-column:last-child{display:flex}.settings-view .screen-heading{height:auto;min-height:220px;padding:35px 12px}.view:has(.settings-view)>.back-link{position:relative;top:0;left:0}.settings-view .screen-heading h1{font-size:calc(44px * var(--reading-scale))}}html[data-text-size=largest] .settings-columns{display:flex;flex-direction:column}html[data-text-size=largest] .settings-column:last-child{display:flex}html[data-text-size=largest] .settings-view .screen-heading{height:auto;min-height:250px}
/* Ahmed's Corner keeps the reference's three columns without invented messages. */
.layout[data-route=ahmed] .workspace,.layout[data-route=personal] .workspace{padding-left:18px;padding-right:12px}.view:has(.family-view)>.back-link,.view:has(.personal-view)>.back-link{position:absolute;top:10px;left:22px;z-index:3;border:0;background:#f7f5f099;padding:8px}.family-view .screen-heading{height:225px;position:relative;padding:60px 28px 20px}.family-view .screen-heading h1{font-size:calc(56px * var(--reading-scale));margin:8px 0}.family-view .screen-heading>p:last-of-type{max-width:520px}.family-quote{position:absolute;top:120px;right:2px;width:235px;padding:18px 20px;font-size:calc(21px * var(--reading-scale))}.family-tabs{display:flex;justify-content:space-between;gap:6px;width:75%;padding:8px;min-height:70px;margin-bottom:8px}.family-tabs .tab{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 15px;border-radius:9px;background:#eae5d92e}.family-tabs .tab.active{background:var(--forest)}.family-columns{display:grid;grid-template-columns:.68fr 1.2fr 1.22fr;gap:12px;min-height:701px}.family-people{position:relative;min-height:701px;padding:20px 12px;background:#f7f5f0eb}.family-person{display:flex;gap:12px;align-items:center;background:#82917b22;border-radius:12px;margin:18px 0;padding:12px}.family-person>.icon{width:58px;height:58px;border-radius:50%;padding:15px;background:var(--ivory);color:var(--forest)}.family-person h3{font-size:calc(25px * var(--reading-scale));margin-bottom:5px}.family-person .meta{line-height:1.1}.family-people>.button{width:100%;margin:10px 0}.family-source-info{font-size:1rem;line-height:1.4;margin:14px 7px;color:var(--forest)}.family-people>.small-action{position:absolute;bottom:18px;left:18px;right:12px;white-space:normal}.family-chat{height:701px;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:14px;padding:10px}.family-chat-header{display:flex;align-items:center;gap:12px;padding:5px 5px 14px;border-bottom:1px solid #c5ad8533}.family-chat-header>.icon{width:45px;height:45px;background:var(--ivory);border-radius:50%;padding:11px}.family-chat-header>div{flex:1}.family-chat-header h2{font-size:calc(26px * var(--reading-scale));margin-bottom:4px}.family-chat-header>.icon-button{border:0;background:transparent}.family-timeline{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:16px 5px}.family-message{align-self:flex-start;max-width:94%;background:#eae5d956;padding:13px;border-radius:15px}.family-message.reply{align-self:flex-end;background:#82917b2c}.family-message>p{white-space:pre-wrap}.family-source-label{font-size:1rem;color:var(--forest);margin-top:12px!important;line-height:1.2}.family-message>img{max-width:100%;height:150px;object-fit:cover;border-radius:8px}.family-message>audio{max-width:100%;height:44px}.family-message-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.family-message-actions .plain-button{padding:6px 9px;border:0}.family-quiet{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;flex:1;padding:20px;text-align:center}.family-quiet>.icon{width:60px;height:60px;color:var(--sage)}.family-quiet h3{font-size:calc(27px * var(--reading-scale))}.family-composer{display:flex;align-items:center;gap:8px;border:1px solid #c5ad8550;border-radius:28px;padding:5px}.family-composer textarea{height:50px;min-height:44px;border:0;background:transparent;resize:vertical;padding:10px 3px}.family-composer .button{white-space:nowrap;min-width:110px;padding:8px 12px}.family-composer .icon-button{border:0;background:transparent;flex-shrink:0}.family-status{font-size:1rem;line-height:1.15;padding:7px 5px}.family-right{display:flex;flex-direction:column;gap:12px;min-width:0}.family-moments{min-height:194px}.family-audio{min-height:232px}.family-notes{min-height:247px}.family-empty-keepsakes{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:13px 0 9px}.family-moments .family-empty-keepsakes{grid-template-columns:repeat(4,1fr)}.family-empty-keepsakes>button{border:1px solid #c5ad853b;display:grid;place-items:center;background:#eae5d94d;color:var(--sage);min-height:102px;border-radius:10px}.family-audio .family-empty-keepsakes{grid-template-columns:1fr;gap:7px}.family-audio .family-empty-keepsakes>button{min-height:44px;display:flex;justify-content:flex-start;padding-left:18px;background:repeating-linear-gradient(90deg,#eae5d950 0 4px,#c5ad8525 5px 6px)}.family-notes .family-empty-keepsakes>button{min-height:169px;background:linear-gradient(140deg,#eae5d950,#c5ad8530)}.family-keepsakes{display:flex;gap:8px;overflow:auto;max-height:175px}.family-keepsakes .family-message{min-width:130px;max-width:100%;width:100%;font-size:1rem}.family-keepsakes .family-source-label{font-size:1rem}.family-audio .family-keepsakes{flex-direction:column;max-height:160px}.family-audio .family-keepsakes>.family-message{padding:4px;background:transparent}
/* Personal space, the second supplied Ahmed's Corner reference. */
.personal-view .screen-heading{height:233px;position:relative;padding:60px 28px 20px}.personal-view .screen-heading h1{font-size:calc(54px * var(--reading-scale));margin:8px 0}.personal-view .screen-heading>p:last-of-type{max-width:660px}.personal-quote{position:absolute;top:105px;right:0;width:240px;padding:22px;font-style:italic;font-size:calc(22px * var(--reading-scale))}.personal-board{display:grid;grid-template-columns:1.08fr 1.04fr .9fr;grid-template-rows:328px 276px 148px;gap:12px}.personal-goals{grid-column:1;grid-row:1}.personal-goal-row{display:grid;grid-template-columns:36px 1fr 75px;gap:9px;align-items:center;min-height:62px;padding:6px 0;border-top:1px solid #c5ad8528}.personal-goal-row>.icon{width:35px;height:35px;border-radius:50%;background:#82917b20;padding:8px}.personal-goal-row p{line-height:1.1;margin-top:4px}.personal-goal-row .progress-track{height:7px}.personal-goals>.meta{margin:4px 0 9px;line-height:1.1}.personal-practice{grid-column:2;grid-row:1;padding:16px 12px}.personal-practice-row{display:flex;gap:12px;align-items:center;min-height:87px;border-bottom:1px solid #c5ad8530}.personal-practice-row>img{width:125px;height:76px;object-fit:cover;border-radius:8px}.personal-practice-row>span{flex:1}.personal-practice-row h3{font-size:calc(22px * var(--reading-scale));margin-bottom:7px}.personal-practice-row p{font-size:1rem;line-height:1.1}.personal-practice-row>.icon{width:18px}.personal-vocabulary{grid-column:3;grid-row:1;height:354px}.personal-word-tabs{display:flex;gap:3px;justify-content:space-between;margin-top:3px}.personal-word-tabs .tab{padding:7px 12px;border-radius:8px;min-height:44px}.personal-word-row{display:flex;align-items:center;gap:7px;border-bottom:1px solid #c5ad8528;min-height:47px}.personal-word-row>span{flex:1;line-height:1.1}.personal-word-row>span>p{line-height:1.1}.personal-word-row .icon-button{background:transparent;border:0;width:44px;padding:9px}.personal-word-row [aria-pressed=true]{color:var(--forest);background:#82917b25}.personal-word-list>.draft-label{font-size:1rem;padding:4px 0}.personal-companion{grid-column:1;grid-row:2}.personal-companion-body{display:flex;align-items:center;gap:12px}.personal-orb{width:148px;height:148px;flex-shrink:0;position:relative}.personal-companion-body h3{font-size:calc(25px * var(--reading-scale));margin-bottom:10px}.personal-companion-body p{line-height:1.1;margin-bottom:13px}.personal-companion-body .button{padding:7px 15px}.companion-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.companion-shortcuts>a{display:flex;flex-direction:column;gap:6px;min-height:58px;padding:7px 3px;background:#eae5d940;border-color:#c5ad8522;border-radius:9px;text-align:center;line-height:1.1}.personal-content{grid-column:2;grid-row:2;padding:15px 12px}.personal-content-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.personal-content-card{display:flex;flex-direction:column;gap:6px;min-width:0}.personal-content-card img{width:100%;height:145px;object-fit:cover;border-radius:8px}.personal-content-card>strong,.personal-content-card>.meta{line-height:1.1}.personal-scenarios{grid-column:3;grid-row:2;transform:translateY(27px);height:260px;padding:12px}.personal-scenario-row{display:flex;align-items:center;gap:9px;min-height:49px;padding:3px 0;border-bottom:1px solid #c5ad8522}.personal-scenario-row>img{height:43px;width:66px;object-fit:cover;border-radius:7px}.personal-scenario-row>span{flex:1;line-height:1.1}.personal-scenario-row p{line-height:1.1;margin-top:3px}.personal-scenario-row>.icon{width:16px}.personal-statistics{grid-column:1;grid-row:3}.personal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.personal-stats>div{display:grid;grid-template-columns:22px 1fr;gap:6px;background:#eae5d933;border:1px solid #c5ad8520;padding:7px;border-radius:10px}.personal-stats .icon{grid-column:1;grid-row:1}.personal-stats strong{font-size:calc(25px * var(--reading-scale))}.personal-stats span{grid-column:1/-1;line-height:1.1}.personal-motivation{grid-column:2;grid-row:3;background:linear-gradient(90deg,#f7f5f0ed,#f7f5f0a0),url('../assets/reference/header.jpg') center/cover}.personal-motivation .quiet-quote{font-size:calc(24px * var(--reading-scale));margin-top:4px;padding:8px 5px;max-width:290px;border:0}.personal-quick{grid-column:3;grid-row:3;transform:translateY(10px);padding:12px}.quick-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-settings .plain-button{padding:8px;line-height:1.1;border-color:#c5ad8525;background:#eae5d944;border-radius:9px;min-height:44px;justify-content:start}
/* Local reports adapt the supplied report grid to Lumi's own records. */
.layout[data-route=reports] .workspace{padding-left:18px;padding-right:12px;background:#f7f5f0b5}.view:has(.reports-view)>.back-link{position:absolute;top:10px;left:22px;z-index:3;border:0;padding:8px;background:transparent}.reports-view .screen-heading{height:116px;padding:22px 25px 10px;background:transparent;position:relative}.reports-view .screen-heading>.eyebrow{font-size:1rem;margin-left:55px}.reports-view .screen-heading h1{font-size:calc(40px * var(--reading-scale));margin:6px 0}.reports-view .screen-heading>p:last-of-type{max-width:550px}.report-dates{position:absolute;right:5px;top:67px;display:flex;align-items:center;gap:4px;padding:3px;background:#f7f5f0dd;border-radius:8px}.report-dates input{min-height:44px;width:137px;padding:4px;border:0;background:transparent}.report-dates .tab{padding:5px 10px;border-radius:6px;min-height:44px}.report-dates [aria-pressed=true]{background:var(--forest);color:var(--porcelain)}.reports-board{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);gap:12px}.reports-main,.reports-side{display:flex;flex-direction:column;gap:12px;min-width:0}.report-templates{padding:14px 13px;min-height:445px}.report-template-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:15px}.report-template{min-width:0;display:flex;flex-direction:column;gap:9px;border:1px solid #c5ad8540;border-radius:9px;padding:6px}.report-template.selected{outline:1px solid var(--forest)}.report-cover{height:210px;flex-shrink:0;background:linear-gradient(115deg,#f7f5f0,#eae5d9 70%,#c5ad85);border-radius:5px;position:relative;padding:14px 8px;overflow:hidden;box-shadow:2px 3px 6px #354a3f22}.cover-wordmark{font-size:calc(19px * var(--reading-scale));letter-spacing:.11em;color:var(--forest)}.cover-kicker{font-size:1rem;margin-top:35px}.report-cover h3{position:relative;font-size:calc(25px * var(--reading-scale));z-index:2;margin-top:10px;line-height:1.05}.cover-art{position:absolute;border:1px solid #c5ad8577;width:95px;height:140px;bottom:-90px;right:0;transform:rotate(30deg);box-shadow:-20px -18px 0 -1px #eae5d9,-20px -18px 0 0 #c5ad8580}.cover-1{background:linear-gradient(80deg,#f7f5f0cc,#f7f5f055),url('../assets/reference/journey-street.jpg') center/cover}.cover-2{background:linear-gradient(90deg,#f7f5f0dd,#f7f5f073),url('../assets/reference/header.jpg') center/cover}.cover-3 .cover-art{width:160px;height:190px;bottom:-85px;right:-80px;border-radius:50%;transform:rotate(-30deg);box-shadow:-15px -6px 0 0 #c5ad8555,-30px -12px 0 0 #eae5d9,-45px -18px 0 0 #c5ad8540}.cover-4{background:linear-gradient(145deg,#f7f5f0,#eae5d9)}.cover-5 .cover-art{transform:rotate(-50deg);bottom:-20px;right:-55px;width:110px;height:220px}.report-template>h3{font-size:calc(19px * var(--reading-scale));min-height:42px;line-height:1.1}.report-template>.meta{font-size:1rem;line-height:1.1;min-height:58px}.report-template>.button{padding:6px 5px;border-radius:7px;gap:5px;margin-top:auto;min-height:44px;font-size:1rem}.report-template>.button>.icon{width:17px}.report-status{font-size:1rem;min-height:24px;padding:9px 0 0}.recent-reports{padding:14px;min-height:360px}.recent-reports>.panel-heading{flex-wrap:wrap;gap:10px}.report-history-controls{display:flex;gap:8px;margin-left:auto}.report-history-controls input{max-width:180px;min-height:44px;padding:7px;border:1px solid #c5ad8550;border-radius:7px;background:var(--porcelain)}.report-history-controls select{max-width:150px;padding:6px}.report-table-scroll{overflow:auto}.report-history{border-collapse:collapse;width:100%;min-width:740px;margin-top:18px;text-align:left;font-size:1rem}.report-history th{font-weight:400;color:var(--forest);padding:10px 6px;background:#eae5d950;border-block:1px solid #c5ad8530}.report-history td{padding:10px 6px;border-bottom:1px solid #c5ad8530;max-width:180px}.report-actions{display:flex;gap:3px}.report-actions .icon-button{background:transparent;border:0}.reports-side .panel{padding:15px 14px}.report-feature{display:flex;align-items:center;gap:13px;min-height:64px;padding:12px 0;border-top:1px solid #c5ad8522}.report-feature>.icon{width:29px;height:29px;color:var(--forest);flex-shrink:0}.report-feature h3{font-size:calc(20px * var(--reading-scale));margin-bottom:6px}.report-feature p{line-height:1.1}.readiness-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #c5ad8530;padding:11px 0;min-height:44px}.readiness-row>span:first-child{flex:1}.ready-dot,.empty-dot{width:8px;height:8px;background:var(--sage);border-radius:50%}.empty-dot{background:var(--ivory);border:1px solid var(--sage)}.report-custom p{line-height:1.2;margin:13px 0}.report-custom .button{border-radius:7px;width:100%}
@media(max-width:1100px){.family-tabs{width:100%;flex-wrap:wrap}.family-columns{grid-template-columns:.8fr 1.4fr}.family-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.family-people{min-height:600px}.family-chat{height:600px}.personal-board{grid-template-columns:1fr 1fr;grid-template-rows:auto}.personal-board>*{grid-column:auto!important;grid-row:auto!important;height:auto!important;min-height:240px;transform:none!important}.personal-vocabulary{min-height:355px!important}.personal-quote{display:none}.reports-board{grid-template-columns:1fr}.reports-side{display:grid;grid-template-columns:repeat(3,1fr)}.report-template-cards{grid-template-columns:repeat(3,1fr)}.report-cover{height:220px}.report-dates{position:static;margin-top:14px;width:max-content}.reports-view .screen-heading{height:auto;min-height:180px;padding-top:65px}}@media(max-width:800px){.family-view .screen-heading,.personal-view .screen-heading{height:auto;min-height:250px;padding:35px 12px}.family-view .screen-heading h1,.personal-view .screen-heading h1{font-size:calc(43px * var(--reading-scale))}.family-quote{display:none}.family-columns{display:flex;flex-direction:column}.family-people{min-height:260px}.family-people>.small-action{position:static;display:flex;margin:10px 0}.family-right{display:flex}.family-chat{height:680px}.family-tabs .tab{padding:7px 10px}.family-composer>.button{font-size:1rem;min-width:88px;gap:6px}.family-columns .family-person{margin:10px 0}.personal-board{display:flex;flex-direction:column}.personal-content-card img{height:130px}.personal-stats{grid-template-columns:repeat(2,1fr)}.personal-view .personal-goals{min-height:360px}.reports-side{display:flex}.report-template-cards{grid-template-columns:repeat(2,1fr)}.report-dates{max-width:100%;flex-wrap:wrap}.report-history-controls{flex-wrap:wrap}.report-dates input{width:125px}.view:has(.family-view)>.back-link,.view:has(.personal-view)>.back-link,.view:has(.reports-view)>.back-link{position:relative;top:0;left:0}.reports-view .screen-heading{padding-top:25px}.personal-goal-row{grid-template-columns:35px 1fr 70px}.personal-practice-row>img{width:110px}}html[data-text-size=largest] .personal-board,html[data-text-size=largest] .family-columns,html[data-text-size=largest] .family-right,html[data-text-size=largest] .reports-board{display:flex;flex-direction:column}html[data-text-size=largest] .personal-board>*{height:auto;min-height:240px;transform:none}html[data-text-size=largest] .family-tabs{width:100%;flex-wrap:wrap}html[data-text-size=largest] .family-chat{height:850px}html[data-text-size=largest] .personal-view .screen-heading,html[data-text-size=largest] .family-view .screen-heading,html[data-text-size=largest] .reports-view .screen-heading{height:auto;min-height:280px}html[data-text-size=largest] .family-quote,html[data-text-size=largest] .personal-quote{position:relative;top:0;right:0;width:100%;margin-top:14px}html[data-text-size=largest] .report-template-cards{grid-template-columns:repeat(3,1fr)}html[data-text-size=largest] .report-dates{position:static;flex-wrap:wrap;margin-top:15px}html[data-theme=dark] .family-source-info,html[data-theme=dark] .family-source-label{color:var(--ivory)}html[data-theme=dark] .reports-view .screen-heading{background:var(--obsidian)}html[data-theme=dark] .report-cover{color:var(--obsidian)}html[data-theme=dark] .report-dates{background:var(--obsidian)}

@media(max-width:1100px){.journey-view .journey-bottom{height:auto}.progress-recent{transform:none}.report-cover{height:230px}}
/* Classroom and Library share the reference screens' quiet material and spacing. */
.classroom-view .screen-heading,.library-view .screen-heading,.review-view .screen-heading{height:215px;padding:65px 32px 24px}.classroom-view .screen-heading h1,.library-view .screen-heading h1,.review-view .screen-heading h1{font-size:calc(48px * var(--reading-scale));max-width:900px}.classroom-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.classroom-sidebar{padding:16px}.lesson-cover{width:100%;height:120px;object-fit:cover;border-radius:10px;margin:6px 0 14px}.lesson-outline{list-style:none;margin:0;padding:0}.lesson-outline li{display:flex;gap:12px;align-items:center;min-height:49px;padding:8px;border-bottom:1px solid #82917b25}.lesson-outline [aria-current=step]{background:#82917b22;border-radius:8px;color:var(--forest)}.lesson-orb{height:125px;margin-top:15px}.classroom-sidebar .quiet-quote{text-align:center}.lesson-frame{min-width:0;min-height:725px;padding:30px 34px 16px;display:flex;flex-direction:column}.lesson-body{flex:1;min-width:0}.lesson-body h2{font-size:calc(38px * var(--reading-scale));line-height:1.13;margin:12px 0 20px;max-width:680px}.lesson-body>.lumi-text,.exercise-surface>.lumi-text{margin-bottom:18px}.lesson-objectives{padding-left:24px;margin:24px 0 36px}.lesson-objectives li{margin:17px 0;line-height:1.5}.lesson-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid #82917b35;margin-top:25px;padding-top:18px}.lesson-status,.exercise-notice,.library-status{min-height:28px;padding-top:12px;color:var(--forest)}.lesson-phrase,.lesson-model-phrase{font-size:calc(48px * var(--reading-scale));line-height:1.25;margin:40px 0 20px!important}.lesson-meaning,.lesson-grammar,.lesson-grammar-example{font-size:calc(25px * var(--reading-scale));line-height:1.5}.lesson-audio-tools,.library-audio{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}.lesson-reading-row{padding:14px 0;border-bottom:1px solid #82917b30}.reading-phrase{font-size:calc(27px * var(--reading-scale));margin-bottom:7px}.lesson-reading-row .lesson-audio-tools{margin:10px 0 0}.classroom-cognates{display:grid;grid-template-columns:1fr 1fr;gap:14px}.classroom-cognate{background:#eae5d955;border:1px solid #82917b35;border-radius:12px;padding:18px}.classroom-cognate h3{margin-bottom:10px}.classroom-cognate p{margin-bottom:8px}.classroom-cognate .lesson-audio-tools{gap:4px;margin-bottom:0}.classroom-cognate button{padding:8px 11px}.lesson-summary-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.lesson-summary-facts p{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:12px;background:#eae5d966}.lesson-summary-facts strong{font-size:calc(35px * var(--reading-scale))}
.exercise-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.answer-option{display:flex;align-items:center;justify-content:center;min-height:85px;background:#f7f5f0b8;border:1px solid #82917b66;border-radius:12px;padding:18px;font-size:calc(24px * var(--reading-scale));text-align:center}.answer-option[aria-pressed=true]{background:var(--forest);color:var(--porcelain);box-shadow:inset 0 0 0 2px var(--porcelain)}.ordered-answer{display:flex;flex-wrap:wrap;gap:9px;min-height:94px;padding:18px;background:#eae5d955;border:1px solid #82917b80;border-radius:12px;margin:25px 0 18px}.ordered-answer:empty:before{content:'Your phrase';color:var(--forest);padding:10px}.token-bank{display:flex;flex-wrap:wrap;gap:9px;min-height:65px;margin-bottom:20px}.word-token{min-height:48px;padding:10px 16px;border:1px solid #82917b70;border-radius:9px;background:var(--porcelain)}.word-token.chosen{background:var(--forest);color:var(--porcelain)}.exercise-surface textarea{font-size:calc(26px * var(--reading-scale));min-height:100px;line-height:1.5;margin-top:10px;background:#f7f5f0e0}.exercise-surface .gap-input{width:170px;min-height:54px;margin:0;resize:vertical}.gap-sentence{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:25px 0;font-size:calc(28px * var(--reading-scale))}.accent-keys{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.accent-key{min-width:44px;min-height:44px;background:var(--porcelain);border:1px solid #82917b55;border-radius:8px}.exercise-aids,.recall-rating,.speech-practice-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.recall-rating{padding-top:17px;border-top:1px solid #82917b25}.recall-rating [aria-pressed=true]{background:var(--forest);color:var(--porcelain)}.speech-alternative{margin:16px 0}.speech-alternative summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--forest)}.speech-practice-controls{margin:6px 0 12px}.dialogue-turn,.heard-transcript,.answer-feedback{padding:20px;background:#eae5d970;border:1px solid #82917b35;border-radius:12px;margin:20px 0}.dialogue-cue,.feedback-phrase{font-size:calc(29px * var(--reading-scale));margin:12px 0}.dialogue-your-turn{margin-top:20px}.heard-transcript h3,.answer-feedback h3{font-size:calc(25px * var(--reading-scale));margin-bottom:12px}.heard-transcript[hidden]{display:none}.transcript-differences{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.transcript-differences .different{border-bottom:2px solid var(--sage);padding:3px}.heard-transcript button{margin-top:14px}.revealed-answer{padding:20px;border-left:3px solid var(--sage);background:#eae5d950;font-size:calc(27px * var(--reading-scale))}.lesson-recording{width:100%;margin-top:12px}.review-frame{max-width:890px;margin:0 auto;min-height:700px}.review-quiet{max-width:590px;margin:75px auto;text-align:center}.review-quiet>.icon{width:75px;height:75px;color:var(--forest);margin-bottom:25px}.review-quiet h2{margin:20px 0}.review-quiet p:last-child{line-height:1.7}
.library-tools{display:flex;align-items:center;gap:15px;padding:10px 18px}.library-tools input{flex:1;min-width:0;min-height:44px;padding:9px 10px;background:transparent;border:0}.library-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.library-tabs .tab{display:flex;align-items:center}.library-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:18px;align-items:start}.library-results,.library-detail{padding:20px}.library-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.library-entry,.library-list-card{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:195px;padding:17px;background:#f7f5f0a0;border:1px solid #82917b40;border-radius:11px;text-align:left}.library-entry h3{font-size:calc(26px * var(--reading-scale));line-height:1.25}.library-entry .eyebrow{letter-spacing:.07em}.entry-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.library-entry.selected{border:2px solid var(--forest);padding:16px;background:#eae5d970}.library-empty{grid-column:1/-1;min-height:180px;padding:35px 15px;line-height:1.7}.library-word{font-size:calc(34px * var(--reading-scale));line-height:1.35;margin:20px 0 12px}.library-gloss{font-size:calc(23px * var(--reading-scale));line-height:1.5}.library-arabic{margin:18px 0}.library-save-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 15px}.library-detail select{max-width:100%;width:100%;margin:8px 0 15px}.library-detail>.button{margin-top:20px}.library-dialogue-turn{border-top:1px solid #82917b35;padding:15px 0;position:relative}.library-dialogue-turn p{margin:10px 0}.library-list-phrase{grid-column:1/-1;text-align:left;background:#f7f5f0cc;border:1px solid #82917b50;border-radius:9px;padding:15px;min-height:55px}
html[data-theme=dark] .lesson-outline [aria-current=step],html[data-theme=dark] .lesson-status,html[data-theme=dark] .exercise-notice,html[data-theme=dark] .library-status{color:var(--ivory)}html[data-theme=dark] .answer-option,html[data-theme=dark] .word-token,html[data-theme=dark] .accent-key,html[data-theme=dark] .exercise-surface textarea,html[data-theme=dark] .library-entry,html[data-theme=dark] .library-list-card,html[data-theme=dark] .library-list-phrase{background:var(--obsidian);color:var(--porcelain)}html[data-theme=dark] .answer-option[aria-pressed=true]{background:var(--forest)}
@media(max-width:1100px){.classroom-layout{grid-template-columns:210px minmax(0,1fr)}.lesson-frame{padding:24px}.library-layout{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}.library-entry-grid{grid-template-columns:1fr}}@media(max-width:800px){.classroom-view .screen-heading,.library-view .screen-heading,.review-view .screen-heading{height:auto;min-height:200px;padding:30px 12px}.classroom-view .screen-heading h1,.library-view .screen-heading h1,.review-view .screen-heading h1{font-size:calc(39px * var(--reading-scale))}.classroom-layout,.library-layout{display:flex;flex-direction:column}.classroom-sidebar{width:100%}.classroom-sidebar .lesson-cover,.classroom-sidebar .lesson-orb,.classroom-sidebar .quiet-quote{display:none}.lesson-outline{display:flex;flex-wrap:wrap;gap:7px}.lesson-outline li{min-height:44px}.lesson-frame{width:100%;min-height:650px;padding:22px 18px}.lesson-body h2{font-size:calc(32px * var(--reading-scale))}.classroom-cognates{grid-template-columns:1fr}.library-tools{flex-wrap:wrap}.library-tools input{width:calc(100% - 50px)}.library-entry-grid{grid-template-columns:1fr 1fr}.library-results,.library-detail{width:100%}.review-quiet{margin:45px auto}.exercise-options{grid-template-columns:1fr}.lesson-summary-facts{grid-template-columns:1fr}}html[data-text-size=largest] .classroom-layout,html[data-text-size=largest] .library-layout{display:flex;flex-direction:column}html[data-text-size=largest] .classroom-sidebar,html[data-text-size=largest] .lesson-frame,html[data-text-size=largest] .library-results,html[data-text-size=largest] .library-detail{width:100%}html[data-text-size=largest] .lesson-outline{display:flex;flex-wrap:wrap}html[data-text-size=largest] .classroom-sidebar .lesson-cover,html[data-text-size=largest] .classroom-sidebar .lesson-orb,html[data-text-size=largest] .classroom-sidebar .quiet-quote{display:none}html[data-text-size=largest] .exercise-options,html[data-text-size=largest] .classroom-cognates,html[data-text-size=largest] .library-entry-grid{grid-template-columns:1fr}

.library-entry-grid{max-height:640px;overflow:auto;padding:3px}.library-entry-grid:focus-within{scroll-margin-top:15px}@media(max-width:800px){.library-entry-grid{max-height:520px;grid-template-columns:1fr}}

.destination-card h3,.destination-card p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.world-about>p{line-height:1.25}.world-facts{margin-top:14px}.experience-card h3{font-size:calc(20px * var(--reading-scale));line-height:1.15}.settings-row{padding:3px;min-height:44px}.settings-row:has(select){padding-block:0}.settings-card{padding:10px 13px}.settings-card-intro{margin-bottom:6px}.sidebar-note{background-position:-24px 10px;padding-top:185px}

.view:has(.classroom-view)>.back-link,.view:has(.review-view)>.back-link,.view:has(.library-view)>.back-link{position:absolute;top:10px;left:22px;z-index:3;border:0;padding:8px;background:#f7f5f099}.repeat-writing{margin:14px 0}.repeat-writing summary{min-height:44px;padding:10px 0;cursor:pointer;color:var(--forest)}.sidebar-note{background-size:145px 165px}@media(max-width:800px){.view:has(.classroom-view)>.back-link,.view:has(.review-view)>.back-link,.view:has(.library-view)>.back-link{position:relative;top:0;left:0}}

.library-tabs{padding:7px 10px}.world-about>p{line-height:1.2}.world-about .panel-heading{margin-bottom:5px}.world-experiences{padding-top:10px}.world-detail .world-facts{margin-top:12px}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:not([data-theme=dark]) .glass:not(.journey-family):not(.conversation-mode){background:linear-gradient(125deg,#f7f5f0e0,#f7f5f0c9)}}



.nav-link>.lumi-text{min-width:0;overflow-wrap:anywhere}html[data-text-size=larger]{--sidebar:180px}html[data-text-size=largest]{--sidebar:220px}html[data-text-size=largest] .screen-heading:before,html[data-text-size=larger] .screen-heading:before{opacity:.2}html[data-text-size=largest] .screen-heading{background:linear-gradient(90deg,#f7f5f0f5,#f7f5f0db)}html[data-theme=dark][data-text-size=largest] .screen-heading{background:var(--obsidian)}

/* A single reference skyline sits over a quiet base, avoiding two visible skylines. */
.screen-heading{background:var(--porcelain)}html[data-theme=dark] .screen-heading{background:var(--obsidian)}html[data-theme=dark] .screen-heading:before{opacity:.25}

html:is([data-text-size=larger],[data-text-size=largest]) .screen-heading{height:auto;min-height:270px}
html:is([data-text-size=larger],[data-text-size=largest]) .progress-journey{height:auto;min-height:300px}
html:is([data-text-size=larger],[data-text-size=largest]) .journey-stage{position:static;margin:20px 0;width:100%;grid-template-columns:1fr 1fr}
html:is([data-text-size=larger],[data-text-size=largest]) .journey-totals{position:static;display:grid;grid-template-columns:1fr 1fr;width:100%;border:0;padding:0;margin-top:20px}
html:is([data-text-size=larger],[data-text-size=largest]) .progress-journey>p:first-of-type,html:is([data-text-size=larger],[data-text-size=largest]) .progress-journey>.meta{max-width:100%}
html:is([data-text-size=larger],[data-text-size=largest]) .progress-journey>.progress-track{width:100%;margin:20px 0 12px}

.qa-label{position:fixed;right:14px;bottom:10px;z-index:20;padding:7px 12px;border:1px solid var(--forest);border-radius:20px;background:var(--porcelain);color:var(--forest);font:13pt/1.2 system-ui;pointer-events:none}

@media(min-width:801px) and (max-width:1100px){:root{--sidebar:162px}}

/* Follow-up to the Veya visual critique: full captions and distinct outer materials. */
.worlds-board{align-items:start}.destination-card>h3{font-size:1rem;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip;min-height:28px;padding:5px 7px 2px}.destination-card>p{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2;min-height:48px;padding:0 7px 7px}.destination-card>img{height:80px}.world-destinations{min-height:0;padding:12px}.world-destinations>.panel-heading{margin-bottom:6px}.world-moments{min-height:0;padding:10px 12px}.world-moments>.panel-heading{margin-bottom:6px}.world-moment{min-height:56px;padding:6px}.home-note.is-empty p{font-family:Baskerville,'Times New Roman',serif;line-height:1.35}.glass{border-color:#f7f5f08c;box-shadow:inset 0 1px 0 #f7f5f0b0,0 6px 18px #171c1b14}

.home-note.has-note>p:first-of-type{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.home-note.has-note>.meta{font-family:Baskerville,'Times New Roman',serif;line-height:1.2;margin-top:7px}.home-note.has-note .note-link{margin-top:5px}

@media(max-width:1100px){.screen-heading:before,.home-welcome:after{display:none}}

.data-recovery{margin-top:100px;padding:32px;max-width:900px}.data-recovery p{margin:24px 0;line-height:1.6}

/* Text-free scenery banners; every heading, note and control remains live HTML. */
.screen-heading{position:relative;isolation:isolate;background-color:var(--porcelain);background-image:linear-gradient(90deg,#f7f5f0eb 0%,#f7f5f0dc 50%,transparent 74%),var(--scene-url,none);background-position:center;background-size:cover;background-repeat:no-repeat}
.layout[data-route=journey] .screen-heading,.layout[data-route=lumi] .screen-heading,.layout[data-route=classroom] .screen-heading,.layout[data-route=library] .screen-heading,.layout[data-route=review] .screen-heading{--scene-url:url('../assets/reference/header-lumi-clean.jpg')}
.layout[data-route=worlds] .screen-heading,.layout[data-route=languages] .screen-heading,.layout[data-route=settings] .screen-heading,.layout[data-route=personal] .screen-heading,.layout[data-route=ahmed] .screen-heading{--scene-url:url('../assets/reference/header-worlds-clean.jpg')}
.layout[data-route=notebook] .screen-heading{--scene-url:url('../assets/reference/header-notebook-clean.jpg')}.layout[data-route=progress] .screen-heading{--scene-url:url('../assets/reference/header-progress-clean.jpg')}
html:is([data-text-size=larger],[data-text-size=largest]) .screen-heading{background-image:linear-gradient(#f7f5f0de,#f7f5f0de),var(--scene-url,none)}
html[data-theme=dark] .screen-heading{background-color:var(--obsidian);background-image:linear-gradient(#171c1bba,#171c1bba),var(--scene-url,none)}
@media(max-width:1100px){.screen-heading{background-image:linear-gradient(#f7f5f0c9,#f7f5f0c9),var(--scene-url,none)}html[data-theme=dark] .screen-heading{background-image:linear-gradient(#171c1bcc,#171c1bcc),var(--scene-url,none)}}

/* Home reference details: measured card proportions and live vector ornaments. */
@media(min-width:1101px){.home-middle-row{grid-template-columns:1.057fr 1fr}.home-bottom-row{grid-template-columns:1.21fr 1fr 1.006fr}}
.home-welcome h1>.icon{width:56px;height:56px;margin-left:17px;vertical-align:top;transform:translateY(-12px) rotate(-8deg);color:var(--champagne);stroke-width:1}
.home-board .panel-heading h2{font-size:calc(18px * var(--reading-scale));font-weight:600}.home-note h2{font-weight:400}.home-note .note-link{font-family:Baskerville,'Times New Roman',serif}
.home-today .today-row>.icon:last-child{width:27px;height:27px;padding:7px;border-radius:50%;background:#f7f5f0dd;color:var(--forest);fill:currentColor;stroke-width:.7}.home-today .today-row:nth-of-type(2)>.icon:first-child{background:#c5ad8533}.home-today .today-row:nth-of-type(3)>.icon:first-child{background:#eae5d9a0;color:var(--obsidian)}
.home-lumi .presence-orb{height:155px}.home-languages .flag{font-size:calc(32px * var(--reading-scale))}
html:not([data-theme=dark]) .home-board .glass{background:linear-gradient(125deg,#f7f5f0eb,#eae5d9de)}
html[data-text-size=largest] .home-lumi .presence-orb{height:220px}

/* Keep the reference's complete course and place grids inside the landscape viewport. */
.language-name{display:flex;align-items:center;gap:8px}.language-name>.flag{font-size:26px;line-height:1}.language-card-copy>strong{font-size:calc(18px * var(--reading-scale))}.language-card-copy>.lumi-text:not(strong){margin-left:34px}.language-overview .pack-facts strong{font-size:calc(18px * var(--reading-scale));white-space:nowrap}.language-overview .pack-facts{margin-top:12px}.language-overview .pack-facts>p{gap:2px 5px;padding:7px 5px}.experience-card h3{font-size:calc(18px * var(--reading-scale));line-height:1.15;padding:6px 5px 8px}.home-lumi h2,.home-lumi>p{text-align:left;margin-left:20px}.next-body{grid-template-columns:35% minmax(0,1fr)}
html:is([data-text-size=larger],[data-text-size=largest]) .language-overview .pack-facts strong{white-space:normal}

.language-cards{margin-top:20px}.language-card-copy{padding:8px 9px}.language-name>.flag{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;flex-shrink:0}.language-card-copy :lang(ar){line-height:1.1!important}
.language-why{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:8px;padding:12px}.language-why>.panel-heading{grid-column:1;grid-row:1;margin:0}.language-why .why-reasons{grid-column:1;grid-row:2;margin:0;gap:8px}.language-why>.quiet-quote{grid-column:2;grid-row:1/3;margin:0;padding:10px;display:flex;align-items:center;border:0;border-radius:9px;background:linear-gradient(90deg,#f7f5f0ed,#f7f5f0c9),url('../assets/reference/header-worlds-clean.jpg') right center/cover}
.world-moment{min-width:158px}.world-moment>span{min-width:0}.world-moment>span>span{line-height:1.1}
@media(max-width:1100px){.language-why{display:block}.language-why>.quiet-quote{margin-top:12px}.world-moment{min-width:170px}}
html:is([data-text-size=larger],[data-text-size=largest]) .language-why{display:block}html:is([data-text-size=larger],[data-text-size=largest]) .language-why>.quiet-quote{margin-top:12px}

/* Settings retains live controls while matching the reference's compact card hierarchy. */
.settings-card .panel-heading>.icon{width:30px;height:30px;padding:6px}.settings-card h2{font-size:calc(18px * var(--reading-scale));font-weight:500}.settings-card-intro{margin-left:40px}.settings-profile-card{position:relative}.settings-profile h3{font-size:calc(24px * var(--reading-scale))}.settings-profile-card details:not([open])>summary{position:absolute;right:13px;top:77px;padding:5px 8px;border:1px solid #c5ad8540;border-radius:20px;background:#f7f5f0b0}.settings-profile-card details[open]{margin-top:10px}.theme-choices{padding-top:7px;padding-bottom:4px}.theme-choice>img{height:54px}.theme-choice>span{min-height:27px;padding:3px}.settings-card .panel-heading>.icon-button{margin-left:auto;border:0;flex-shrink:0}
@media(max-width:1100px){.settings-profile-card details:not([open])>summary{position:static;width:max-content}}html:is([data-text-size=larger],[data-text-size=largest]) .settings-profile-card details:not([open])>summary{position:static;width:max-content}

/* Live authored example text on warm paper, with reference-only decorative crops. */
.notebook-paper:before{left:-15px;top:35px;width:34px;background:url('../assets/notebook-rings.svg') center top/34px 64px repeat-y}.example-sheet{background:repeating-linear-gradient(#eae5d9 0 53px,#c5ad8540 54px,#eae5d9 55px)}.example-handwriting,.example-page-phrases span{font-family:Noteworthy,'Bradley Hand',cursive;font-weight:300}.example-page-phrases{width:58%;margin-top:18px}.example-page-phrases>div{min-height:44px;gap:12px}.example-page-phrases>div>p{flex:1}.example-page-phrases .example-equals{flex:0 0 12px}.example-page-phrases .example-meaning{flex:1;max-width:48%}.example-page-photo{width:37%;height:215px}.example-page-notes{clear:both;display:grid;grid-template-columns:.8fr 1fr;gap:24px;align-items:start;margin-top:24px}.example-page-sketch{width:100%;max-height:210px;object-fit:contain;mix-blend-mode:multiply}.example-page-notes h3{margin-top:0}.example-page-notes .example-handwriting{font-size:calc(22px * var(--reading-scale))!important}.example-page-notes .button{margin-top:12px}
@media(max-width:1100px){.example-page-phrases{width:100%}.example-page-photo{height:150px}.example-page-notes{grid-template-columns:1fr}}html:is([data-text-size=larger],[data-text-size=largest]) .example-page-phrases{width:100%}html:is([data-text-size=larger],[data-text-size=largest]) .example-page-notes{grid-template-columns:1fr}

/* Keep the complete example and live Personal controls inside their cards. */
.example-sheet{padding-top:10px}.example-sheet h2{margin-bottom:12px}.example-page-phrases{margin-top:8px}.example-page-notes{margin-top:16px}
@media(min-width:1101px){html:not([data-text-size=larger]):not([data-text-size=largest]) .personal-companion-body{gap:8px}html:not([data-text-size=larger]):not([data-text-size=largest]) .personal-orb{width:122px;height:122px}html:not([data-text-size=larger]):not([data-text-size=largest]) .companion-shortcuts{margin-top:6px;gap:4px}html:not([data-text-size=larger]):not([data-text-size=largest]) .companion-shortcuts>a{padding:5px 2px;gap:4px}html:not([data-text-size=larger]):not([data-text-size=largest]) .personal-content-card img{height:118px}.reports-view .screen-heading{height:150px}.reports-view .screen-heading>p:last-of-type{max-width:450px}.report-dates{top:90px}}
.report-cover h3{font-size:calc(20px * var(--reading-scale));overflow-wrap:normal;hyphens:auto}.cover-kicker{margin-top:25px}

@media(min-width:1101px){.personal-board{grid-template-rows:328px 276px minmax(148px,auto)}.personal-quick{transform:none}}

.report-cover .cover-wordmark,.report-cover .cover-kicker{position:relative;z-index:1}.report-cover .cover-art{z-index:0}
html:is([data-text-size=larger],[data-text-size=largest]) .reports-view .screen-heading{padding-top:58px}html:is([data-text-size=larger],[data-text-size=largest]) .report-dates{max-width:100%;gap:8px}html:is([data-text-size=larger],[data-text-size=largest]) .report-dates input{width:180px}

@media(max-width:1100px){html[data-text-size=largest] .report-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Supplemental readings use the Library's live panels and accessibility minimums. */
.reading-detail>h2{font-size:calc(30px * var(--reading-scale));margin:10px 0}.reading-segment{padding:16px 0;border-bottom:1px solid #c5ad8550}.reading-spanish{font-size:calc(22px * var(--reading-scale));line-height:1.5}.reading-line-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reading-meaning summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.reading-reference{background:#82917b20;border-radius:10px;padding-inline:10px}.reading-detail>h3{margin:26px 0 10px}.reading-question{min-width:0;border:1px solid #82917b55;border-radius:12px;padding:12px;margin:18px 0}.reading-question legend{padding:0 8px;max-width:100%}.reading-options{display:grid;gap:8px}.reading-options button{text-align:left;white-space:normal;padding:12px;min-height:44px;font-size:1rem}.reading-options [aria-pressed=true]{outline:2px solid var(--forest)}.reading-feedback{margin-top:12px;line-height:1.5}.reading-transfer{border-top:1px solid #82917b66;padding-top:20px;margin-top:24px}.reading-transfer li{margin:12px 0;line-height:1.4}.reading-transfer>.button,.reading-transfer>.plain-button{margin:8px 4px}.reading-detail .library-arabic[hidden]{display:none}.readings-view .library-entry{text-decoration:none;color:inherit}

.readings-view .library-layout{grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);margin-top:18px}.readings-view .library-tools select{max-width:280px;min-width:0;min-height:44px;padding:8px}.readings-view .library-results{max-height:70vh;overflow:auto}.readings-view .library-entry-grid{grid-template-columns:1fr}.readings-view .library-entry{min-height:150px}.readings-view .library-tools{flex-wrap:wrap}
@media(max-width:800px){.readings-view .library-detail{order:-1}.readings-view .library-tools select{max-width:100%}.readings-view .library-results{max-height:500px}}
html:is([data-text-size=larger],[data-text-size=largest]) .readings-view .library-layout{display:flex;flex-direction:column}html:is([data-text-size=larger],[data-text-size=largest]) .readings-view .library-detail{order:-1;width:100%}html:is([data-text-size=larger],[data-text-size=largest]) .readings-view .library-results{width:100%}

.readings-view .library-tools select{height:44px;appearance:none;background:var(--porcelain);border:1px solid #82917b80;border-radius:9px;padding-right:14px}.readings-view .library-entry-grid{max-height:none;overflow:visible}
@media(max-width:1100px){.readings-view .library-tools{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px}.readings-view .library-tools input{width:100%;grid-column:2}.readings-view .library-tools select,.readings-view .library-tools>a{grid-column:1/-1;max-width:100%;width:100%}}
.reading-options button{background:var(--porcelain);color:var(--obsidian);border:1px solid #82917b66;border-radius:10px}.reading-options button[aria-pressed=true]{background:var(--ivory)}

/* Home reference details: live, correctly routed notebook cards and distinct place imagery. */
.home-notebook .notebook-shortcuts{gap:5px}.home-notebook .notebook-shortcut{justify-content:flex-start;gap:8px;padding:2px 6px;border:1px solid #c5ad8538;border-radius:9px;background:#f7f5f070}.home-notebook .notebook-shortcut>.icon{width:29px;height:36px;padding:5px;border-radius:8px;background:#82917b33}.home-notebook .notebook-shortcut:nth-child(2)>.icon{background:#c5ad8538}.home-notebook .notebook-shortcut:nth-child(3)>.icon{background:#354a3f20}.notebook-shortcut-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.notebook-shortcut-copy>strong,.notebook-shortcut-copy>span{font-size:1rem;line-height:1.05}.home-languages{padding:8px 12px}.home-languages .language-row{min-height:44px}.home-journey .level-label{height:68px;background:linear-gradient(#f7f5f09c,#f7f5f057 65%,transparent)}.home-journey .level-tile.current .level-label{color:var(--porcelain);background:linear-gradient(#354a3fe8,#354a3fb8 65%,transparent)}
html[data-theme=dark] .home-notebook .notebook-shortcut{background:#354a3f70}html[data-theme=dark] .home-journey .level-label{color:var(--obsidian)}
.home-notebook{padding:10px 14px}.home-notebook>.panel-heading{margin-bottom:4px}.home-notebook>p:not(.draft-caption){line-height:1.2}.home-notebook .notebook-preview{height:auto;min-height:136px;margin-top:6px}.home-notebook .notebook-photo{height:136px}.home-notebook .notebook-shortcuts{gap:2px;min-height:136px}html[data-text-size=larger] .home-notebook{height:auto;min-height:215px}
/* Ahmed's November 5 changes: a Home Heritage entry, notes only in his Corner. */
.home-heritage{grid-column:3;grid-row:1;align-self:end;padding:12px;position:relative;z-index:1}.home-heritage h2{font-size:calc(23px * var(--reading-scale));line-height:1.15}.home-heritage-words{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:8px 0}.heritage-word{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #82917b55;border-radius:9px;background:#f7f5f080}.home-heritage .small-action{white-space:normal;line-height:1.15;margin:0;font-size:1rem}.notebook-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;margin:8px 0 12px}.notebook-actions .notebook-save-status{margin:0;flex:1;min-width:200px}.notebook-pages-dialog{width:min(860px,94vw);max-height:90dvh;overflow:auto;border:1px solid var(--sage);border-radius:16px;background:var(--porcelain);color:var(--obsidian);padding:24px}.notebook-pages-dialog::backdrop{background:#171c1b70}.notebook-pages-dialog>.field{margin:20px 0}.notebook-dialog-actions,.notebook-page-search{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.notebook-page-search input{flex:1;min-width:180px;min-height:44px;padding:9px 12px;border:1px solid var(--sage);border-radius:9px}.notebook-page-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.notebook-page-card{display:flex;flex-direction:column;gap:9px;min-width:0;text-align:left;padding:18px;border:1px solid #82917b66;border-radius:12px;background:var(--ivory);overflow-wrap:anywhere}.notebook-page-card h3{font-size:calc(24px * var(--reading-scale));line-height:1.2}.notebook-page-card .small-action{margin:0;margin-top:auto}.notebook-page-card p{white-space:pre-wrap}.notebook-page-card>.icon{color:var(--forest)}html[data-theme=dark] .home-heritage,html[data-theme=dark] .notebook-pages-dialog{background:var(--obsidian);color:var(--porcelain)}html[data-theme=dark] .heritage-word,html[data-theme=dark] .notebook-page-card{background:var(--forest);color:var(--porcelain)}@media(max-width:1100px){.home-heritage{grid-column:2;grid-row:1;align-self:center}}@media(max-width:700px){.home-heritage{grid-column:auto;grid-row:auto}.notebook-page-cards{grid-template-columns:1fr}}html[data-text-size=largest] .home-heritage{grid-column:auto;grid-row:auto}html[data-text-size=largest] .notebook-page-cards{grid-template-columns:1fr}

.library-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.library-pagination:empty{display:none}.library-pagination .plain-button{padding:8px 12px}.library-pagination>.meta{text-align:center}.library-results>header h2:focus{outline:none}

.startup-view{margin-top:100px;min-height:240px;display:flex;align-items:center;justify-content:center;padding:28px}.startup-view h1{font-size:calc(30px * var(--reading-scale));text-align:center}

.library-tools select{min-height:44px;max-width:245px;min-width:0}.heritage-origin-note{margin:12px 0;line-height:1.5}@media(max-width:800px){.library-tools select{width:100%;max-width:100%}}

/* Optional first-opening welcome, requested by Ahmed, 7 November. */
.welcome-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--sage,#82917B);border-radius:28px;background:#F7F5F0;color:#171C1B;overflow:auto;box-shadow:0 24px 90px #171c1b38}
.welcome-dialog::backdrop{background:#171c1b65;backdrop-filter:blur(10px)}
.welcome-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px}.welcome-top p{margin:0}.welcome-art{display:block;width:100%;height:170px;object-fit:cover;object-position:center 48%}
.welcome-copy{padding:24px 36px 8px}.welcome-copy h2{font:400 clamp(32px,4vw,48px)/1.12 Georgia,serif;margin:10px 0 20px}.welcome-copy p{line-height:1.55;margin:12px 0;max-width:65ch}.welcome-promises{display:flex;flex-wrap:wrap;gap:4px 24px;color:#354A3F}.welcome-promises p{margin:4px 0}.welcome-words{display:flex;flex-wrap:wrap;gap:10px}.welcome-words button{font-family:Georgia,serif}.welcome-footer{padding:14px 36px 28px;border-top:1px solid #82917b40}.welcome-footer .meta{margin:0 0 12px}.welcome-navigation{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px}.welcome-status{padding:0 36px;line-height:1.5}.welcome-status:empty{display:none}.welcome-reopen{display:inline-flex;align-items:center;gap:8px;min-height:44px}.welcome-notice{position:fixed;bottom:12px;left:12px;right:12px;padding:16px;z-index:110;color:#171C1B}
@media(max-width:600px){.welcome-top{padding:12px 20px}.welcome-art{height:120px}.welcome-copy{padding:20px}.welcome-footer{padding:16px 20px 24px}.welcome-status{padding:0 20px}.welcome-navigation{justify-content:stretch}.welcome-navigation button{flex:1}.welcome-promises{display:block}}
@media(prefers-reduced-motion:reduce){.welcome-dialog{scroll-behavior:auto}}

.welcome-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.welcome-topics button{justify-content:flex-start;text-align:left;border:1px solid #82917b55;border-radius:12px;padding:10px 14px;min-height:44px}@media(max-width:600px){.welcome-topics{grid-template-columns:1fr}}
/* Keep the way into Spanish and Close available while guide text scrolls. */
.welcome-dialog[open]{display:flex;flex-direction:column}.welcome-top,.welcome-art,.welcome-footer,.welcome-status{flex-shrink:0}.welcome-copy{min-height:0;overflow:auto;overscroll-behavior:contain}.welcome-footer{background:#F7F5F0}