/* Grachi identity. Existing account IDs, data keys and study behaviour are unchanged. */
:root,body[data-student-design=explorer],body[data-student-design=studio]{--ink:#182441;--green:#176b76;--paper:#faf8f1;--line:#d9e2e5;--muted:#5a6879;--yellow:#ffe3a0}
body{background:var(--paper)}body[data-role=parent],body[data-role=admin]{background:#f5f7fa}
header .brand{flex-shrink:0;line-height:0;gap:0;letter-spacing:normal}header .grachi-logo{display:block;width:204px;height:auto;max-width:100%}
.primary{background:#176b76;border-color:#176b76;color:white}.primary:hover{background:#11535c;border-color:#11535c;color:white}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#176b76}
.student-switch,.report-pill,.active-student,.activity-icon,.install-banner,.offline-status{background:#e5f0f1;color:#174a55;border-color:#bed8dc}
.math,.puzzle-card{background:#edf5f5}.reading,.bonus-card,.learning-banner{background:#fff4d9}
body[data-student-design=studio]{--paper:#f6f7fb;background:var(--paper)}body[data-student-design=explorer]{background:#f4f8f9}
.study-focus{background:#fafbfc}.study-focus header .grachi-logo{width:145px}.study-focus .session .question{background:white}
.ls-public-home header{padding-top:16px;padding-bottom:16px}.ls-public-home header .grachi-logo{width:212px}
.ls-public-home #studentButton{color:#176b76;border-color:#bed8dc;background:#fffdf8}
#lsLanding .ls-hero{gap:54px}#lsLanding h1{font-size:clamp(52px,6.3vw,80px);max-width:650px}
#lsLanding .ls-hero-art{padding-top:175px}.grachi-welcome{position:absolute;z-index:3;width:225px;height:auto;right:15px;top:-8px;pointer-events:none}
#lsLanding .ls-float-note{top:110px;left:0;right:auto;background:#fff0c4;color:#71521b;transform:rotate(-4deg)}
#lsLanding .ls-orbit{background:radial-gradient(ellipse at center,#e3f0f1 20%,#e3f0f100 68%)}
#lsLanding .ls-day-progress>span,#lsLanding .ls-report-bar span:first-child{background:#2c7b87}
#lsLanding .ls-step-no{color:#8c6416}#lsLanding .ls-parent-section{background:#182441}
#lsLanding .ls-footer-brand{display:block;max-width:230px}#lsLanding .ls-footer-brand .grachi-logo{display:block;width:230px;max-width:100%;height:auto}
@media(max-width:1000px){header .grachi-logo{width:180px}#lsLanding .ls-hero{gap:30px}.ls-public-home header .grachi-logo{width:190px}}
@media(max-width:760px){.ls-public-home header .grachi-logo{width:170px}#lsLanding .ls-hero-art{padding-top:160px;margin-top:0}.grachi-welcome{width:205px;top:-10px;right:5px}#lsLanding .ls-float-note{top:100px;left:-5px}header .grachi-logo{width:180px}.study-focus header .grachi-logo{width:130px}}
@media(max-width:370px){.ls-public-home header{padding:12px 18px}.ls-public-home header .grachi-logo{width:146px}#lsLanding h1{font-size:44px!important}#lsLanding .ls-hero-art{padding-top:140px}.grachi-welcome{width:185px}#lsLanding .ls-float-note{top:85px;max-width:130px}}
@media print{.grachi-welcome{display:none!important}}
body.ls-public-home{background:#faf8f1;--paper:#faf8f1}
@media(min-width:761px) and (max-width:1000px){#lsLanding .ls-hero h1{font-size:50px!important}}

/* Keep public navigation readable with the story link on small screens. */
@media(max-width:1000px){.ls-public-home header .ls-public-nav{gap:18px}}
@media(max-width:760px){.ls-public-home header .ls-public-nav{flex-wrap:wrap;gap:8px 20px}}
@media(max-width:370px){.ls-public-nav a{font-size:11px}.ls-public-home header .ls-public-nav{gap:8px 15px}}