/* Eduvio QA design layer: shared rhythm, clear calls to action, readable forms. */
:root{--qa-ink:#201b43;--qa-purple:#5141be;--qa-turquoise:#00777f;--qa-line:#ddd9ed;--qa-focus:#ffbb70;--qa-shadow:0 12px 30px rgba(37,27,93,.095),0 2px 7px rgba(37,27,93,.055)}
html{scroll-behavior:smooth}
body{font-family:'Nunito',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body :is(button,input,select,textarea){font:inherit}
body :is(button,a,[role="button"]){touch-action:manipulation}
body :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--qa-focus)!important;outline-offset:3px!important}
.eduvio-main .main{max-width:1280px}
.eduvio-main .topnav{backdrop-filter:blur(12px);border-bottom:1px solid var(--qa-line)}
.eduvio-main .topbar{border-radius:27px;box-shadow:var(--qa-shadow)}
.eduvio-main .card,.eduvio-main .fach-card,.eduvio-main .eduvio-plan{box-shadow:var(--qa-shadow)}
.eduvio-main .eduvio-goal-card{border-left:6px solid var(--qa-turquoise);background:linear-gradient(115deg,#e3f8f9,var(--card) 72%)}
.eduvio-main .eduvio-goal-card p{font-size:1.04rem;line-height:1.65}
.eduvio-main #micro-cta-title{font-size:clamp(1.28rem,2.3vw,1.72rem);letter-spacing:-.025em}
.eduvio-main #micro-cta-title + p{line-height:1.55}
.eduvio-main #micro-cta-link{position:relative;z-index:35;min-width:190px;justify-content:center;box-shadow:0 9px 24px rgba(7,20,63,.22);text-decoration:none;transition:transform .17s,box-shadow .17s}
.eduvio-main #micro-cta-link:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(7,20,63,.28)}
.eduvio-main #micro-cta-link:active{transform:translateY(1px)}
.eduvio-main .sophie-mascot{width:118px;height:160px;min-height:0;max-height:none;right:14px;bottom:12px;z-index:24;filter:drop-shadow(0 11px 20px rgba(18,30,87,.24))}
.eduvio-main .sophie-mascot:hover{filter:drop-shadow(0 14px 23px rgba(18,30,87,.30)) brightness(1.03)}
.eduvio-main .fach-card{overflow:hidden}
.eduvio-main .fach-card :is(h3,.sub){overflow-wrap:anywhere}
.eduvio-main .eduvio-plan{background:linear-gradient(155deg,var(--card) 62%,color-mix(in srgb,var(--primary-light) 40%,var(--card)))}
.eduvio-main .eduvio-plan .btn{min-height:52px}
.eduvio-family .wrap{max-width:1120px}
.eduvio-family .card{border:1px solid var(--qa-line);box-shadow:var(--qa-shadow)}
.eduvio-family .card h2{font-size:clamp(1.3rem,2.2vw,1.75rem)}
.eduvio-family :is(input,select){border:1.5px solid #a9a1c9;min-height:46px;max-width:100%;color:var(--qa-ink)}
.eduvio-family .subjects{gap:10px;margin:12px 0 20px}
.eduvio-family .subjects label{display:inline-flex;align-items:center;gap:7px;margin:0;padding:10px 13px;border:1px solid #d8d2ed;border-radius:12px;background:#fff;line-height:1.25;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.eduvio-family .subjects label:hover{border-color:var(--qa-purple);transform:translateY(-1px)}
.eduvio-family .subjects label:has(input:checked){border-color:var(--qa-purple);background:#f1edff;color:#2e236f;box-shadow:inset 0 0 0 1px var(--qa-purple)}
.eduvio-family .subjects input{min-height:0;accent-color:var(--qa-purple)}
.eduvio-family .eduvio-plan-guidance{padding:13px 16px;border-radius:13px;background:#edf8f8;color:#164f59;border-left:4px solid var(--qa-turquoise);line-height:1.55}
.eduvio-family #plans{align-items:stretch}
.eduvio-family #plans .child{background:linear-gradient(150deg,#fff,#f8f6ff);border:1px solid #dcd6f0;box-shadow:0 8px 20px rgba(39,29,97,.06)}
.eduvio-family button{min-height:45px;padding:11px 16px;border-radius:12px}
.eduvio-family button:disabled{opacity:.62}
.eduvio-family .status:not(:empty){border-left:4px solid #22876d}
.eduvio-family .status.error{border-left-color:#b42318}
.eduvio-admin :is(.panel,nav),.eduvio-family .card{line-height:1.55}
.eduvio-admin :is(input,select,textarea){min-height:42px;border-radius:10px}
.eduvio-admin button{min-height:42px}
@media(max-width:900px){.eduvio-main .sophie-mascot{width:98px;height:135px;right:10px;bottom:10px}}
@media(max-width:600px){.eduvio-main .sophie-mascot{display:none!important}.eduvio-main #micro-cta-link{width:100%}.eduvio-family .wrap{padding:14px}.eduvio-family .card{padding:18px}.eduvio-family .subjects{gap:7px}.eduvio-family .subjects label{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.eduvio-main #micro-cta-link,.eduvio-family .subjects label{transition:none!important;transform:none!important}}
[data-theme="dark"] .eduvio-main .eduvio-goal-card{background:var(--card);border-left-color:#70d9d5}
[data-theme="dark"] .eduvio-family .eduvio-plan-guidance{background:#18383d;color:#e7ffff}
