/* The learning atelier: ink green, glazed tiles, warm paper. */
:root{--reading-size:16px;--atelier:#133e3c;--atelier-soft:#e6efea;--orange:#c85b35}
html{scroll-behavior:smooth}body{font-size:var(--reading-size)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #b65227;outline-offset:4px}button:disabled{cursor:not-allowed}a{color:inherit}input,select,textarea{font:inherit;max-width:100%}h1,h2,h3{text-wrap:balance}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body[data-studio]{--paper:#f5f4ee;--card:#fffefa;--ink:#173d3a;--ink-soft:#526962;--pen:#176b63;--pen-soft:#e2eee6;--line:#d7dfd5;--red:#a03924;--red-soft:#fff0e9;--green:#256a42;--green-soft:#edf5e8;--hl:#eed091;--hl-soft:#fff3d4;background:#f5f4ee;color:#173d3a;color-scheme:light;background-image:none}
.studio-nav{max-width:1320px;margin:auto;padding:22px 34px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #d8ddd4;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 27px var(--display);line-height:1.2}.brand small{display:block;font:11px var(--body);color:#64756b;margin-top:7px}.brand-symbol{display:grid;place-items:center;background:#153e3a;color:#faefcd;width:43px;height:49px;border-radius:11px 11px 18px 4px}.studio-nav nav{display:flex;gap:28px}.studio-nav nav a{text-decoration:none;font-size:13px;font-weight:500;border-bottom:2px solid transparent;padding:12px 0}.studio-nav nav a:hover{border-color:#c45c37}.preferences{font-size:12px;position:relative}.preferences summary{cursor:pointer;padding:10px 16px;border:1px solid #a8b8ac;border-radius:30px;list-style:none}.preferences>div{position:absolute;left:0;top:50px;min-width:240px;background:#fffefa;border:1px solid #cad8cc;border-radius:16px;box-shadow:0 12px 40px #163d3a22;padding:20px}.preferences label{display:block;margin-bottom:10px}.preferences select{width:100%;padding:6px}.preferences p{font-size:11px;color:#586b5d}.studio-main{max-width:1240px;padding:0 32px;margin:auto}.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:465px;padding:52px 0 40px;gap:48px}.eyebrow{font:500 12px var(--body);letter-spacing:0;color:var(--ink-soft);margin-bottom:12px}.live-dot{display:inline-block;width:7px;height:7px;background:#c15c3a;border-radius:50%;margin-left:7px}.welcome h1{font:800 clamp(48px,6vw,80px)/1.14 var(--display);margin:18px 0;color:#133e3c;letter-spacing:-1.8px}.welcome h1 span{color:#b65332}.welcome-copy>p{font-size:17px;line-height:1.9;color:#53675b}.primary-link{display:inline-flex;gap:38px;align-items:center;padding:15px 26px;background:#163e3b;color:white;border-radius:10px;text-decoration:none;font-size:14px;margin-top:13px;box-shadow:0 5px 0 #cdd8c9;transition:transform .18s}.primary-link:hover{transform:translateY(-3px)}.primary-link span{font-size:23px}.next-label{max-width:340px;font-size:11px;color:#5b6e60;margin-top:16px}.welcome-art{height:365px;position:relative;isolation:isolate}.book-scene{position:absolute;inset:55px 36px 30px 28px;background:#e7cf9e;border-radius:120px 120px 28px 28px;overflow:hidden;transform:rotate(-5deg);box-shadow:14px 17px 0 #dfd9c6,20px 23px 0 #143d3a12;border:8px solid #fffcf1}.book-scene svg{width:100%;height:100%;object-fit:cover}.art-mascot{position:absolute;bottom:0;left:0;filter:drop-shadow(0 10px 8px #30483b22);transform:rotate(7deg)}.floating-note{position:absolute;z-index:3;background:#fffef5;border:1px solid #d4cdb9;border-radius:9px;padding:12px 18px;box-shadow:0 5px 18px #4153480b;font-weight:600}.fn1{top:5px;right:18px;font:23px Georgia;transform:rotate(6deg)}.fn2{bottom:6px;right:40px;font:500 13px var(--body);transform:rotate(3deg);background:#f6db9e}.compass-star{position:absolute;left:13px;top:20px;color:#c1683c;font-size:56px}.orbit{position:absolute;border:1px dashed #b5c2b0;border-radius:50%;inset:20px -20px;transform:rotate(20deg);z-index:-1}.o2{inset:45px -40px;transform:rotate(-20deg)}
.today-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-block:1px solid #d4ddd1;padding:22px 0;margin-bottom:48px;gap:24px}.today-strip>div,.today-strip>a{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #d4ddd1;padding-left:20px}.today-strip>:last-child{border:0}.today-strip strong{font:700 28px var(--display);line-height:1.3}.today-strip strong small{font:12px var(--body);color:#6a796b}.today-strip span{font-size:11px;color:#63745f}.today-strip a{font-size:12px;text-decoration:none;gap:8px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 22px}.section-heading h2,.tool-shelf h2{font:700 30px var(--display);margin:0}.section-heading>a{font-size:12px;text-underline-offset:6px}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.world{background:#fffdf5;border:1px solid #d4ddce;border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s;min-width:0}.world:hover{transform:translateY(-6px);box-shadow:0 12px 25px #1f423c12}.world-art{height:156px;position:relative;overflow:hidden;background:#dbe7df}.world-art svg{width:100%;height:100%}.world-count{position:absolute;top:12px;right:12px;background:#fffcf0e8;padding:4px 9px;border-radius:20px;font-size:10px}.world-copy{padding:18px}.world-copy small{font-size:10px;color:#647562}.world h3{font:700 26px var(--display);margin:7px 0}.world p{font-size:11px;line-height:1.9;min-height:42px;color:#586b5c;margin:4px 0 20px}.world-progress{height:4px;background:#e8eee2;border-radius:5px;overflow:hidden}.world-progress span{display:block;height:100%;background:#3c7d64}.world-foot{display:flex;justify-content:space-between;font-size:10px;gap:8px;margin-top:12px}.world-foot span{color:#6c7769}.ochre .world-art{background:#edd7ab}.rose .world-art{background:#ead1bc}.blue .world-art{background:#ccdde5}.tool-shelf{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:24px;align-items:center;border-block:1px solid #d4ddd1;margin-top:46px;padding:30px 0}.tool-shelf a{display:grid;grid-template-columns:28px 1fr;gap:3px 10px;text-decoration:none}.tool-shelf a>b{grid-row:span 2;color:#b76b46;font:20px Georgia}.tool-shelf strong{font-size:14px}.tool-shelf span{font-size:11px;color:#647461}.studio-footer{display:flex;justify-content:space-between;gap:24px;padding:30px 0;font-size:11px;color:#667464}.studio-footer>div{display:flex;gap:18px;flex-wrap:wrap}.studio-footer a{text-decoration:none}
.page-heading{padding:40px 0 20px}.page-heading h1{font:700 44px var(--display);margin:0}.search-field{width:100%;padding:16px 20px;border:1px solid #a9bdac;border-radius:12px;background:#fffef7;font-size:18px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filter-btn{border:1px solid #d0dacf;background:transparent;padding:9px 14px;border-radius:30px;color:#153e3a;font:12px var(--body);cursor:pointer}.filter-btn[aria-pressed=true]{background:#173f3a;color:white}.catalog-row{display:flex;justify-content:space-between;align-items:center;gap:20px;text-decoration:none;padding:20px 0;border-bottom:1px solid #d3ddd0}.catalog-row strong,.catalog-row small{display:block}.catalog-row small{font-size:10px;color:#6b7766;margin-bottom:7px}.catalog-row strong{font-size:16px}.catalog-row>span:last-child{font-size:12px;white-space:nowrap}.empty-state{padding:40px;background:#e9efe4;border-radius:16px}.hub-landscape{height:210px;overflow:hidden;border-radius:20px;margin-bottom:25px}.hub-landscape>svg{width:100%;height:100%}body[data-studio=hub]>.wrap{max-width:1080px}body[data-studio=hub] .stage{background:transparent;border:0;box-shadow:none}body[data-studio=hub] .lesson-row{padding:15px;background:#fffdf7;margin-block:7px;border:1px solid #d7dfd0;border-radius:12px}body[data-studio=hub] .unit{border:0;background:transparent;padding:0;margin-bottom:28px}body[data-studio=hub] .ubanner{height:140px}
body[data-studio=lesson] .wrap{max-width:1060px}body[data-studio=lesson] .stage{background:#fffefa;border:1px solid #dde3d5;box-shadow:0 10px 45px #26473409;border-radius:22px;padding:28px 38px}body[data-studio=lesson] .top{background:#f5f4eef2;backdrop-filter:blur(12px)}body[data-studio=lesson] .sheet{box-shadow:none}body[data-studio=lesson] .btn{background:#17655c;color:white;border-color:#17655c;border-radius:10px}body[data-studio=lesson] .btn.ghost{background:transparent;color:#21584c}body[data-studio=lesson] .story{border-radius:20px;overflow:hidden}.lesson-context{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #dce3d5;padding-bottom:12px;margin-bottom:24px;font-size:11px;color:#6d7b68}.text-button{background:none;border:0;color:#2d6255;text-decoration:underline;font:inherit;cursor:pointer}.lesson-focus .toolbar,.lesson-focus .crumbs,.lesson-focus .buddy{display:none}.feedback-next{display:block;margin-top:15px}.scratchpad{border-top:1px dashed #b7c9b5;margin-top:28px;padding-top:15px;color:#596c59;font-size:13px}.scratchpad summary{cursor:pointer}.scratchpad textarea{display:block;width:100%;min-height:135px;background:repeating-linear-gradient(#fffdf5 0 28px,#dfe8d7 28px 29px);border:1px solid #c5d2bd;line-height:29px;padding:8px;border-radius:8px;margin-top:8px}.lab-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(175px,1fr);gap:25px;align-items:center}.lab-canvas{min-height:260px;border-radius:18px;background:#f0f4e9;overflow:hidden;padding:12px}.lab-svg{width:100%;height:auto;max-height:320px;display:block}.lab-controls{display:flex;flex-direction:column;gap:10px}.lab-controls input{width:100%;accent-color:#c25e38;direction:ltr;min-height:35px}.range-label{font-size:13px;display:flex;justify-content:space-between;gap:12px}.range-label output{background:#e6eee1;padding:0 8px;border-radius:6px;direction:ltr}.lab-readout{margin:16px 0;padding:14px 18px;border-right:3px solid #c47445;background:#faf0db;font-size:14px}.lab-question{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:15px 0}.lab-question label{flex-basis:100%;font-weight:500}.lab-question input{min-width:100px}.lab-prompt{max-width:70ch}.formula-big{font:40px Georgia;text-align:center;padding:40px 0}.sentence-target{min-height:95px;border:2px dashed #b1c6ae;border-radius:12px;padding:16px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.word-pool{display:flex;gap:8px;flex-wrap:wrap}.word-piece{padding:9px 13px;background:#fffef7;border:1px solid #aabc9c;border-radius:8px;box-shadow:0 3px #ccdac3;font-size:17px;cursor:pointer}.arabic-specimen{font:700 35px/2 var(--display);text-align:center;padding:25px 0}.word-feature{text-align:center;background:#ebcf91;padding:14px;font:700 24px var(--display);border-radius:10px;max-width:240px;margin:auto}.lab-options{display:grid;gap:8px}.lab-options .selected{background:#e1eddb;border-color:#256b4c}.exam-config{display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:#e6eee2;padding:22px;border-radius:15px}.exam-config select{padding:8px;background:#fffef8;border:1px solid #aabc9c;border-radius:7px}.exam-top{display:flex;justify-content:space-between;margin:25px 0;padding:12px 18px;background:#153f3a;color:white;border-radius:10px}.exam-paper{background:#fffdf6;border:1px solid #d9dfd0;border-radius:14px;padding:28px;margin-bottom:18px}.exam-paper label{display:block;margin:18px 0 5px}.exam-paper input{max-width:100%;width:250px}.exam-score{padding:30px;background:#e5eedc;border-radius:16px;margin-block:24px}.exam-score strong{font:700 48px var(--display);direction:ltr;display:block}.exam-score a{margin:7px}.offline-panel{padding:35px;background:#e5edde;border-radius:20px;margin-bottom:35px}.studio-main>.code{width:100%;height:110px;display:block;margin:12px 0}
/* Board remains an instrument surface; these rules improve contrast and touch targets. */
.bd .bd-bar button{min-width:38px;min-height:38px}.bd button:focus-visible{outline:3px solid #f3c650;outline-offset:3px}.bd .bd-panel{max-height:75vh;overflow:auto}.cah-bar button,.cah-bar a{min-height:42px}
@media(min-width:1000px){.welcome-copy{padding-right:12px}.world-section{padding-bottom:12px}}
@media(max-width:960px){.studio-nav{padding:18px 24px;gap:16px}.studio-nav nav{gap:16px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{gap:20px}.welcome-art{height:320px}.tool-shelf{grid-template-columns:repeat(3,1fr)}.tool-shelf>div{grid-column:1/-1}.studio-footer{flex-direction:column}.lab-layout{grid-template-columns:1fr}.lab-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center}.lab-controls input{width:100%}}
@media(max-width:600px){.studio-nav{padding:16px;flex-wrap:wrap;gap:14px}.brand{font-size:23px}.brand small{font-size:9px}.studio-nav nav{order:3;width:100%;justify-content:space-between;gap:12px}.studio-nav nav a{padding:3px 0;font-size:12px}.preferences{margin-right:auto}.studio-main{padding-inline:20px}.welcome{grid-template-columns:1fr;padding:30px 0;gap:12px;min-height:auto}.welcome h1{font-size:56px;margin:14px 0}.welcome-copy>p{font-size:14px}.welcome-art{height:260px;max-width:360px;width:100%;margin:auto}.book-scene{inset:28px 32px 20px}.art-mascot svg{width:110px;height:110px}.fn1{font-size:18px;padding:8px 13px}.fn2{font-size:11px;bottom:0}.orbit{inset:20px 0}.today-strip{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px;padding:20px 0}.today-strip>div{padding-bottom:14px}.today-strip>div:nth-child(2){border-left:0}.today-strip a{font-size:11px;border-left:0}.today-strip strong{font-size:25px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:27px}.world-grid{gap:12px}.world-art{height:112px}.world-copy{padding:12px}.world h3{font-size:22px}.world p{font-size:10px;min-height:57px}.world-foot{font-size:9px;flex-direction:column;gap:3px}.world-copy small{font-size:9px}.tool-shelf{grid-template-columns:1fr;gap:20px;margin-top:28px;padding:24px 0}.tool-shelf>div{grid-column:auto}.tool-shelf a{grid-template-columns:35px 1fr auto}.tool-shelf a>span{grid-column:2}.studio-footer{font-size:10px}.studio-footer>div{gap:14px}.page-heading h1{font-size:35px}.catalog-row strong{font-size:14px}.catalog-row{gap:12px}.catalog-row>span:last-child{font-size:10px}body[data-studio=lesson] .stage{padding:20px 16px;border-radius:15px}body[data-studio=lesson] .wrap{padding-inline:12px}.toolbar{gap:6px}.toolbar .chip{font-size:11px;padding:6px 8px}.lesson-context{font-size:10px}.lab-controls{display:flex}.lab-question .ans{width:100%}.lab-canvas{min-height:170px;padding:5px}.lab-readout{font-size:12px}.lab-question{font-size:14px}.word-piece{font-size:14px;padding:8px 10px}.exam-paper{padding:18px}.exam-config{padding:16px;align-items:stretch;flex-direction:column}.hub-landscape{height:150px}.bd .bd-top{max-width:calc(100vw - 20px);overflow:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.world:hover,.primary-link:hover{transform:none}}

.city-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 40px;background:#f4e9d4;border:2px solid #252c32;border-radius:8px;text-decoration:none;color:#252c32;margin:28px 0;box-shadow:7px 7px 0 #e76843}.city-entry span{font-size:13px;font-weight:700}.city-entry h2{font-size:38px;margin:8px 0}.city-entry p{margin:0}.city-entry-art{display:flex;gap:10px;direction:ltr}.city-entry-art i{display:grid;place-items:center;width:68px;height:68px;background:#3154a4;color:white;font:700 28px Georgia;transform:rotate(-10deg);box-shadow:7px 8px 0 #243860}.city-entry-art i:nth-child(2){background:#e76843;transform:rotate(8deg);box-shadow:7px 8px 0 #ad472e}.city-entry-art i:nth-child(3){background:#66866b;box-shadow:7px 8px 0 #405d45}.city-entry:focus-visible{outline:4px solid #3154a4;outline-offset:5px}@media(max-width:700px){.city-entry{flex-wrap:wrap;padding:24px}.city-entry h2{font-size:30px}.city-entry-art i{width:45px;height:45px;font-size:22px}}