/* A softer home for the Tiny Steps Every Day school. */
:root{--ink:#4a4149;--muted:#847983;--purple:#89739f;--line:#eae0dc;--bg:#fbf8f3}
body{background:radial-gradient(ellipse at 90% 0,#f3e9e3 0,transparent 40%),var(--bg);line-height:1.5}
aside{background:#fffdf8;border-color:#ece3dc;padding-top:32px}
.brand{display:flex;align-items:flex-start;gap:10px;font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.05;color:#65516e}.brand i{color:#9b7c95;font-style:italic}.brandmark{color:#b8987d;font:25px Georgia;margin-top:4px}.branddot{color:#ba927a}.tag{letter-spacing:1.9px;font-size:8px;margin-left:30px;margin-top:14px;color:#9c8f88}.navlabel{margin:38px 13px 16px;letter-spacing:1.5px;color:#a49790;font-size:9px}
nav button{border-radius:13px;padding:13px 15px}nav button.active{background:#eee7ee;color:#725e7b}nav button:hover{background:#f4eee8}
.sidebarfoot{font-size:11px;color:#9a8e85;line-height:1.8}.sidebarfoot strong{font-size:12px;color:#857267;font-weight:500}.sidebar-sprout{display:block;color:#a0aa8f;font-size:35px;line-height:1.3;margin-bottom:10px}
main{padding-top:29px}.topbar{gap:15px;flex-wrap:wrap}.switch{background:#fffdf9;border-color:var(--line);border-radius:12px}.switch .on{background:#ece4ee;color:#755d83}.demo{font-size:10px;line-height:1.7;color:#9b8d87;max-width:760px;margin-bottom:22px}
.hero{background:linear-gradient(110deg,#eee5ed,#f3e7e1);border:1px solid #eadfe3;border-radius:26px;min-height:230px;padding:35px 38px;box-shadow:0 6px 25px #88706206}.eyebrow{color:#9a7b83;font-size:9px;letter-spacing:1.7px}.hero h1{font:400 clamp(29px,3.3vw,42px)/1.16 Georgia,serif;color:#65516b;letter-spacing:-1.1px;max-width:540px;margin:15px 0}.hero p{max-width:475px;font-size:13px;color:#8a7682;line-height:1.9}.hero .orb{right:39px;top:35px;width:150px;height:150px;border:1px dashed #bdacb6;opacity:.8}.orb:before{content:'❋';background:#e0d4dc;color:#fffaf5;font-size:94px;inset:18px;transform:rotate(10deg)}.hero .orb:after{content:'✦';position:absolute;right:-12px;top:2px;color:#bc9c79;font-size:26px;background:#f1e7e4;padding:2px 5px}
.stat{background:#fffdf9;border-color:#eae1d9;border-radius:19px;padding:20px 23px;box-shadow:0 3px 15px #6d514404}.stat strong{color:#8c7396;font:400 33px Georgia;margin-bottom:5px}.stat span{color:#9c8b82;font-size:11px}.stats{margin:22px 0 33px}h2{color:#665667;font-size:20px}.sub{color:#9a898a;line-height:1.7}.primary{background:#8b769c;border-radius:11px;padding:12px 17px}.primary:hover{background:#786287}.outline{background:#fffdf9;color:#887092;border-color:#e8dfe4;border-radius:10px}.outline:hover{background:#f5eef5}.danger{color:#a64c65;border-color:#e8cbd4}.dangerfill{background:#a9506a}.badge{background:#f0e8ee;color:#94768f;border-radius:7px}.avatar{background:#efe2e9;color:#9c758e}
.grid{gap:21px}.card{border-color:#e9e1d8;border-radius:22px;background:#fffdf9;box-shadow:0 4px 20px #785d4d04;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 7px 22px #785d4d0b}.cover{height:112px;background:#e7e8f0;position:relative}.cover:after{content:'✧';position:absolute;right:23px;bottom:15px;font:22px Georgia;color:#fffdf7}.cover.pink{background:#f2e3da}.cover.green{background:#e6ebe0}.cover small{font-size:8px;letter-spacing:1.5px;color:#8b8196}.cover strong{font:400 48px Georgia;color:#aea5bb;opacity:.75}.cover.pink strong{color:#c6a18b}.cover.green strong{color:#a3b192}.cardbody{padding:23px}.card h3{font-size:16px;color:#6c5b6e}.path button{background:#f1eaf0;color:#94758f}.path{font-size:11px;border-color:#efe7df}.path button[disabled]{color:#a99e9e;background:#f8f4ef}.lower{border-radius:20px;background:#fffdf9;border-color:var(--line)}
.daily-moments{display:grid;grid-template-columns:1.1fr 1fr;gap:21px;margin-top:30px}.journey-note{position:relative;display:flex;align-items:center;gap:20px;background:#ecede3;border:1px solid #e1e4d5;border-radius:22px;padding:30px;overflow:hidden}.note-flower{font:58px Georgia;color:#a7ae90;align-self:flex-start;line-height:1.2}.journey-note .eyebrow{color:#8e967c;font-size:8px;letter-spacing:1.3px}.journey-note h2{font:italic 400 clamp(23px,2.2vw,30px)/1.23 Georgia,serif;color:#6f785d;margin:14px 0}.journey-note p{color:#969c85;font-size:11px;line-height:1.9;max-width:260px;margin:0}.note-star{position:absolute;right:19px;bottom:15px;color:#b2b99e;font-size:21px}.word-card{background:#f6e9dd;border:1px solid #eddece;border-radius:22px;padding:27px 30px;position:relative}.word-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.word-top .eyebrow{color:#af8a6e;font-size:8px;letter-spacing:1.7px}.word-date{font-size:9px;color:#b5967e}.word-card h2{font:italic 400 43px/1.1 Georgia,serif;color:#96715b;margin:19px 0 6px;overflow-wrap:anywhere}.word-card h2 span{font-size:25px;color:#c1a181}.word-meaning{font-size:12px;color:#a17e65;margin:0}.word-example{font-size:11px;color:#af9581;line-height:1.7;margin:16px 0}.word-bottom{border-top:1px solid #e6d6c5;padding-top:11px;margin-top:13px;font-size:9px;color:#b39d89}.word-bottom span{margin-right:5px}
.studentlist,.wall{background:#fffdf9;border-color:var(--line);border-radius:20px}.studentrow{border-color:#eee6df}.material{background:#fffdf9;border-radius:16px}.pinned{background:#eee5ec;border-color:#e5d8e2;border-radius:22px}.composer textarea,dialog,input,select{background:#fffdfa}.teacher-message{background:#f0e6ec}.message{border-radius:15px}.toolbar label{font-size:12px;color:#9b8887;align-self:center}footer{font-size:8px;letter-spacing:1.7px;color:#b1a198;margin-top:37px}.responsible{color:#957c97!important}
@media(max-width:1100px){.hero .orb{display:none}.daily-moments{grid-template-columns:1fr 1fr}.journey-note{padding:25px;gap:12px}.note-flower{font-size:40px}.word-card{padding:25px}.hero h1{max-width:100%}}
@media(max-width:850px){.daily-moments{grid-template-columns:1fr}.hero{padding:28px}.hero h1{font-size:34px}.journey-note h2{font-size:30px}}
@media(max-width:760px){aside{padding:22px 20px}.brand{font-size:27px;gap:9px}.tag{margin-bottom:20px;margin-left:27px}.hero{border-radius:23px;min-height:0;padding:27px 24px}.hero h1{font-size:33px}.hero p{font-size:12px}.stat{padding:16px 12px}.stat strong{font-size:28px}.stats{gap:10px}.card{border-radius:20px}.daily-moments{gap:16px;margin-top:24px}.journey-note{padding:27px 24px}.note-flower{font-size:48px}.word-card{padding:27px 25px}.word-card h2{font-size:44px}.topbar{margin-bottom:18px}.switch{width:100%}.demo{font-size:9px}.brandmark{font-size:23px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}
/* Keep the gentle palette readable at small sizes. */
.hero p{color:#786572}.sub{color:#827077}.stat span{color:#827167}.path button{color:#795a76}.journey-note p{color:#69715b}.journey-note .eyebrow{color:#727c62}.word-meaning{color:#805e47}.word-example{color:#87694f}.word-top .eyebrow{color:#8b684b}.word-date,.word-bottom{color:#917258}.sidebarfoot{color:#81736a}
/* Tiny Steps: three little stones leading to a new sprout. */
.brand{gap:6px}.brandmark{width:40px;height:47px;object-fit:contain;margin-top:3px;flex-shrink:0}.brand{font-size:28px}.tag{margin-left:46px;font-size:7px;letter-spacing:1.35px}.sidebar-sprout{display:block;width:48px;height:48px;margin:0 0 12px}.hero .orb{border:0;background:#ffffff35;display:grid;place-items:center;border-radius:46% 54% 48% 52%}.orb:before,.hero .orb:after{content:none}.orb img{width:124px;height:124px;opacity:1}.note-flower{width:58px;height:65px;object-fit:contain;flex-shrink:0;align-self:flex-start;margin-top:7px}.ebook-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(115deg,#eee6f0,#eceee3);border:1px solid #e7dfe6;border-radius:24px;padding:30px 34px;margin-bottom:30px}.ebook-intro h1{font:400 39px Georgia,serif;color:#6b5677;margin:12px 0}.ebook-intro p{max-width:540px;font-size:13px;color:#827181;line-height:1.8;margin:0}.ebook-intro>img{width:105px;height:105px;flex-shrink:0}.ebook-art{height:190px;background:#ebe5f1;display:grid;place-items:center}.ebook-tone-1{background:#e9eee3}.ebook-tone-2{background:#f2e4d9}.little-book{width:100px;height:142px;border-radius:4px 11px 11px 4px;background:#fffdf8;border-left:8px solid #bcabc9;box-shadow:7px 8px 0 #d8cee080,0 12px 20px #725e8010;transform:rotate(-6deg);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px}.little-book img{width:54px;height:54px}.little-book span{text-align:center;font:9px/1.6 Georgia,serif;letter-spacing:1px;color:#8f7899}.little-book i{width:25px;border-bottom:1px solid #d3c4dc}.ebook-card h3{line-height:1.5}.ebook-actions{margin-top:16px}.ebook-empty{grid-column:1/-1;background:#fffdf9;border:1px dashed #dcd0df;border-radius:22px;padding:44px 25px}.ebook-empty img{width:65px;height:65px;margin-bottom:10px}.ebook-empty h3{font:400 25px Georgia;color:#82658c;margin:5px 0 12px}.ebook-empty p{font-size:13px;max-width:470px;margin:0 auto;line-height:1.8;color:#93808e}.ebook-card .cardbody>p{min-height:36px}.ebook-grid{align-items:start}@media(max-width:1100px){.hero .orb{display:none}.note-flower{width:45px;height:52px}}@media(max-width:760px){.brand{font-size:27px}.brandmark{width:37px;height:44px}.tag{margin-left:43px}.ebook-intro{padding:25px;gap:15px}.ebook-intro>img{width:65px;height:65px}.ebook-intro h1{font-size:34px}.ebook-intro p{font-size:12px}.note-flower{width:48px;height:56px}}