.family-shell{--brand:#6750a4;--accent:#6750a4;--ink:#34254d;--text:#34254d;--muted:#726582;--line:#e3dced;--soft:#f0ebf7;--sage:#786497;background:#fbf9fe;min-height:100vh}.family-student{--brand:#345f9d;--accent:#345f9d;--ink:#233b60;--text:#233b60;--muted:#65768d;--line:#dce4ef;--soft:#edf3fc;background:#f8faff}.family-shell .topbar{background:#fbf9fef5}.family-shell .page{padding-top:24px}.family-shell .bottom-nav a[aria-current=page]{background:var(--soft);color:var(--brand)}.family-school-strip{max-width:1200px;margin:auto;padding:16px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.family-area-label{font-weight:750;font-size:13px;letter-spacing:.02em;color:var(--brand);background:var(--soft);padding:7px 12px;border-radius:999px}.family-school-brand{display:flex;gap:9px;align-items:center;min-width:0;max-width:65%;color:var(--ink)}.family-school-brand img,.family-school-initial{width:36px;height:36px;border-radius:10px;object-fit:contain;background:#fff;flex-shrink:0}.family-school-initial{display:grid;place-items:center;background:var(--soft);font-weight:800}.family-school-brand>span:last-child{min-width:0;display:grid;line-height:1.3}.family-school-brand small{font-size:11px;color:var(--muted)}.family-school-brand strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-account-link{display:flex;align-items:center;gap:9px;padding:8px 12px;min-height:44px;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.family-account-link strong{font-size:12px;color:var(--brand);background:var(--soft);padding:4px 8px;border-radius:7px}.family-shell .ls-school-hero{background:var(--soft)}.family-shell .ls-class-card.active,.family-shell .ls-class-tabs [aria-selected=true]{border-color:var(--brand);background:var(--soft)}
@media(max-width:700px){.family-shell .brand strong{font-size:20px}.family-shell .topbar{gap:8px;padding:14px 16px}.family-account-link>span{display:none}.family-account-link{padding:7px 9px}.family-school-strip{padding:14px 16px 0;gap:8px}.family-school-brand{max-width:68%}.family-school-brand strong{font-size:12px}.family-shell .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.family-shell .page{padding-top:22px}.family-area-label{font-size:12px;padding:6px 10px}}