/* Moje stopa — a colourful school notebook, shared across every workspace. */
:root{--paper:#f7f7fc;--sheet:#fff;--ink:#30324f;--muted:#696b83;--line:#e3e3f0;--accent:#5652bc;--accent-pale:#eeebff;--navy:#5652bc;--green:#23845b;--green-pale:#e5f5ec;--gold:#fff1c8;--heading:'Trebuchet MS','Segoe UI',sans-serif;--body:'Segoe UI',system-ui,sans-serif;font-size:16px}
h1,h2,h3{letter-spacing:-.035em}h1{font-weight:750}button,a,input{ -webkit-tap-highlight-color:transparent}body{background:var(--paper)}:focus-visible{outline-color:#665acb}.brand{font-family:var(--heading);letter-spacing:-.04em;font-size:1.45rem}.brand-symbol{width:39px;height:41px;border-radius:13px;background:#eeebff;transform:rotate(-7deg)}.brand-symbol:before,.brand-symbol:after{border-radius:6px 6px 3px 6px;transform:rotate(-20deg)}.brand-symbol:before{left:8px;top:14px;width:9px;height:20px;background:#5652bc!important}.brand-symbol:after{left:23px;top:7px;width:9px;height:17px;background:#f3ad64!important;opacity:1}.primary,.btn{border-radius:13px;box-shadow:0 3px 0 #433e941a;min-height:46px}.primary:hover,.btn:hover{background:#4641a2}.secondary:hover,.btn.secondary:hover{background:#f1efff;border-color:#c7c1ec}.secondary,.btn.secondary{box-shadow:none}.field input,.field select,.field textarea{background:#fcfcff;border-radius:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7770cf;box-shadow:0 0 0 4px #eeebff}.panel,.home-panel,.table-wrap,.class-card,.entry{border-radius:20px;box-shadow:0 4px 18px #37316a04}.eyebrow,.kicker{text-transform:none;letter-spacing:.03em;font-size:.8rem}.sidebar,.assessment-sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--line)}.sidebar .brand small,.assessment-sidebar .brand small{color:var(--muted)}.workspace-school,.assessment-school{background:#f7f5ff;border-color:#ece7fa;color:var(--ink)}.workspace-school .ui-icon{color:#8175b8}.workspace-school small,.assessment-school span{color:#767087}.nav-caption{color:#9290a7;font-size:.64rem}.nav-btn,.assessment-sidebar nav a{color:#68677e;font-weight:600;border-radius:12px}.nav-btn:hover,.assessment-sidebar nav a:hover{background:#f4f1fc;color:#5652bc}.nav-btn[aria-current=page],.assessment-sidebar nav a[aria-current=page]{background:#eeebff;color:#5145a9;box-shadow:inset 3px 0 #7768d7}.nav-divider{background:#efedf5}.sidebar-bottom-note,.assessment-aside-note{background:#fff6dd;border:1px solid #f4e8c9;border-radius:17px;color:#87734c}.sidebar-bottom-note strong,.assessment-aside-note strong{color:#645335}.assessment-aside-note p{color:#87734c}.assessment-aside-note>span{color:#9d7a33}.identity{border-color:#ece9f2}.identity-avatar{background:#ede7fb;color:#6453a4}.identity-role,.identity a{color:#737187}.identity a:hover{color:#5145a9}.workspace-topbar{border-bottom:1px dashed #dcd9e9}.topbar-year{border-radius:12px}.home-title h1,.hero h1{font-size:clamp(2rem,3vw,2.7rem)}.home-title .eyebrow{color:#7770b6}.welcome-card{background:#fff3ce;border-color:#f0e3bb;min-height:220px;border-radius:23px}.welcome-copy{max-width:64%}.welcome-copy h2{color:#46405c;font-family:var(--heading);font-size:clamp(1.8rem,2.5vw,2.5rem)}.welcome-copy p{color:#817058;font-size:.9rem}.welcome-art.school-art{width:260px;height:220px;right:-20px;bottom:0}.assessment-card{background:#6255b1;border-radius:23px}.assessment-card:hover{background:#55479e}.assessment-card small,.assessment-card>span:last-child{color:#e5dcff}.assessment-card h2{font-family:var(--heading);font-weight:700}.round-arrow{background:#ffdf8c;color:#53472b}.round-arrow .ui-icon{color:#53472b}.home-stats{gap:15px}.home-stat{border-radius:19px;padding:23px;box-shadow:0 4px 0 #e8e6f245}.home-stat:hover{border-color:#c8c0e6;box-shadow:0 8px 20px #5145a909}.stat-text{font-size:.86rem}.stat-text strong{font-size:2.1rem}.stat-icon{background:#eae5ff;color:#7c62b9;border-radius:13px;width:43px;height:43px}.stat-icon-1{background:#e3f3e9;color:#3d8a65}.stat-icon-2{background:#ffe9df;color:#b77254}.stat-icon-3{background:#fff1ce;color:#987630}.home-class{border-radius:19px;border-top-width:1px!important;min-height:170px;background:linear-gradient(120deg,#f1edff 0 56px,white 56px);padding:23px}.home-class:nth-child(3n+2){background:linear-gradient(120deg,#fff0cc 0 56px,white 56px)}.home-class:nth-child(3n+3){background:linear-gradient(120deg,#e3f2e8 0 56px,white 56px)}.home-class:hover{border-color:#bdb2df}.class-tile-top>strong{color:#6254a5}.quick-icon{background:#f2effb;border-color:#e8e1f5;color:#8572b2;border-radius:12px}.quick-action{padding:12px 0}.quick-action:hover{background:#faf8ff}.quick-action strong{font-size:.85rem}.home-panel-title h2,.section-head h2{font-family:var(--heading);font-size:1.18rem}.class-card:nth-child(3n+1){border-top:5px solid #c9b9ef}.class-card:nth-child(3n+2){border-top:5px solid #f5ce87}.class-card:nth-child(3n+3){border-top:5px solid #aad8bb}.portfolio-hero{background:#eee9fc;border:1px solid #e4ddf6;border-radius:23px}.portfolio-hero .eyebrow{color:#7d68ae}.reflection-link{background:#6255b1;border-radius:20px}.reflection-link p{color:#e7def6}.reflection-link .btn{background:#ffdf8c;color:#57482f}.timeline{border-left-style:dashed;border-color:#d8cfee}.timeline .entry:before{background:#a18bcf}.entry{border-top:4px solid #d5c6ef}.tag{border-radius:9px}.composer-steps li[aria-current=step] span{background:#6255b1}.subject-choice input:checked+span{background:var(--green)}thead th{background:#f6f3fc;color:#706b85}.auth-page{background:#faf9fe}.auth-story{background:#efebfb;color:var(--ink);position:relative;overflow:hidden;padding-top:40px;padding-bottom:35px}.auth-story .brand{color:var(--ink)}.auth-story .brand small{color:#7e7795}.auth-story .eyebrow{color:#8071a6;font-size:.79rem;max-width:30ch;margin-bottom:17px}.auth-story h1{color:#443764;font-size:clamp(2.9rem,4vw,4.4rem);font-weight:750;line-height:1.07}.auth-story p:not(.eyebrow){color:#7b6d90;font-size:1rem;margin:18px 0 0}.auth-story>small{color:#8f819f}.school-art{width:min(100%,350px);display:block;margin:15px auto 0;max-height:270px}.auth-story>div{padding-top:25px}.auth-main{background-image:radial-gradient(#e4dff0 .8px,transparent .8px);background-size:18px 18px}.auth-card{border-radius:26px;border:1px solid #e8e2f1;padding:38px;box-shadow:0 12px 40px #6a578408}.auth-card h2{font-family:var(--heading);font-size:2.2rem;color:#443764}.auth-card .eyebrow{color:#8d7caa}.auth-footer{color:#857b94}.auth-art{display:none}.auth-success{color:#266743}.auth-note{color:#7c718a!important}.top{background:#fff;border-bottom:1px solid var(--line)}.assessment-page .hero{background:#fff3d4;border-color:#f0e4c6;border-radius:24px}.hero-copy h1{font-family:var(--heading);color:#493e61;font-size:clamp(2.6rem,5vw,4.5rem)}.hero-copy h1 em{color:#7762b4}.cover-visual{background:#f1eafa}.cover-sticker{background:#fff7df;color:#7b653e;border:1px solid #f0dfb6}.start-grid article{border-radius:17px;border-color:var(--line);background:#fff}.start-grid article:nth-child(2){background:#fff8e9}.start-grid article:nth-child(3){background:#f2edfc}.symbol{background:#e5f2e9;border-radius:12px;color:#438367}.tabs{border-radius:13px;padding:5px;background:#fff}.tab{border-radius:9px}.tab[aria-pressed=true]{background:#6655b2;color:white}.review-main{border-radius:23px;border-color:#e3dff0;box-shadow:0 5px 25px #68528d04}.review-map{background:transparent}.map-part{border-radius:12px}.map-part[data-active]{background:#eee7fc;color:#665099;border-color:#d6c8ed}.map-part:hover,.map-item:hover{background:#f1edfb}.map-item[aria-current]{background:#6655b2}.review-top{border-bottom-style:dashed}.review-intro h1,.question-card h1,.matrix-heading h1{font-family:var(--heading);font-size:clamp(1.8rem,3vw,2.8rem)}.matrix-scroll{border-radius:15px}.subject-matrix thead th{background:#f2effa;color:#6f618b}.subject-matrix tbody tr:nth-child(even)>*{background:#fbfaff}.subject-matrix tbody tr[data-active]>*{background:#eef8f1}.matrix-pick span{width:25px;height:25px;border-radius:7px;border-color:#bcb4cf;transition:background .15s,transform .15s}.matrix-pick input:checked+span{background:#279164;border-color:#227e57;box-shadow:0 0 0 3px #dff2e7}.matrix-pick:hover span{transform:scale(1.08)}.matrix-pick{min-height:48px}.matrix-guide{border-radius:16px}.matrix-guide h2{background:#fff5db;color:#806739}.matrix-guide dl>div{padding-block:13px}.matrix-guide dt{color:#367451}.matrix-count{border-radius:12px}.pick span{border-radius:14px;background:#f8f5fd}.stage-head{background:#ede7fa;border-radius:23px}.control-heading h1{font-size:clamp(2rem,3vw,2.8rem)}.metric{border-radius:16px}.dashboard-table thead{background:#f6f3fc}
@media(min-width:881px){.site-nav{padding-top:28px}.assessment-sidebar{padding-top:28px}.assessment-aside-note{padding:20px}}
@media(max-width:1180px){.welcome-art.school-art{right:-40px;width:225px}.welcome-copy{max-width:68%}.home-stat{padding:17px}.stat-icon{width:34px;height:34px}}
@media(max-width:880px){.sidebar,.assessment-sidebar{border-right:0;border-bottom:1px solid var(--line)}.welcome-card{min-height:210px}.identity a:hover{color:#5145a9}.auth-story{padding-inline:30px}}
@media(max-width:760px){.auth-story{padding:22px}.auth-story .brand{font-size:1.3rem}.auth-main{padding:28px 18px 40px}.auth-card{padding:27px}.auth-card h2{font-size:1.9rem}}
@media(max-width:560px){.welcome-card{min-height:195px;padding:22px}.welcome-copy{max-width:72%}.welcome-copy h2{font-size:1.9rem}.welcome-art.school-art{width:180px;height:180px;right:-47px;opacity:.65}.home-stat{padding:18px}.stat-text{font-size:.79rem}.home-title h1{font-size:1.8rem}.home-class{padding:18px}.assessment-page .hero-copy h1{font-size:3.2rem}.hero-copy{padding:27px 25px 10px}.review-main{padding:20px 14px}.matrix-pick span{width:24px;height:24px}.matrix-pick{min-height:48px}.matrix-heading h1{font-size:1.85rem}.brand{font-size:1.2rem}}
@media print{body{background:white}.panel,.home-panel,.entry{box-shadow:none}.school-art{display:none}}
.assessment-school{padding:17px 12px;border-radius:14px;border:1px solid #e9e3f5}.assessment-school strong{color:#746687}.assessment-aside-note>span{background:#f5df9e;color:#7b6230}.assessment-sidebar nav a[aria-current]:hover{background:#e6dff7;color:#5145a9}.hero-copy .primary{background:#5652bc;color:#fff}.hero-copy .primary:hover{background:#4641a2}.hero-copy .kicker{color:#897342}.journey-art.school-art{max-width:380px;width:90%;height:auto;margin:0 auto}.school-art{pointer-events:none}
.map-part[aria-current=step]{background:#6655b2;border-color:#6655b2;color:white}.map-part[aria-current=step] small{color:#e8e0fa}.map-part[aria-current=step]:before{background:#f8da91;color:#5d4c31}.review-top .kicker{color:#817495}
/* Student level strips: the letter itself is the control. */
.matrix-scroll{border:0;overflow:visible;border-radius:0}.subject-matrix{display:block;min-width:0!important;width:100%;table-layout:auto}.subject-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.subject-matrix tbody{display:grid;gap:14px}.subject-matrix tbody tr{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;padding:17px;background:#fff;border:1px solid #e7e2f1;border-radius:17px;transition:border-color .15s,box-shadow .15s}.subject-matrix tbody tr[data-active]{border-color:#c7b9e3;box-shadow:0 3px 16px #68528d08}.subject-matrix tbody tr>*{border:0!important;background:transparent!important;box-shadow:none!important}.subject-matrix tbody th{grid-column:1/-1;position:static!important;display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto!important;padding:0 0 9px!important;font-size:1rem;line-height:1.4}.chosen-level{font-size:.73rem;font-weight:500;color:#79708a;white-space:nowrap}.subject-matrix tbody tr:has(input:checked) .chosen-level{color:#24754f}.subject-matrix td{display:block;padding:0}.matrix-pick{display:flex;min-height:46px;width:100%;border-radius:11px}.matrix-pick span{display:grid;place-items:center;width:100%;height:46px;border-radius:11px;border:1px solid #ded8eb;background:#f8f6fc;color:#625875;font-size:.88rem;font-weight:700;box-shadow:0 2px 0 #e7e1ef;transition:background .15s,transform .15s}.matrix-pick:hover{background:transparent}.matrix-pick:hover span{background:#eee8f9;border-color:#b3a3cf;transform:translateY(-2px)}.matrix-pick input:checked+span{background:#27875e;color:#fff;border-color:#217450;box-shadow:0 3px 0 #195e40;transform:translateY(-1px)}.matrix-pick input:checked+span:after{display:none!important}.matrix-scroll-hint{display:block;font-size:.76rem;color:#80758e;margin:0 0 18px}.matrix-guide{margin-top:26px}.subject-matrix tbody tr:has(input:checked){border-left:4px solid #89c5a6;padding-left:14px}
@media(max-width:1050px){.subject-matrix tbody tr{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.matrix-pick span{height:44px}.matrix-pick{min-height:44px}}
@media(max-width:560px){.subject-matrix tbody tr{padding:14px 11px;gap:7px 5px;border-radius:14px}.subject-matrix tbody tr:has(input:checked){padding-left:8px}.subject-matrix tbody th{font-size:.89rem;align-items:flex-start;flex-direction:column;gap:3px;padding-bottom:5px!important}.chosen-level{font-size:.69rem}.matrix-pick span{font-size:.82rem;border-radius:9px}.matrix-scroll-hint{font-size:.73rem}.matrix-guide dl>div{grid-template-columns:45px minmax(0,1fr)}}

.lesson-alert{background:#eee8fc;margin-bottom:22px}.lesson-alert p{font-size:.86rem;color:var(--muted)}