html{--accent:#d97b64;--theme-gradient:linear-gradient(135deg,var(--brand-dark),var(--brand) 62%,var(--accent));--theme-glow:color-mix(in srgb,var(--brand) 22%,transparent)}
html[data-color-theme="classic"]{--brand:#b42332;--brand-dark:#7f1723;--accent:#e18a6f;--warm:#f9e8e5;--app-bg:#f8f2f0}html[data-color-theme="ocean"]{--brand:#087e8b;--brand-dark:#075b67;--accent:#55bbc6;--warm:#e0f2f3;--app-bg:#edf7f8}html[data-color-theme="forest"]{--brand:#2f7254;--brand-dark:#174936;--accent:#79ad72;--warm:#e5f1e8;--app-bg:#f0f6f1}html[data-color-theme="violet"]{--brand:#7752b3;--brand-dark:#4d327e;--accent:#b57ac4;--warm:#eee7f7;--app-bg:#f6f2fa}html[data-color-theme="sunset"]{--brand:#df623f;--brand-dark:#94342b;--accent:#f3ad4f;--warm:#fce9df;--app-bg:#fff5ee}html[data-color-theme="rose"]{--brand:#bc5374;--brand-dark:#81354f;--accent:#db8fa5;--warm:#f7e4eb;--app-bg:#fcf2f5}html[data-color-theme="sand"]{--brand:#9a6a35;--brand-dark:#65411d;--accent:#cba65d;--warm:#f4ead5;--app-bg:#f9f5eb}html[data-color-theme="midnight"]{--brand:#355080;--brand-dark:#172a4c;--accent:#697fa8;--warm:#e5eaf2;--app-bg:#f0f3f8}html[data-color-theme="sky"]{--brand:#218ab8;--brand-dark:#17627f;--accent:#62bfd7;--warm:#e1f2f7;--app-bg:#eff8fb}html[data-color-theme="mint"]{--brand:#2b927a;--brand-dark:#176352;--accent:#71c6aa;--warm:#e0f3ed;--app-bg:#eff9f6}html[data-color-theme="amber"]{--brand:#c47813;--brand-dark:#81500d;--accent:#e4ad3f;--warm:#f8edd5;--app-bg:#fcf7ec}html[data-color-theme="coral"]{--brand:#d75c58;--brand-dark:#933c42;--accent:#ed9276;--warm:#fbe6e1;--app-bg:#fff3ef}html[data-color-theme="slate"]{--brand:#546779;--brand-dark:#303e4d;--accent:#8196a6;--warm:#e8edf0;--app-bg:#f2f5f6}html[data-color-theme="indigo"]{--brand:#4657b8;--brand-dark:#293579;--accent:#7e8de0;--warm:#e8eafa;--app-bg:#f3f4fc}html[data-color-theme="lavender"]{--brand:#8b66aa;--brand-dark:#5d3f79;--accent:#b89acb;--warm:#f0e8f5;--app-bg:#f8f3fa}
body{background-image:radial-gradient(circle at 8% 5%,var(--theme-glow),transparent 26%),radial-gradient(circle at 92% 88%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 25%)}.app-sidebar{background:linear-gradient(165deg,var(--brand-dark),color-mix(in srgb,var(--brand-dark) 72%,#172238) 62%,#1e2832)}.primary-button,.approve-button,.home-back-top{background:var(--theme-gradient);border-color:transparent;box-shadow:0 8px 22px var(--theme-glow)}
.appearance-studio{padding:0;overflow:hidden}.appearance-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);overflow:hidden;background:linear-gradient(125deg,color-mix(in srgb,var(--warm) 72%,var(--surface)),var(--surface));border-bottom:1px solid var(--line)}.appearance-hero:before{content:"";position:absolute;width:280px;height:280px;inset-inline-end:-110px;top:-150px;border-radius:50%;background:var(--theme-gradient);opacity:.13}.appearance-hero h1{margin:.25rem 0;font-size:clamp(2rem,4vw,3.5rem)}.appearance-hero p{max-width:700px;margin:.5rem 0;color:var(--muted);line-height:1.8}.appearance-hero-art{position:relative;flex:0 0 180px;height:120px}.appearance-hero-art i{position:absolute;width:92px;height:92px;border-radius:28px;box-shadow:0 16px 30px #0002;transform:rotate(-12deg);background:var(--theme-gradient)}.appearance-hero-art i:nth-child(2){inset-inline-start:48px;top:18px;opacity:.72;transform:rotate(8deg)}.appearance-hero-art i:nth-child(3){inset-inline-start:92px;top:35px;opacity:.4;transform:rotate(24deg)}.appearance-studio form{padding:clamp(1.2rem,3vw,2.5rem)}.appearance-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.appearance-section-heading>div{display:flex;align-items:center;gap:.7rem}.appearance-section-heading span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--warm);color:var(--brand);font-weight:900}.appearance-section-heading h2,.appearance-section-heading p{margin:0}.appearance-section-heading p{color:var(--muted)}
.appearance-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.appearance-mode-card{position:relative;display:grid;gap:.45rem;padding:1rem;border:2px solid var(--line);border-radius:20px;background:var(--surface);cursor:pointer;transition:.2s}.appearance-mode-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 14px 34px var(--theme-glow)}.appearance-mode-card input,.appearance-preset-card input{position:absolute;opacity:0;pointer-events:none}.appearance-mode-card:has(input:checked),.appearance-preset-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px var(--theme-glow)}.appearance-mode-card strong{font-size:1.05rem}.appearance-mode-card small{color:var(--muted)}.appearance-mode-card em{position:absolute;top:.75rem;inset-inline-end:.75rem;display:none;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--brand);color:#fff;font-style:normal}.appearance-mode-card:has(input:checked) em{display:grid}.mode-preview{height:95px;display:grid;grid-template-columns:31% 1fr;grid-template-rows:32% 1fr;gap:6px;padding:9px;border-radius:13px;background:#f1f3f5;overflow:hidden}.mode-preview i{grid-row:1/-1;border-radius:8px;background:var(--brand)}.mode-preview b{border-radius:6px;background:#fff}.mode-preview-dark{background:#111b25}.mode-preview-dark b{background:#263544}.mode-preview-system{background:linear-gradient(115deg,#f1f3f5 50%,#111b25 50%)}.mode-preview-system b{background:linear-gradient(115deg,#fff 50%,#263544 50%)}
.appearance-preset-grid{grid-template-columns:repeat(5,minmax(125px,1fr));gap:.8rem}.appearance-preset-card{position:relative;display:grid;gap:.7rem;padding:.8rem;border:2px solid var(--line);border-radius:17px;background:var(--surface);cursor:pointer;transition:.2s}.appearance-preset-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px var(--theme-glow)}.preset-preview{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4px;height:56px;padding:6px;border-radius:11px;background:color-mix(in srgb,var(--preview-c) 28%,var(--surface))}.preset-preview i{display:block!important;width:auto!important;height:auto!important;border-radius:7px!important}.preset-preview i:nth-child(1){background:linear-gradient(145deg,var(--preview-b),var(--preview-a))}.preset-preview i:nth-child(2){background:var(--preview-c)}.preset-preview i:nth-child(3){background:color-mix(in srgb,var(--preview-a) 52%,#fff)}.preset-name{font-weight:850}.preset-selected{position:absolute;display:none;place-items:center;top:.55rem;inset-inline-end:.55rem;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:var(--preview-a);color:#fff;box-shadow:0 3px 10px #0003}.appearance-preset-card:has(input:checked) .preset-selected{display:grid}
.appearance-save-bar{position:sticky;z-index:5;bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:.8rem .9rem .8rem 1rem;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 18px 45px #0002;backdrop-filter:blur(14px)}.appearance-save-bar span{color:var(--muted);font-weight:700}.appearance-save{width:auto;min-width:180px;margin:0}html[data-mode="dark"] .appearance-hero{background:linear-gradient(125deg,color-mix(in srgb,var(--warm) 18%,var(--surface)),var(--surface))}html[data-mode="dark"] .mode-preview-light{filter:brightness(.88)}html[data-mode="dark"] body{background-image:radial-gradient(circle at 8% 5%,color-mix(in srgb,var(--brand) 15%,transparent),transparent 26%)}
@media(max-width:1050px){.appearance-preset-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media(max-width:700px){.appearance-hero-art{display:none}.appearance-section-heading{align-items:flex-start;flex-direction:column}.appearance-mode-grid{grid-template-columns:1fr}.appearance-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-save-bar{align-items:stretch;flex-direction:column}.appearance-save{width:100%}}@media(max-width:400px){.appearance-preset-grid{grid-template-columns:1fr}}
.public-page-list{display:grid;gap:1rem}.public-page-admin-card{display:grid;grid-template-columns:52px 150px minmax(260px,1fr) auto;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 8px 24px #0000000b;transition:.2s}.public-page-admin-card:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));transform:translateY(-2px)}.public-page-admin-card.is-disabled{opacity:.68}.public-page-admin-card>img{width:150px;height:88px;border-radius:13px;object-fit:cover}.public-page-order{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--warm);color:var(--brand);font-size:1.1rem;font-weight:900}.public-page-title-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.public-page-title-row h2{margin:0}.public-page-admin-copy p{margin:.5rem 0 0;color:var(--muted)}.public-page-admin-copy small{color:var(--muted)}.public-page-admin-card .actions{justify-content:flex-end}.public-page-admin-card .actions form{margin:0}.slug-input{display:flex;direction:ltr;align-items:center;border:1px solid #aebec3;border-radius:12px;overflow:hidden;background:var(--surface)}.slug-input span{align-self:stretch;display:flex;align-items:center;padding:0 .8rem;background:var(--warm);color:var(--muted)}.slug-input input{border:0;border-radius:0}.public-page-image-preview{display:block;max-width:360px;max-height:210px;margin-top:1rem;border-radius:16px;object-fit:cover}.success-banner{margin:1rem 0;padding:1rem;border-radius:14px;background:#dff7e9;color:#12613f;font-weight:800}@media(max-width:1050px){.public-page-admin-card{grid-template-columns:52px 130px 1fr}.public-page-admin-card>img{width:130px}.public-page-admin-card .actions{grid-column:2/-1;justify-content:flex-start}}@media(max-width:650px){.public-page-admin-card{grid-template-columns:44px 1fr}.public-page-admin-card>img{grid-column:1/-1;width:100%;height:180px}.public-page-admin-copy{grid-column:1/-1}.public-page-admin-card .actions{grid-column:1/-1}.public-page-admin-card .actions>*{flex:1;text-align:center}}
/* Search permission switch: fixed-width state, independent of profile heading badges. */
.section-search-form{display:inline-flex;align-items:center;gap:.7rem;margin:0;flex-wrap:wrap}
.section-search-form .section-search-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:46px;margin:0;padding:7px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 2px 5px #00000005;transition:background .18s,border-color .18s,box-shadow .18s}
.section-search-toggle .section-search-label{display:block;white-space:nowrap;font-size:.82rem;font-weight:700;line-height:1.4}
.section-search-toggle .section-search-track{position:relative;display:block;flex:0 0 64px;width:64px;height:30px;box-sizing:border-box;direction:ltr;border-radius:999px;background:#667383;color:#fff;font-style:normal;transition:background .18s}
.section-search-toggle .section-search-track:after{content:"";position:absolute;inset:auto;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .18s}
.section-search-toggle .section-search-state{position:absolute;inset:auto;left:28px;top:0;display:flex;align-items:center;justify-content:center;width:33px;height:30px;margin:0;padding:0;border:0;background:none;color:#fff;font:700 10px/1 system-ui,sans-serif;letter-spacing:.3px;white-space:nowrap}
.section-search-form .section-search-toggle.is-on{border-color:color-mix(in srgb,#16845d 35%,var(--line));background:color-mix(in srgb,#16845d 7%,var(--surface))}
.section-search-toggle.is-on .section-search-track{background:#16845d}
.section-search-toggle.is-on .section-search-track:after{transform:translateX(34px)}
.section-search-toggle.is-on .section-search-state{left:3px;width:33px}
.section-search-form .section-search-toggle:hover{border-color:var(--muted);box-shadow:0 3px 10px #0000000a}
.section-search-form .section-search-toggle:focus-visible,.section-search-form small a:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.section-search-form small{display:block;font-size:.75rem;line-height:1.4}
.section-search-form small a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent)}
.section-search-form small a:hover{color:var(--ink)}
.profile-section-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.profile-section-actions form{margin:0}
@media(max-width:650px){.profile-section-actions{width:100%}.section-search-form{max-width:100%;gap:.55rem}.section-search-form .section-search-toggle{flex:0 0 auto}}
@media(prefers-reduced-motion:reduce){.section-search-form .section-search-toggle,.section-search-toggle .section-search-track,.section-search-toggle .section-search-track:after{transition:none}}
.language-switcher .language-flag.active{background:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)!important}.appearance-preset-grid .preset-preview{display:grid!important;grid-template-columns:1.5fr 1fr 1fr!important;align-items:stretch!important;gap:4px!important;min-height:64px!important;padding:7px!important;border:0!important;background:color-mix(in srgb,var(--preview-c) 34%,var(--surface))!important}.appearance-preset-grid .preset-preview i{display:block!important;width:auto!important;height:auto!important;border-radius:8px!important}.appearance-preset-grid .preset-preview i:nth-child(1){background:linear-gradient(145deg,var(--preview-b),var(--preview-a))!important}.appearance-preset-grid .preset-preview i:nth-child(2){background:var(--preview-c)!important}.appearance-preset-grid .preset-preview i:nth-child(3){background:color-mix(in srgb,var(--preview-a) 52%,#fff)!important}.appearance-preset-grid .preset-name{display:block!important;min-height:0!important;padding:.25rem!important;border:0!important;background:transparent!important}.path-block{margin-bottom:1.2rem}.path-block .experience-card{margin-top:.75rem}html[data-mode="dark"] .public-home-footer{background:var(--surface);color:var(--ink)}html[data-mode="dark"] .public-home-footer nav a{color:var(--ink)}html[data-mode="dark"] .public-share-layout{background:var(--app-bg)}html[data-mode="dark"] .public-share-top{background:var(--surface)}html[data-mode="dark"] .public-share-top a{color:var(--ink)}
.learning-profile-block{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--warm) 42%,var(--surface))}.learning-profile-block>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.learning-profile-block h3{margin:0}
.student-timeline{display:grid;gap:1.5rem}.student-timeline section{padding-inline-start:2rem;border-inline-start:3px solid var(--brand)}.student-timeline section>h2{color:var(--brand)}.student-timeline article{display:grid;grid-template-columns:110px 1fr;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.student-timeline time{font-weight:800;color:var(--muted)}@media(max-width:600px){.student-timeline article{grid-template-columns:1fr}}

.login-panel .login-home-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;justify-self:center;min-height:40px;padding:.4rem .8rem;margin-top:.35rem;border-radius:999px;color:var(--muted);font-size:.9rem;text-decoration:none}.login-panel .login-home-link:hover{color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,var(--surface))}.login-panel .login-home-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.login-home-link svg{flex-shrink:0}
/* Compact, consistently centered language selector on all screens. */
.language-switcher,.login-page .login-language-switcher{display:inline-flex!important;align-items:center;direction:ltr;gap:2px;padding:3px;border:0;border-radius:999px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));vertical-align:middle;flex-shrink:0}
.login-page .login-language-switcher{top:1rem;right:1rem}
.language-switcher .language-flag,.login-page .login-language-switcher .language-flag{display:flex!important;align-items:center;justify-content:center;flex:0 0 34px;width:34px;min-width:34px;height:34px;min-height:34px;box-sizing:border-box;margin:0;padding:0!important;border-radius:50%;font-size:0!important;line-height:1;filter:none;transition:background .18s,box-shadow .18s;transform:none}
.language-switcher .language-flag b{display:none}
.language-switcher .language-flag[href*="culture=ar"]::after,.login-page .login-language-switcher .language-flag[href*="culture=ar"]::after{content:'AR';font:700 10px/1 system-ui,sans-serif;letter-spacing:.2px}
.language-switcher .language-flag[href*="culture=en"]::after,.login-page .login-language-switcher .language-flag[href*="culture=en"]::after{content:'EN';font:700 10px/1 system-ui,sans-serif;letter-spacing:.2px}
.language-switcher .language-flag.active,.login-page .login-language-switcher .language-flag.active{background:var(--brand)!important;color:#fff!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 20%,transparent)!important}
.language-switcher .language-flag:hover{transform:none}
.language-switcher .language-flag:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.language-switcher .language-flag{transition:none}}

/* Keep the long student navigation usable at 100% zoom. */
.sidebar-nav{scrollbar-width:thin;overscroll-behavior:contain}
.sidebar-nav a,.sidebar-footer>a,.sidebar-logout,.sidebar-submenu summary{min-height:39px;padding:.48rem .62rem;font-size:.91rem}
.sidebar-nav i,.sidebar-footer i,.sidebar-submenu summary i{flex-basis:26px;width:26px;height:26px;border-radius:8px;background:#ffffff12;font-size:.95rem}
.app-sidebar{overflow:hidden}.sidebar-brand,.sidebar-footer{flex-shrink:0}.sidebar-nav{min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent;padding-bottom:.5rem}.sidebar-nav> *{flex-shrink:0}.sidebar-nav .sidebar-submenu>div{max-height:none;overflow:visible;padding-inline-start:.55rem}.sidebar-nav a,.sidebar-nav summary{white-space:normal;overflow-wrap:anywhere}.sidebar-nav a[aria-current="page"]{background:#ffffff24;color:#fff;font-weight:800}.sidebar-nav summary:focus-visible,.sidebar-nav a:focus-visible{outline:2px solid #fff;outline-offset:-2px}.sidebar-nav summary span{min-width:0}.sidebar-nav summary i{flex-shrink:0}
.student-feature-menu>div a{min-height:34px;padding-block:.36rem;font-size:.82rem;white-space:normal;line-height:1.25}
.student-feature-menu>div i{flex-basis:22px;width:22px;height:22px;font-size:.78rem}
.student-sharing-menu{margin:.2rem 0;border:1px solid #ffffff24;background:#ffffff0a}
.student-sharing-menu>summary{color:#fff;font-weight:900}
.student-sharing-menu>summary i{background:color-mix(in srgb,var(--brand) 55%,#fff 12%)}
.student-feature-menu[open]>summary{color:#fff}

/* Complete dark mode coverage for shared, public, account, profile and admin UI. */
html[data-mode="dark"] body,html[data-mode="dark"] .login-page{background-color:var(--app-bg);color:var(--ink)}
html[data-mode="dark"] .site-header,html[data-mode="dark"] .app-topbar,html[data-mode="dark"] .content-card,html[data-mode="dark"] .profile-section,html[data-mode="dark"] .profile-tab-nav,html[data-mode="dark"] .auth-card,html[data-mode="dark"] .login-card,html[data-mode="dark"] .form-card,html[data-mode="dark"] .management-table-wrap,html[data-mode="dark"] .responsive-table,html[data-mode="dark"] .modal-content,html[data-mode="dark"] dialog,html[data-mode="dark"] .portfolio-module-card,html[data-mode="dark"] .portfolio-entry-card,html[data-mode="dark"] .public-page-admin-card,html[data-mode="dark"] .school-stat-card,html[data-mode="dark"] .student-memory-card{background:var(--surface)!important;color:var(--ink);border-color:var(--line)}
html[data-mode="dark"] table,html[data-mode="dark"] thead,html[data-mode="dark"] tbody,html[data-mode="dark"] tr,html[data-mode="dark"] th,html[data-mode="dark"] td{background:transparent!important;color:var(--ink);border-color:var(--line)}
html[data-mode="dark"] th{background:color-mix(in srgb,var(--warm) 70%,var(--surface))!important}
html[data-mode="dark"] input,html[data-mode="dark"] select,html[data-mode="dark"] textarea,html[data-mode="dark"] .school-combobox,html[data-mode="dark"] .school-combobox-results{background:#111d24!important;color:var(--ink)!important;border-color:#465761!important}
html[data-mode="dark"] input::placeholder,html[data-mode="dark"] textarea::placeholder{color:#91a0a8}
html[data-mode="dark"] .profile-data-grid>div,html[data-mode="dark"] .learning-profile-block,html[data-mode="dark"] .empty-state,html[data-mode="dark"] .section-privacy-bar,html[data-mode="dark"] .appearance-save-bar{background:#111d24!important;color:var(--ink);border-color:var(--line)}
html[data-mode="dark"] .secondary-button,html[data-mode="dark"] .profile-edit-button,html[data-mode="dark"] .rich-toolbar button{background:#24343d;color:var(--ink);border-color:#465761}
html[data-mode="dark"] a:not(.primary-button):not(.approve-button):not(.app-sidebar a){color:color-mix(in srgb,var(--brand) 45%,#fff)}
html[data-mode="dark"] .login-language-switcher{background:#111d24}
@media(prefers-color-scheme:dark){html[data-mode="system"] body{background-color:#0d151a;color:#eef3f5}}

/* Public home redesign */
body:has(.home-landing)>.page-shell{width:100%;margin:0}
body:has(.home-landing)>.site-header{position:relative;z-index:30;min-height:86px;padding-inline:clamp(1.5rem,5vw,6rem);background:#fff;box-shadow:0 1px 0 var(--line)}
body:has(.home-landing)>.site-header .brand{font-size:clamp(1.25rem,2vw,1.75rem)}
body:has(.home-landing)>.site-header nav{gap:1.35rem}
body:has(.home-landing)>.site-header nav>a{font-size:1rem;font-weight:700}
.home-landing{background:linear-gradient(115deg,#edd0d4,#f7eded 60%,#fff);padding-top:1px}
.home-nav-stage{padding:1.1rem clamp(1rem,8vw,9.5rem) 2.4rem}
.home-landing .home-section-nav{position:relative;top:auto;z-index:10;justify-content:center;gap:.45rem;width:100%;margin:0;padding:.85rem 1.15rem;border:1px solid #ffffffb8;border-radius:20px;background:#fffdfdf2;box-shadow:0 14px 34px #79323d14;backdrop-filter:blur(14px)}
.home-landing .home-section-nav a{padding:.7rem .82rem;color:var(--ink);font-size:.94rem;font-weight:850}
.home-landing .home-section-nav a:hover{background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand)}
.home-landing .home-slider{height:clamp(540px,68vh,770px);border-radius:34px 34px 28px 28px;box-shadow:0 25px 70px #07131d38}
.home-landing .home-slide:after{background:linear-gradient(90deg,#10242df2 0,#10242dbf 36%,#10242d40 72%,#10242d55)}
html[dir="rtl"] .home-landing .home-slide:after{background:linear-gradient(270deg,#10242df2 0,#10242dbf 36%,#10242d40 72%,#10242d55)}
.home-landing .home-slide figcaption{inset-inline-start:auto;inset-inline-end:clamp(4.5rem,8vw,9rem);width:min(520px,47%);text-align:start}
.home-landing .home-slide figcaption span{color:#e8c3ad;font-size:1.15rem}
.home-landing .home-slide figcaption h1{font-size:clamp(3rem,6vw,6.4rem);letter-spacing:-.04em;text-shadow:0 6px 25px #0004}
.home-landing .home-slide figcaption p{max-width:520px}
.home-landing .home-slider-arrow{width:58px;height:58px;background:#10242d70;font-size:1.55rem}
.home-landing .home-slider-arrow.next{inset-inline-end:1.8rem}.home-landing .home-slider-arrow.prev{inset-inline-start:1.8rem}
.home-landing .home-slider-dots{bottom:2rem}.home-landing .home-scroll-cue{bottom:1rem}
.home-story{width:min(1200px,calc(100% - 2rem));margin:auto}
body:has(.home-landing)>.page-shell>.public-home-footer{margin-top:2rem}
html[data-mode="dark"] .home-landing{background:linear-gradient(115deg,#321d22,#19191c 62%,#11181d)}
html[data-mode="dark"] body:has(.home-landing)>.site-header{background:var(--surface)}
html[data-mode="dark"] .home-landing .home-section-nav{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--line)}
@media(max-width:850px){
 body:has(.home-landing)>.site-header{padding:.8rem 1rem}.home-nav-stage{padding:1rem 1rem 1.5rem}
 .home-landing .home-section-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:.6rem;border-radius:15px}
 .home-landing .home-slider{height:570px;border-radius:22px}
 .home-landing .home-slide:after,html[dir="rtl"] .home-landing .home-slide:after{background:linear-gradient(0deg,#10242df5 0,#10242d9c 58%,#10242d24 88%)}
 .home-landing .home-slide figcaption{inset:auto 1.4rem 5rem;width:auto;text-align:start;transform:none}
 .home-landing .home-slide figcaption h1{font-size:clamp(2.2rem,10vw,3.5rem)}
 .home-landing .home-slider-arrow{width:44px;height:44px}.home-landing .home-slider-arrow.next{inset-inline-end:.75rem}.home-landing .home-slider-arrow.prev{inset-inline-start:.75rem}
}

/* Compact school management tables and information dialog */
.school-filter-form{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(130px,.7fr) minmax(150px,.8fr) auto 68px;gap:.55rem;align-items:center;margin-bottom:1rem}
.school-filter-form input,.school-filter-form select,.school-filter-form button{min-width:0;height:44px;margin:0}
.school-filter-form .primary-button{padding:.55rem 1.1rem;box-shadow:none}
.school-filter-form .compact-page-size{width:68px;min-width:68px;padding-inline:.45rem}
.no-horizontal-scroll{overflow-x:hidden}
.compact-school-table{min-width:0;table-layout:fixed}
.compact-school-table th,.compact-school-table td{padding:.65rem .55rem;overflow-wrap:anywhere;vertical-align:middle;font-size:.88rem}
.compact-school-table th:first-child,.compact-school-table td:first-child{width:24%;min-width:0}
.compact-school-table th:nth-child(2),.compact-school-table td:nth-child(2){width:17%}
.compact-school-table th:nth-child(3),.compact-school-table td:nth-child(3){width:12%}
.compact-school-table th:nth-child(4),.compact-school-table td:nth-child(4){width:9%}
.compact-school-table th:nth-child(5),.compact-school-table td:nth-child(5){width:14%}
.compact-school-table th:nth-child(6),.compact-school-table td:nth-child(6){width:24%}
.registered-school-table th:first-child,.registered-school-table td:first-child{width:24%}.registered-school-table th:nth-child(2),.registered-school-table td:nth-child(2){width:15%}.registered-school-table th:nth-child(3),.registered-school-table td:nth-child(3){width:11%}.registered-school-table th:nth-child(4),.registered-school-table td:nth-child(4){width:8%}.registered-school-table th:nth-child(5),.registered-school-table td:nth-child(5){width:12%}.registered-school-table th:nth-child(6),.registered-school-table td:nth-child(6){width:13%}.registered-school-table th:nth-child(7),.registered-school-table td:nth-child(7){width:9%}.registered-school-table th:nth-child(8),.registered-school-table td:nth-child(8){width:8%}
.compact-stat{display:inline-flex;gap:.2rem;margin:.12rem .2rem;white-space:nowrap;font-size:.8rem}
.school-info-button{display:inline-grid;place-items:center;min-width:54px;min-height:34px;padding:.35rem .65rem;border:1px solid color-mix(in srgb,var(--brand) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:var(--brand);font:inherit;font-weight:900;cursor:pointer}
.school-info-button:hover{background:var(--brand);color:#fff}
.school-info-dialog{width:min(760px,94vw);max-height:88vh;padding:0;border:0;border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px #0006}.school-info-dialog::backdrop{background:#07131da8;backdrop-filter:blur(4px)}
.school-info-content{padding:1.4rem}.school-info-identity{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}.school-info-identity h3,.school-info-identity p{margin:.2rem 0}.school-info-identity p{color:var(--muted)}.school-info-logo{flex:0 0 92px;width:92px;height:92px;padding:.35rem;border:1px solid var(--line);border-radius:18px;background:#fff}.school-info-logo img{width:100%;height:100%;object-fit:contain;border-radius:13px}.school-info-content dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0}.school-info-content dl>div{min-width:0;padding:.8rem;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--warm) 48%,var(--surface))}.school-info-content dt{color:var(--muted);font-size:.78rem}.school-info-content dd{margin:.3rem 0 0;overflow-wrap:anywhere;font-weight:800}
html[data-mode="dark"] .school-info-dialog{background:var(--surface);color:var(--ink)}
@media(max-width:800px){.school-filter-form{grid-template-columns:1fr 1fr}.school-filter-form input:first-of-type{grid-column:1/-1}.school-filter-form .primary-button{grid-column:1}.no-horizontal-scroll{overflow:visible}.compact-school-table,.compact-school-table tbody,.compact-school-table tr,.compact-school-table td{display:block;width:100%!important}.compact-school-table thead{display:none}.compact-school-table tr{margin:.8rem;padding:.8rem;border:1px solid var(--line);border-radius:15px}.compact-school-table td{padding:.45rem;border:0}.compact-school-table td:empty{display:none}.school-info-content dl{grid-template-columns:1fr}.table-actions{flex-wrap:wrap}}
.portfolio-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.portfolio-module-card{display:block;padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);text-decoration:none}.portfolio-module-card:hover{border-color:var(--brand);transform:translateY(-2px)}.portfolio-module-card span,.portfolio-module-card small{color:var(--muted)}.portfolio-module-card h2{margin:.55rem 0}.section-privacy-bar{display:flex;align-items:end;flex-wrap:wrap;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--warm)}.section-privacy-bar label{display:grid;gap:.35rem}.portfolio-entry-list{display:grid;gap:1rem}.portfolio-entry-card{display:flex;justify-content:space-between;gap:1.5rem;padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.portfolio-entry-card>div:first-child{min-width:0;flex:1}.entry-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.entry-attachments a{padding:.4rem .7rem;border-radius:10px;background:var(--warm)}.approval-status{display:inline-block;padding:.25rem .55rem;border-radius:999px;background:var(--warm);font-size:.8rem}.status-approved{background:#dff6e9;color:#08663b}.status-rejected{background:#fde5e8;color:#9f1d2c}.status-pending{background:#fff2cc;color:#765500}.review-form{display:grid;gap:.5rem;min-width:220px}@media(max-width:760px){.portfolio-entry-card{display:block}.section-privacy-bar>*{width:100%}}
html[data-color-theme="emerald"]{--brand:#078c6c;--brand-dark:#04533f;--accent:#78d7b1;--warm:#dff5ec;--app-bg:#f0faf6}html[data-color-theme="ruby"]{--brand:#c1284f;--brand-dark:#74142e;--accent:#f29ab1;--warm:#f9e3ea;--app-bg:#fdf3f6}html[data-color-theme="aurora"]{--brand:#5b5bd6;--brand-dark:#263b7d;--accent:#38c9ad;--warm:#e7eafa;--app-bg:#f2f5fc}html[data-color-theme="mocha"]{--brand:#895d4a;--brand-dark:#4e3028;--accent:#d6aa83;--warm:#f1e7df;--app-bg:#faf5f1}html[data-color-theme="peacock"]{--brand:#087f83;--brand-dark:#123e62;--accent:#50b784;--warm:#ddf1ee;--app-bg:#eff8f7}html[data-color-theme="blossom"]{--brand:#d45183;--brand-dark:#873257;--accent:#f4b88f;--warm:#fae5ed;--app-bg:#fff4f7}html[data-color-theme="graphite"]{--brand:#45515f;--brand-dark:#202a35;--accent:#99a8b5;--warm:#e7eaed;--app-bg:#f1f3f5}html[data-color-theme="citrus"]{--brand:#a66b08;--brand-dark:#685006;--accent:#e4c329;--warm:#f7f0d3;--app-bg:#fcf9ed}html[data-color-theme="lagoon"]{--brand:#087f9b;--brand-dark:#064b62;--accent:#56d0ca;--warm:#dcf3f3;--app-bg:#eefafb}html[data-color-theme="royal"]{--brand:#5b3fb2;--brand-dark:#30206f;--accent:#d29a43;--warm:#ece7f8;--app-bg:#f7f4fc}html[data-color-theme="cinnamon"]{--brand:#a1522b;--brand-dark:#6b3419;--accent:#e0a877;--warm:#f5e6da;--app-bg:#faf3ec}html[data-color-theme="olive"]{--brand:#6b7f2a;--brand-dark:#414d19;--accent:#a8bb6c;--warm:#eef2df;--app-bg:#f6f8ee}html[data-color-theme="plum"]{--brand:#7a3b6d;--brand-dark:#4a2142;--accent:#c283b7;--warm:#f1e5ef;--app-bg:#f8f1f7}html[data-color-theme="denim"]{--brand:#395878;--brand-dark:#1f3550;--accent:#7396b8;--warm:#e4ecf3;--app-bg:#eff4f9}html[data-color-theme="terracotta"]{--brand:#b5562f;--brand-dark:#7a3419;--accent:#e2966a;--warm:#f8e6da;--app-bg:#fdf3ec}html[data-color-theme="sage"]{--brand:#5a8067;--brand-dark:#33503f;--accent:#9ac0a8;--warm:#e6efe9;--app-bg:#f1f7f3}html[data-color-theme="wine"]{--brand:#7a2036;--brand-dark:#4c1020;--accent:#b8637a;--warm:#f3e1e6;--app-bg:#faeef1}html[data-color-theme="steel"]{--brand:#4a6572;--brand-dark:#2a3e47;--accent:#85a3ae;--warm:#e6edf0;--app-bg:#f1f6f7}html[data-color-theme="honey"]{--brand:#b8850f;--brand-dark:#7a5709;--accent:#e6bd52;--warm:#f8eed7;--app-bg:#fdf8ec}html[data-color-theme="orchid"]{--brand:#9c4f96;--brand-dark:#632f60;--accent:#cf94c9;--warm:#f3e5f2;--app-bg:#faf1f9}
.share-qr-dialog{width:min(430px,94vw);padding:0;border:0;border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px #0007}.share-qr-dialog::backdrop{background:#08131caa;backdrop-filter:blur(5px)}.share-qr-close{position:absolute;top:.7rem;inset-inline-end:.8rem;border:0;background:transparent;color:var(--ink);font-size:2rem;cursor:pointer}.share-qr-card{display:grid;justify-items:center;gap:.7rem;padding:2rem;text-align:center}.share-qr-card img,.public-share-qr img{padding:.65rem;border:1px solid var(--line);border-radius:18px;background:#fff}.public-share-qr{display:grid;justify-items:center;gap:.2rem;color:var(--brand);text-decoration:none}.public-share-qr img{width:112px;height:112px}.profile-cover-actions form{margin:0}
.portfolio-360-page{padding:0;overflow:hidden}.portfolio-360-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,36%);align-items:center;min-height:310px;padding:clamp(1.4rem,4vw,3.4rem);background:linear-gradient(120deg,color-mix(in srgb,var(--warm) 72%,var(--surface)),var(--surface));overflow:hidden}.portfolio-360-copy{position:relative;z-index:2}.portfolio-360-copy h1{margin:.3rem 0;font-size:clamp(2.2rem,5vw,4.4rem)}.portfolio-360-copy p{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.9}.portfolio-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.portfolio-hero-actions form{margin:0}.portfolio-360-art{position:relative;height:250px;border-radius:32px;overflow:hidden;box-shadow:0 22px 55px var(--theme-glow)}.portfolio-360-art:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 30%,var(--brand-dark))}.portfolio-360-art img{width:100%;height:100%;object-fit:cover}.portfolio-360-art span{position:absolute;z-index:2;inset-inline-end:1rem;bottom:.6rem;color:#fff;font-size:3.2rem;font-weight:950}.portfolio-visual-grid{padding:clamp(1.2rem,3vw,2.5rem);grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-visual-card{position:relative;min-height:210px;padding:1.2rem;overflow:hidden;background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--warm) 65%,var(--surface)))}.portfolio-visual-card:before{content:"";position:absolute;width:115px;height:115px;inset-inline-end:-48px;top:-48px;border-radius:50%;background:var(--theme-gradient);opacity:.12}.portfolio-card-icon{display:grid!important;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--theme-gradient);color:#fff!important;font-size:1.35rem;box-shadow:0 9px 22px var(--theme-glow)}.portfolio-card-count{position:absolute;top:1.15rem;inset-inline-end:1.15rem;color:var(--muted)}.portfolio-card-count b{color:var(--brand);font-size:1.45rem}.portfolio-visual-card p{min-height:42px;margin:.35rem 0;color:var(--muted)}.portfolio-visual-card small i{display:inline-block;width:8px;height:8px;margin-inline-end:.25rem;border-radius:50%;background:#aeb7bc}.portfolio-visual-card small i.is-on{background:#19a66f;box-shadow:0 0 0 4px #19a66f22}.portfolio-card-arrow{position:absolute;inset-inline-end:1rem;bottom:.7rem;color:var(--brand);font-size:1.35rem}.portfolio-visual-card:hover .portfolio-card-arrow{transform:translateX(-5px)}@media(max-width:1200px){.portfolio-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.portfolio-360-hero{grid-template-columns:1fr}.portfolio-360-art{display:none}.portfolio-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.portfolio-visual-grid{grid-template-columns:1fr}.portfolio-visual-card{min-height:190px}}

.portfolio-record-controls{display:grid;gap:.75rem;width:100%;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.portfolio-record-privacy,.portfolio-record-buttons{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.portfolio-record-privacy label{font-size:.82rem;font-weight:700}.portfolio-record-privacy select{min-width:180px;max-width:100%;width:auto}
.portfolio-record-controls small,.portfolio-privacy-note{color:var(--muted);line-height:1.8}.portfolio-record-controls button:disabled{opacity:.55;cursor:not-allowed}
.portfolio-entry-card:has(.portfolio-record-controls){flex-direction:column;gap:1rem}.portfolio-entry-card .record-actions:has(.portfolio-record-controls){display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.portfolio-record-controls{flex-basis:100%}
@media(max-width:650px){.portfolio-record-privacy{align-items:stretch}.portfolio-record-privacy label{width:100%}.portfolio-record-privacy select{flex:1;min-width:0}.portfolio-record-buttons{align-items:stretch;flex-direction:column}}

.correspondence-page{max-width:1100px;margin-inline:auto}.correspondence-note,.correspondence-page small{color:var(--muted);line-height:1.7}.correspondence-settings{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-block:1rem;padding:.85rem;border:1px solid var(--line);border-radius:14px}.correspondence-settings input:not([type=checkbox]){width:auto;max-width:100%}.correspondence-settings small{flex-basis:100%}.correspondence-settings form{margin:0}.correspondence-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem;margin-block:.6rem;border:1px solid var(--line);border-radius:14px}.correspondence-row p{margin:.3rem 0}.correspondence-row time,.correspondence-entry time{color:var(--muted);font-size:.85rem}.correspondence-badges{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.correspondence-badges span{padding:.3rem .6rem;border-radius:999px;background:var(--warm);font-size:.8rem}.correspondence-entry{border:1px solid var(--line);border-radius:14px;padding:1rem;margin-block:1rem}.correspondence-entry header{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}.correspondence-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.correspondence-page [hidden]{display:none!important}.correspondence-page [aria-current=page]{background:var(--brand);color:white}.correspondence-page select[multiple]{min-height:180px}@media(max-width:650px){.correspondence-row{flex-direction:column}.correspondence-settings{align-items:stretch;flex-direction:column}.correspondence-page .section-heading{flex-wrap:wrap}}
.address-editor{max-width:760px;margin-inline:auto}.address-privacy-note{padding:1rem;border-radius:14px;background:var(--warm);color:var(--muted);line-height:1.8}.address-summary small{display:block;margin-top:1rem;color:var(--muted)}.geography-attribution{display:block;margin-top:1.2rem;color:var(--muted);font-size:.72rem;line-height:1.6}.community-map-page{--map-ink:#123f4c;--map-teal:#247e89}.community-map-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 2.2rem;border-radius:25px;background:linear-gradient(115deg,#113d4c,#176271);color:#fff;overflow:hidden}.community-map-hero h1{color:#fff;margin:.4rem 0;font-size:clamp(1.7rem,3vw,2.7rem)}.community-map-hero .eyebrow{color:#bce6d9;letter-spacing:.1em}.community-map-hero p,.community-map-hero small{color:#d0e7e7}.map-hero-orbit{font:160px/1 system-ui;color:#ffffff30;flex-shrink:0}.map-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0}.map-stats article{padding:1.1rem 1.3rem;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px #163f4c06}.map-stats span{display:block;color:var(--muted);font-size:.85rem}.map-stats strong{display:block;margin-top:.4rem;color:var(--brand);font:800 2rem/1.2 system-ui}.map-toolbar{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap;padding:1rem;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.map-toolbar label{display:grid;gap:.35rem;min-width:190px;font-size:.85rem;font-weight:700}.map-toolbar select{margin:0}.map-explorer{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:1rem;direction:ltr}.map-stage{position:relative;min-width:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#dcebee}#community-map{height:600px;width:100%;background:#dcebee;isolation:isolate;z-index:0;direction:ltr;font-family:inherit}#community-map .leaflet-heatmap-layer{pointer-events:none}#community-map .leaflet-control-attribution{font-size:10px;background:#ffffffeb}.map-city-panel{padding:1.2rem;border:1px solid var(--line);border-radius:20px;background:var(--surface);max-height:602px;overflow:auto;scrollbar-width:thin;direction:rtl}html[dir=ltr] .map-city-panel{direction:ltr}.map-city-panel h2{margin:0;font-size:1.15rem}.map-city-panel>p{font-size:.83rem;color:var(--muted)}.map-city-panel input{width:100%;margin:.4rem 0 .8rem}.map-city-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:.3rem;width:100%;padding:.9rem .5rem;margin-bottom:.35rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:start;cursor:pointer;overflow:hidden}.map-city-row strong{font-size:.9rem}.map-city-row b{color:var(--brand);font-size:.95rem}.map-city-row small{grid-column:1/-1;font-size:.7rem;color:var(--muted)}.map-city-row i{position:absolute;inset-inline-start:0;bottom:0;height:3px;background:#52ada4;border-radius:9px}.map-city-row:hover{background:var(--warm);border-radius:8px}.map-city-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.map-count-marker{display:grid;place-items:center;min-width:40px;height:40px;padding:0 .4rem;border:2px solid #fff;border-radius:50%;background:#165969;color:#fff;font:800 13px/1 system-ui;box-shadow:0 4px 16px #123f4c55}.map-marker-shell{background:transparent;border:0}.map-legend{position:absolute;z-index:500;bottom:32px;left:15px;width:160px;padding:.7rem;border:1px solid #d7e1e3;border-radius:12px;background:#fffffff0;box-shadow:0 4px 18px #123f4c0b;color:#26454f;font-size:.7rem;pointer-events:none}.map-legend strong{display:block;margin-bottom:.4rem;font-size:.75rem}.map-legend div{height:7px;border-radius:999px;background:linear-gradient(90deg,#4aa8df,#2bbba8,#e6c754,#eb9745,#d54764);margin-bottom:.3rem}.map-legend span:last-child{float:right}.map-footnote,[data-map-status]{color:var(--muted);line-height:1.7;font-size:.85rem}@media(max-width:1000px){.map-explorer{grid-template-columns:1fr}.map-city-panel{max-height:320px}#community-map{height:500px}}@media(max-width:600px){.map-stats{grid-template-columns:repeat(2,1fr);gap:.6rem}.map-stats article{padding:.8rem}.community-map-hero{padding:1.3rem}.map-hero-orbit{display:none}.map-toolbar label{min-width:0;flex:1 1 130px}#community-map{height:430px}}.community-map-page [hidden]{display:none!important}.community-map-page[data-mode=schools] .map-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
