/* AYRICH · Navy, red and considered typography. Shared by every role. */
:root{--navy:#14266d;--navy-deep:#101c4a;--teal:#18378d;--mint:#ffd6d8;--purple:#3656a2;--text:#29344c;--muted:#65718b;--line:#dfe4f0;--bg:#f2f4fa;--red:#c92030;--red-dark:#ad1928;--blue-soft:#eef2fc;--red-soft:#fff0f1;--font:Manrope,"Segoe UI",Arial,sans-serif;--heading:Sora,Manrope,"Segoe UI",Arial,sans-serif;--shadow:0 10px 36px #14266d08}
body{font-family:var(--font)}h1,h2,h3,h4{font-family:var(--heading);font-weight:600;letter-spacing:-.04em}button,input,select,textarea{font-family:var(--font)}
::selection{background:#f9cdd2;color:#101c4a}:focus-visible{outline:3px solid #627ec9;outline-offset:4px}input,select,textarea{accent-color:var(--red)}
.btn{font-weight:700;border-radius:10px;transition:background .18s,box-shadow .18s,transform .18s}.btn-primary,.btn-mint{background:var(--red);color:#fff;box-shadow:0 6px 18px #c9203018}.btn-primary:hover,.btn-mint:hover{background:var(--red-dark);color:#fff;box-shadow:0 8px 24px #c920302a}.btn-dark{background:var(--navy)}.btn-dark:hover{background:#0e1c55}.btn-outline-light{border-color:#ffffff60}.btn-ghost:hover{background:var(--blue-soft);border-color:#b7c4e4}.btn:active{transform:translateY(1px)}
.brand{display:inline-block;width:220px;height:82px;flex-shrink:0;line-height:0;border-radius:12px;background:#fff;overflow:hidden;padding:0}.brand-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}.brand:focus-visible{outline-offset:4px}.header-inner{min-height:98px}.site-header{box-shadow:0 1px 0 #14266d0d}.site-nav a:hover{color:var(--red)}
.eyebrow,.section-label,.journey-number{color:var(--red)}.status-dot{background:#f46b73;box-shadow:0 0 0 5px #f46b7318}.language-switch a[aria-current=true]{background:#e4eafa;color:var(--navy)}
.home-hero{background:radial-gradient(ellipse at 92% 18%,#273f93 0,transparent 48%),linear-gradient(125deg,#101c4a,#182b70);position:relative}.hero-copy .eyebrow{color:#f5bec5}.hero-copy h1{font-family:var(--heading);font-weight:600;font-size:clamp(44px,4.6vw,68px);letter-spacing:-.055em;line-height:1.14}.hero-copy h1 em{color:#ffcbd1}.hero-copy>p{color:#c7d0e8;line-height:1.85}.hero-photo-frame{border-color:#ffffff2d;border-radius:24px 24px 78px 24px;box-shadow:0 32px 70px #050d3080}.hero-photo-label{background:#101c4ac9}.hero-floating-note{border:1px solid #e1e6f2}.hero-floating-note .note-icon{background:var(--red-soft);color:var(--red)}.hero-footnote{color:#bac5e0!important}.benefit-band{background:#0d173e80;border-top:1px solid #ffffff14}.benefit-item .icon{color:#f0aeb9}.benefit-item{color:#d5dcf0}
.journey-step{border-color:var(--line)}.journey-step:hover{border-color:#bbc8e8}.text-link{color:var(--navy);font-weight:700}.text-link:hover{color:var(--red)}.learning-section{background:#edf1fa}.journey-preview{background:linear-gradient(135deg,#192e79,#101c4a)}.journey-preview>.eyebrow,.profile-cover .eyebrow{color:#ffd6d8}.preview-stage>.icon{color:#ffb8c2}.check-list .icon{color:var(--red)}.about-section{background:#f9f0f2}.about-points article>.icon{color:var(--red)}.closing-cta{background:linear-gradient(110deg,#13256b,#253d89)}.closing-cta p{color:#cbd5f3}.site-footer{background:#0c163d;color:#bac6e2}.site-footer .brand{width:224px;height:84px}.footer-bottom{border-top-color:#ffffff18}
#children .notice-card{background:linear-gradient(110deg,#fff4f4,#f0f3fc);border:1px solid #e6dbe4;border-left:4px solid var(--red);padding:34px;border-radius:18px}#children .notice-card h2{font-size:clamp(28px,3vw,39px)}#children .notice-card p{max-width:760px;color:#5d6880}
.auth-body{background:#edf0f8}.auth-story{background:radial-gradient(ellipse at 20% 100%,#293b85 0,transparent 65%),#101c4a}.auth-story .brand{width:234px;height:87px}.auth-story h2{font-weight:600;letter-spacing:-.045em}.auth-story h2 em{color:#ffcbd1}.auth-story-foot .icon{color:#f6b5bf}.auth-card h1{font-weight:600}.auth-footer a{color:var(--red)}
.sidebar{background:linear-gradient(180deg,#101c4a 0%,#101a40 100%);box-shadow:6px 0 30px #12277908}.sidebar-brand{height:110px;padding:12px 18px;border-color:#ffffff12}.sidebar .brand{width:212px;height:80px;border-radius:10px}.workspace-label{color:#8da0cb}.sidebar-link{color:#c2cce3;font-weight:500}.sidebar-link .icon{color:#91a6d4}.sidebar-link:hover{background:#ffffff0a}.sidebar-link.active{background:#ffffff10;color:#fff;box-shadow:inset 3px 0 var(--red)}.sidebar-link.active .icon{color:#ffb5bf}.sidebar-link.active:after{background:#f36472}.sidebar-group summary{color:#96a7ce;font-size:10px;letter-spacing:.1em}.sidebar-footer .language-switch a[aria-current=true]{background:#fff;color:var(--navy)}
.app-main{background:var(--bg)}.app-header{background:#fff;border-bottom:1px solid var(--line)}.app-header h1{font-size:25px;font-weight:600}.page-kicker{color:var(--red);font-weight:800;letter-spacing:.12em}.app-content{max-width:1800px;margin-inline:auto}.panel{border-color:#e0e5f1;box-shadow:0 4px 20px #16276a04;border-radius:18px}.stat-card{border-color:#e1e6f2;box-shadow:0 4px 20px #16276a04}.stat-card strong{font-family:var(--heading);letter-spacing:-.045em}.stat-icon,.stat-card:nth-child(3) .stat-icon{background:#e9eefb;color:var(--navy)}.stat-card:nth-child(2) .stat-icon,.stat-card:nth-child(4) .stat-icon{background:#fff0f2;color:var(--red)}.avatar{background:#e7ecfa;color:var(--navy)}.quick-chip{background:#e9eefb;color:var(--navy);border-color:#d4dff7}.cefr-level.is-current{background:#e8edfb;border-color:#a5b7e8}.cefr-level.is-current strong{color:var(--navy)}
.lesson-spotlight,.level-hero,.profile-cover,.studio-hero{background:radial-gradient(ellipse at 98% 0%,#314897 0,transparent 55%),#101c4a}.lesson-spotlight:before,.lesson-spotlight:after{border-color:#8295d12b}.studio-hero .studio-eyebrow,.lesson-spotlight .eyebrow{color:#ffcbd1}.studio-feature>.icon{color:var(--red)}.studio-feature:hover{border-color:#a4b6e0}.studio-feature.badge-earned{background:#eef2fc;border-color:#bdc9ea}.studio-feature input,.studio-answer input{accent-color:var(--red)}.studio-answer:has(input:checked){border-color:#9cafe0;background:#f0f3fd}.studio-contact.selected,.studio-contact:hover,.studio-stage:hover{background:#edf1fc}.studio-bubble.mine{background:#e5ebfa}.notice-card{background:#f0f3fc;border-color:#d9e1f4}.input:focus,.select:focus,.textarea:focus{border-color:#708bc7;box-shadow:0 0 0 3px #18378d10}
.option:has(input:checked){border-color:#8ea4db;background:#f0f3fd}.option input{accent-color:var(--red)}.pagination-dots a.active{background:var(--navy);color:#fff}.exam-top{background:#101c4a}.exam-top .brand{width:175px;height:64px}.teacher-avatar,.teacher-photo-placeholder{background:#e8edfa;color:var(--navy)}.teacher-card:hover{border-color:#b6c5e6}.price-card.is-featured{border-color:var(--navy)}
/* SEO workspace */
.seo-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#354b9a 0,transparent 55%),#101c4a;color:#fff;overflow:hidden}.seo-kicker{font-size:10px;letter-spacing:.19em;font-weight:800;color:#f5bac5}.seo-hero h2{font-size:clamp(26px,2.6vw,36px);color:#fff;margin:12px 0 14px;font-weight:500;line-height:1.25}.seo-hero p{max-width:650px;font-size:14px;line-height:1.8;color:#c0cbe6;margin:0}.seo-orbit{flex:0 0 144px;width:144px;height:144px;border:1px solid #ffffff24;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;box-shadow:0 0 0 22px #ffffff03,0 0 0 44px #ffffff02;color:#ffb6c1}.seo-orbit span{font-size:11px;font-weight:800;letter-spacing:.2em}.seo-tabs{display:flex;gap:24px;overflow:auto;border-bottom:1px solid var(--line);margin:18px 0 24px;white-space:nowrap}.seo-tabs a{padding:14px 2px;color:#6a7690;font-size:13px;font-weight:700;border-bottom:3px solid transparent}.seo-tabs a.active{color:var(--navy);border-bottom-color:var(--red)}.seo-tabs a:hover{color:var(--red)}.seo-stats{margin-bottom:24px}.seo-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:24px;align-items:start}.seo-columns>*{min-width:0}.seo-columns .panel{margin-bottom:24px}.seo-columns p{font-size:13px;line-height:1.8}.seo-columns .section-label{font-size:10px;letter-spacing:.13em;margin-bottom:12px}.seo-columns h3{font-size:20px;line-height:1.3}.seo-check{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid #e7eaf3}.seo-check:last-child{border:0;padding-bottom:0}.seo-check strong{font-size:13px;color:var(--navy)}.seo-check p{font-size:12px;color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}.seo-check-icon{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center}.seo-check-icon.ready{background:#e8eefb;color:var(--navy)}.seo-check-icon.pending{background:#fff0e1;color:#98531c}.seo-tools .actions{margin:16px 0 24px;gap:10px}.seo-tools .text-link{display:block;font-size:13px;margin:14px 0}.seo-tools label{font-size:12px;font-weight:700}.seo-tools .input{font-size:12px;margin-top:8px}.seo-language-block{border:1px solid var(--line)!important;padding:20px!important;border-radius:12px;margin:24px 0 0}.seo-language-block legend{padding:0 10px!important;font-weight:800!important;color:var(--navy)}.seo-language-block .textarea{min-height:110px}.seo-toggle{display:flex;align-items:flex-start;gap:12px;margin:24px 0;line-height:1.5;cursor:pointer}.seo-toggle input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--red)}.seo-toggle strong{font-size:13px;color:var(--navy)}.seo-toggle small{display:block;font-size:12px;line-height:1.65;margin-top:5px}.seo-url{overflow-wrap:anywhere;word-break:break-word;font-size:12px}.seo-page-picker{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.seo-page-picker .field{flex:1;min-width:160px;margin:0}.seo-page-picker .field:first-of-type{flex:2}.seo-page-picker .btn{margin:0!important}.seo-counter{font-size:11px!important;color:var(--muted);margin:-8px 0 24px}.seo-social-fields{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:10px 0 22px}.seo-social-fields>summary{font-weight:700;color:var(--navy);font-size:13px}.seo-social-fields[open]>summary{margin-bottom:24px}.seo-serp{padding:22px 0 14px}.seo-serp-site{display:flex;align-items:center;gap:12px;margin-bottom:14px}.seo-serp-site strong{font-size:12px;display:block;font-weight:600;color:#202124}.seo-serp-site small{display:block;font-size:11px;overflow-wrap:anywhere}.seo-serp-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:15px;font-weight:800;background:#edf0f8;color:var(--navy)}.seo-serp-title{font-family:Arial,sans-serif;font-size:20px;line-height:1.35;color:#1a0dab;margin-bottom:8px;overflow-wrap:anywhere}.seo-serp p{font-family:Arial,sans-serif;font-size:14px;line-height:1.6;color:#4d5156;margin:0;overflow-wrap:anywhere}.seo-facts{margin:20px 0}.seo-facts dt{font-size:11px;letter-spacing:.04em;color:var(--muted);margin:14px 0 4px}.seo-facts dd{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}.seo-reset{margin:-10px 0 28px}.seo-preview-column{position:sticky;top:24px}.seo-columns .form-help{font-size:12px;line-height:1.8;margin-top:14px}
@media(max-width:1200px){.brand{width:180px;height:70px}.header-inner{gap:18px}.site-nav{gap:16px}.seo-columns{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr)}.seo-hero{padding:30px}.seo-orbit{flex-basis:112px;width:112px;height:112px}}
@media(max-width:1050px){.sidebar .brand{width:190px;height:72px}.sidebar-brand{padding:12px 18px}.seo-columns{grid-template-columns:1fr}.seo-preview-column{position:static}.hero-copy h1{font-size:48px}}
@media(max-width:900px){.sidebar .brand{width:220px;height:82px}.hero-copy h1{font-size:42px}.auth-story .brand{width:200px;height:76px}}
@media(max-width:700px){.brand{width:154px;height:60px;border-radius:8px}.header-inner{min-height:78px;gap:10px}.hero-copy h1{font-size:clamp(38px,9.5vw,54px);line-height:1.15}.hero-copy>p{font-size:15px}.hero-art{margin-inline:5px}.hero-floating-note{max-width:calc(100% + 10px)}.auth-story .brand{width:190px;height:72px}.auth-story h2{font-size:29px}.site-footer .brand{width:208px;height:78px}#children .notice-card{padding:24px}.app-header h1{font-size:21px}.seo-hero{padding:26px 22px;border-radius:18px}.seo-hero h2{font-size:26px}.seo-orbit{display:none}.seo-tabs{gap:20px}.seo-tabs a{font-size:12px}.seo-columns{gap:4px}.seo-page-picker{align-items:stretch}.seo-page-picker .field{min-width:100%;width:100%}.seo-page-picker .btn{justify-content:center}.seo-columns .panel{padding:24px 20px}.seo-language-block{padding:16px!important}.seo-columns h3{font-size:19px}.seo-hero p{font-size:13px}.seo-stats .stat-card{min-height:104px}.seo-tabs{scrollbar-width:thin}.seo-tools .btn{font-size:12px}.exam-top .brand{width:120px;height:48px}}
@media(max-width:480px){.header-actions>.btn{display:none}.header-actions .language-switch{margin:0}.header-inner{justify-content:space-between}.hero-actions .btn{font-size:12px;padding-inline:15px}.hero-floating-note{padding:14px}.hero-floating-note strong{font-size:12px}.hero-floating-note small{font-size:10px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}.app-header h1{font-size:19px}.seo-tabs{gap:18px}.seo-stats .stat-card strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
@media print{.seo-hero{background:#fff;color:#14266d;border:1px solid #dfe4f0}.seo-hero h2,.seo-hero p{color:#14266d}.seo-orbit,.seo-tabs,.seo-reset{display:none}.seo-columns{grid-template-columns:1fr}.seo-preview-column{position:static}}

/* AYRICH v2.3.1 — visual polish and admin readability */
.brand{width:196px;height:66px;border-radius:0;background:transparent;overflow:visible;padding:0}.brand-image{width:100%;height:100%;object-fit:contain;object-position:left center}.header-inner{min-height:88px;height:auto}.site-header{background:rgba(255,255,255,.97);backdrop-filter:blur(18px)}.site-footer .brand{width:210px;height:72px}.sidebar .brand{width:196px;height:68px}.sidebar-brand{height:96px;padding:10px 18px}
.home-hero .hero-grid{padding-block:68px 74px;gap:72px}.hero-copy>p{max-width:560px;font-size:18px}.hero-actions .btn{min-height:52px}.hero-photo-frame{aspect-ratio:1.08}.hero-floating-note{max-width:min(430px,calc(100% + 20px))}.benefit-item{font-size:14px;min-height:78px}
#children{padding-block:68px;background:#f7f9fd}#children .notice-card{position:relative;overflow:hidden;padding:38px 42px;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f7f9ff 64%,#fff0f2 100%);border:1px solid #dce3f3;box-shadow:0 18px 45px #16276a0a}#children .notice-card:after{content:'';position:absolute;width:210px;height:210px;border-radius:50%;right:-75px;top:-95px;background:radial-gradient(circle,#e3263622 0,#e3263600 70%);pointer-events:none}#children .notice-card h2{font-size:clamp(30px,3.4vw,44px);margin:8px 0 14px}#children .notice-card p{max-width:760px;font-size:16px;line-height:1.8;color:#5e6a82}#children .notice-card .actions{margin-top:24px}
.journey-step{transition:background .18s,border-color .18s,transform .18s}.journey-step:hover{background:#fff;border-color:#c9d5ef;transform:translateY(-2px)}.public-teachers .teacher-card{box-shadow:0 12px 34px #16276a09}.about-points article{padding:18px;border:1px solid #eadfe3;border-radius:16px;background:#ffffff8c}.faq-list details{transition:background .18s,padding .18s}.faq-list details[open]{background:#fff;border-radius:14px;padding:20px 18px;margin:0 -18px}.closing-cta{box-shadow:inset 0 1px 0 #ffffff12}

/* Admin panel: larger, calmer typography without changing public pages */
.role-admin .app-content{font-size:15px;line-height:1.65}.role-admin .app-header h1{font-size:27px}.role-admin .page-kicker{font-size:11px}.role-admin .page-subtitle{font-size:14px}.role-admin .sidebar-link{font-size:14px;min-height:42px;padding:10px 12px}.role-admin .sidebar-group summary{font-size:11px;letter-spacing:.08em}.role-admin .workspace-label{font-size:12px}.role-admin .panel-head h2,.role-admin .panel-head h3{font-size:20px}.role-admin .panel>h3{font-size:20px}.role-admin .field label{font-size:14px}.role-admin .input,.role-admin .select,.role-admin .textarea{font-size:15px}.role-admin .form-help{font-size:13px}.role-admin .btn{font-size:14px}.role-admin .btn-sm{font-size:13px;min-height:39px;padding:8px 12px}.role-admin .table{font-size:15px}.role-admin .table th{font-size:13px}.role-admin .table th,.role-admin .table td{padding:15px 14px}.role-admin .table td small{font-size:13px}.role-admin .badge,.role-admin .chip,.role-admin .quick-chip{font-size:13px}.role-admin .metric-row{font-size:15px}.role-admin .stat-card span{font-size:12px}.role-admin .stat-card small{font-size:12px}.role-admin .toolbar .input{max-width:420px}

@media(min-width:1051px){.role-admin .sidebar{width:286px}.role-admin .app-main{margin-left:286px}}
@media(max-width:900px){.brand{width:178px;height:62px}.sidebar .brand{width:188px;height:66px}.site-footer .brand{width:196px;height:68px}.home-hero .hero-grid{gap:40px}.role-admin .table{font-size:14px}.role-admin .table th{font-size:12px}}
@media(max-width:700px){.brand{width:150px;height:54px}.header-inner{min-height:74px}.site-footer .brand{width:184px;height:64px}.sidebar .brand{width:184px;height:64px}#children{padding-block:46px}#children .notice-card{padding:26px 22px;border-radius:18px}#children .notice-card p{font-size:15px}.role-admin .app-content{font-size:15px}.role-admin .sidebar-link{font-size:14px}.role-admin .field label{font-size:14px}.role-admin .input,.role-admin .select,.role-admin .textarea{font-size:16px}.role-admin .table th,.role-admin .table td{font-size:13px}.role-admin .btn-sm{font-size:12px}}

/* AYRICH v2.4 — Digital material reader */
.learning-reader{overflow:hidden}
.learning-video,.learning-embed{width:100%;max-height:68vh;border:0;border-radius:18px;background:#0b1729;box-shadow:0 18px 48px rgba(9,24,54,.14)}
.learning-embed{aspect-ratio:16/9;max-height:none}
.pdf-reader{border:1px solid rgba(15,37,76,.14);border-radius:18px;overflow:hidden;background:#f5f7fb;margin:18px 0}
.pdf-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:#fff;border-bottom:1px solid rgba(15,37,76,.1)}
.pdf-reader-toolbar>strong{display:flex;align-items:center;gap:8px}
.pdf-reader iframe{display:block;width:100%;height:min(76vh,900px);border:0;background:#e9edf4}
.material-preview{display:grid;place-items:center;background:#f5f7fb;border:1px solid rgba(15,37,76,.12);border-radius:18px;padding:18px;margin:18px 0;min-height:240px}
.material-preview img{max-width:100%;max-height:72vh;border-radius:12px;box-shadow:0 16px 40px rgba(9,24,54,.12)}
.audio-reader{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;background:#f7f9fc;border:1px solid rgba(15,37,76,.12);margin:18px 0}
.audio-reader>div{display:flex;align-items:center;gap:10px}.audio-reader audio{width:100%}
.learning-assign{margin-top:20px}.learning-assign summary{cursor:pointer;font-weight:750}
.material-card{display:flex;flex-direction:column;min-height:250px}.material-card h3{margin:14px 0 8px}.material-card p{flex:1}.material-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.material-card-meta span{font-size:.84rem;padding:5px 9px;border-radius:999px;background:rgba(20,48,101,.07)}
@media (max-width:760px){.pdf-reader-toolbar{align-items:flex-start;flex-direction:column}.pdf-reader iframe{height:68vh}.learning-video,.learning-embed{border-radius:12px}.material-card{min-height:0}}

/* AYRICH Games cross-site entry points */
.games-spotlight{padding-block:68px;background:#fff}.games-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:34px;align-items:center;padding:42px;border-radius:24px;background:linear-gradient(135deg,#101c4a 0%,#18378d 62%,#c82232 145%);color:#fff;box-shadow:0 24px 60px #101c4a1f;overflow:hidden;position:relative}.games-card:after{content:'';position:absolute;width:330px;height:330px;border-radius:50%;right:-140px;top:-170px;border:1px solid #ffffff20;box-shadow:0 0 0 36px #ffffff05,0 0 0 72px #ffffff03;pointer-events:none}.games-copy{position:relative;z-index:1}.games-copy .eyebrow{color:#ffd0d5}.games-copy h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08;color:#fff;margin:10px 0 16px}.games-copy p{max-width:720px;color:#d8e0f5;font-size:16px;line-height:1.8}.games-copy .actions{margin-top:24px}.games-copy .btn-ghost{color:#fff;border-color:#ffffff3d}.games-copy .btn-ghost:hover{background:#ffffff12}.games-badges{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.games-badges span{min-height:64px;display:grid;place-items:center;padding:12px;border-radius:16px;border:1px solid #ffffff24;background:#ffffff0d;font-size:12px;font-weight:800;letter-spacing:.12em;color:#fff;backdrop-filter:blur(6px)}.sidebar-games-link{background:#edf1fc;color:var(--navy)!important;border:1px solid #d8e1f4}.sidebar-games-link:hover{background:#e5ebfa}.student-games-card{background:linear-gradient(135deg,#f4f6fc 0%,#fff 62%,#fff0f2 100%);border-color:#dbe3f4}.games-mini-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--navy);color:#fff;font-size:10px;font-weight:900;letter-spacing:.11em}.student-games-card .btn{margin-top:8px}
@media(max-width:900px){.games-card{grid-template-columns:1fr}.games-badges{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.games-spotlight{padding-block:46px}.games-card{padding:28px 22px;border-radius:18px}.games-copy h2{font-size:34px}.games-copy p{font-size:15px}.games-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.games-badges span{min-height:54px;font-size:10px}}

/* v2.4.5 - clear registration roles + reliable Games navigation */
.register-role-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}.register-role-card{display:flex;flex-direction:column;gap:5px;min-height:86px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);transition:.18s ease}.register-role-card strong{font-size:14px}.register-role-card span{font-size:12px;line-height:1.45;color:var(--muted)}.register-role-card:hover{border-color:#9eafd8;background:#f7f9fe;transform:translateY(-1px)}.register-role-card.active{border-color:var(--navy);box-shadow:0 0 0 2px #18378d12;background:#f1f4fc}.register-role-teacher{border-color:#efc5cb}.register-role-teacher.active{border-color:var(--red);background:#fff4f5;box-shadow:0 0 0 2px #cf263812}.games-card a[href^="https://ayrichacademy.org"],.sidebar-games-link{cursor:pointer}
@media(max-width:700px){.register-role-picker{grid-template-columns:1fr}.register-role-card{min-height:auto}}

/* v2.4.6 — logo contrast, notification center, profile + integration clarity */
.site-header .brand{width:270px;height:96px;flex:0 0 270px}
.site-header .brand-image{object-fit:contain;object-position:left center}
.sidebar .brand,.site-footer .brand,.auth-story .brand{background:rgba(255,255,255,.98);border:1px solid #ffffff80;border-radius:14px;padding:7px 11px;box-shadow:0 10px 28px #050c281f;overflow:hidden}
.sidebar .brand-image,.site-footer .brand-image,.auth-story .brand-image{object-fit:contain;object-position:center}
.sidebar-brand{min-height:108px;height:auto;padding-block:12px}.sidebar .brand{width:214px;height:82px}
.site-footer .brand{width:236px;height:88px}.auth-story .brand{width:246px;height:92px}
.notification-bell{position:relative}.notification-count{position:absolute;right:-6px;top:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;border:2px solid #fff;font-size:10px;font-weight:800;line-height:1}
.user-chip-link{color:inherit;text-decoration:none;border-radius:12px;padding:5px 7px 5px 16px;transition:.18s ease}.user-chip-link:hover{background:#eef2fb}.panel-avatar,.profile-account-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#e7ecfa;color:var(--navy);font-weight:800;flex:0 0 auto}.panel-avatar img,.profile-account-avatar img{width:100%;height:100%;object-fit:cover}.profile-account-avatar{width:82px;height:82px;border:3px solid #fff;box-shadow:0 8px 24px #1227791f}
.notification-center{max-width:980px}.notification-list{display:grid;gap:10px}.notification-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.notification-item.is-unread{border-color:#aebce5;background:#f5f7fd;box-shadow:inset 3px 0 var(--red)}.notification-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9eefb;color:var(--navy)}.notification-copy strong{display:block;color:var(--navy)}.notification-copy p{margin:4px 0;color:var(--muted);font-size:13px}.notification-copy small{color:#8a96ad}.notification-actions{display:flex;gap:8px;align-items:center}.notification-actions form{margin:0}
.account-profile-grid{align-items:start}.profile-identity{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile-identity h2{margin:4px 0 2px}.divider{height:1px;background:var(--line);margin:24px 0}
.integration-jump{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.integration-jump-card{display:grid;gap:6px;padding:16px;border:1px solid #dce3f3;border-radius:15px;background:#fff;color:var(--navy);box-shadow:0 5px 18px #12277907}.integration-jump-card:hover{border-color:#a8b8df;transform:translateY(-1px)}.integration-jump-card .icon{color:var(--red)}.integration-jump-card strong{font-size:13px}.integration-jump-card span{font-size:11px;color:var(--muted)}.integration-panel{scroll-margin-top:110px}.row-pending{background:#fff9ed}.teacher-filter-bar{justify-content:space-between;gap:14px;flex-wrap:wrap}.teacher-filter-bar .input{max-width:300px}
@media(max-width:1180px){.site-header .brand{width:228px;height:84px;flex-basis:228px}.integration-jump{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.site-header .brand{width:205px;height:76px;flex-basis:205px}.integration-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-item{grid-template-columns:auto 1fr}.notification-actions{grid-column:2}}
@media(max-width:700px){.site-header .brand{width:178px;height:66px;flex-basis:178px}.sidebar .brand{width:194px;height:74px}.site-footer .brand{width:214px;height:80px}.auth-story .brand{width:210px;height:78px}.integration-jump{grid-template-columns:1fr}.notification-item{grid-template-columns:1fr}.notification-icon{display:none}.notification-actions{grid-column:1}.app-header-tools .user-chip div:last-child{display:none}.user-chip-link{padding-left:6px}}
.exam-top .brand{background:#fff;border-radius:12px;padding:5px 9px;overflow:hidden;box-shadow:0 8px 22px #00000014}.exam-top .brand-image{object-fit:contain}
.admin-pending-teachers{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;background:linear-gradient(110deg,#fff8e8,#fff);border-color:#f0d79b}.admin-pending-teachers p{margin:5px 0 0;color:var(--muted)}
@media(max-width:700px){.admin-pending-teachers{align-items:flex-start;flex-direction:column}.admin-pending-teachers .btn{width:100%}}