/* Shared appearance foundations. Layout, imagery and typography keep their own contracts. */
:root{color-scheme:light;--surface:#fff;--surface-raised:#fff;--surface-sunken:#f7f8fa;--action:#1659e8;--action-hover:#0b40b7;--on-action:#fff;--shadow:0 16px 48px #183b6514}
html[data-theme="dark"]{color-scheme:dark;--ink:#e9eef8;--muted:#a7b3c6;--line:#2b3b53;--paper:#101b2b;--soft:#172438;--blue:#91b5ff;--blue-dark:#b2ccff;--blue-wash:#1c3152;--surface:#172438;--surface-raised:#1d2d44;--surface-sunken:#0c1523;--action:#356bed;--action-hover:#2c61d8;--on-action:#fff;--shadow:0 16px 48px #0004;--detail-navy:#e9eef8;--detail-blue:#91b5ff;--detail-rule:#2b3b53;--detail-muted:#a7b3c6;--detail-soft:#172438;--control-line:#50617a}
html{background:var(--paper,#fff)}
.theme-picker{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;gap:8px;min-height:44px;border:1px solid var(--line,#e4e7e9);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#1e2630);padding:0 12px;max-width:100%;font:500 14px/1.4 Inter,system-ui,sans-serif}
.theme-picker[hidden]{display:none!important}
.theme-picker:hover{border-color:var(--muted,#63707c)}
.theme-picker:focus-within{outline:3px solid var(--blue,#1659e8);outline-offset:3px}
.theme-picker-icon{width:18px;height:18px;flex-shrink:0;color:var(--muted,#63707c);pointer-events:none}
.theme-picker select{appearance:none;display:block;width:auto;min-width:116px;min-height:42px;padding:10px 20px 10px 0;margin:0;border:0;background:transparent;color:inherit;outline:0;font:inherit;line-height:1.4;cursor:pointer;box-shadow:none}
.theme-picker select:focus-visible{outline:0}
.theme-picker option{color:var(--ink,#1e2630);background:var(--surface,#fff)}
.theme-picker-chevron{position:absolute;right:10px;width:16px;height:16px;pointer-events:none;color:var(--muted,#63707c)}
.sp-appearance-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.sp-appearance-footer .sp-legal-links{margin:0}
.brand-theme{display:inline-flex;max-width:100%;vertical-align:middle}
.brand-theme>img{display:block;width:100%;height:auto}
.brand-dark{display:none;align-items:center;gap:3px;white-space:nowrap;font:800 27px/1.1 Inter,system-ui,sans-serif;letter-spacing:-1.2px;color:var(--ink)}
.brand-dark>.brand-mascot{display:block;flex:0 0 38px;width:38px;height:43px}
.brand-dark>span>span{color:#75a5ff}
.brand .brand-theme{width:172px}
.sp-brand .brand-theme{width:166px}
.sp-mobile-menu .brand-theme{width:142px}
.sp-mobile-menu .brand-dark{font-size:23px}
.sp-mobile-menu .brand-dark>.brand-mascot{flex-basis:32px;width:32px;height:36px}
html[data-theme="dark"] .brand-theme>img{display:none}
html[data-theme="dark"] .brand-dark{display:inline-flex}
@media(max-width:680px){.footer-bottom{flex-wrap:wrap;align-items:center;gap:14px 22px}.footer-bottom .theme-picker{margin-left:auto}.brand .brand-theme{width:142px}.brand .brand-dark{font-size:23px}.brand .brand-dark>.brand-mascot{flex-basis:32px;width:32px;height:36px}}
/* The isolated demo uses the same theme and keeps its illustration intact. */
.demo-card .brand-theme{width:190px;display:inline-flex;margin:0 auto 26px}
.demo-card .theme-picker{margin-top:20px}
html[data-theme="dark"] .demo-toolbar{background:#152742;border-color:var(--line);color:var(--muted)}
html[data-theme="dark"] .demo-toolbar a{color:var(--blue)}
html[data-theme="dark"] body.demo-landing{background:radial-gradient(ellipse at 25% 0,#1b3458,transparent 60%),var(--paper);color:var(--ink)}
html[data-theme="dark"] .demo-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme="dark"] .demo-eyebrow{color:var(--blue)}
html[data-theme="dark"] .demo-card h1{color:var(--ink)}
html[data-theme="dark"] .demo-card p{color:var(--muted)}
html[data-theme="dark"] .demo-facts span{background:var(--surface-raised);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .demo-button{background:var(--action);color:var(--on-action)}
html[data-theme="dark"] .demo-button:hover{background:var(--action-hover)}
html[data-theme="dark"] .demo-card .demo-boundary{border-color:var(--line)}
html[data-theme="dark"] .demo-card .demo-feedback{background:#382e1b;color:#f1d192}

/* Original eye pixels receive an ice-blue tint only on dark surfaces. */
.brand-mascot .mascot-eyes{display:none}
html[data-theme="dark"] .brand-mascot .mascot-eyes{display:inline}
/* Dark branded panels keep readable eyes even when the page itself is light. */
:is(.sp-welcome-art,.sp-login-mascot,.profile-finish-mascot,.ss-finish-mascot,.content-hero-visual,.comparison-visual) .brand-mascot .mascot-eyes{display:inline}
/* These illustrations cross a pale book/card: retain the dark wink on that half. */
:is(.content-hero-visual,.comparison-visual) .brand-mascot .mascot-eyes>svg:first-child{display:none}
/* Pale mascot plates stay pale in either theme; their original navy eyes remain clearer. */
html body :is(.editorial-mascot-stage,.location-index-visual,.form-context-brand,.workspace-access-mascot) .brand-mascot .mascot-eyes{display:none}

/* Soft headlight colour sits behind the original transparent lamp apertures. */
.brand-mascot .mascot-headlights{display:none}
html[data-theme="dark"] .brand-mascot .mascot-headlights{display:inline}
:is(.sp-welcome-art,.sp-login-mascot,.profile-finish-mascot,.ss-finish-mascot,.content-hero-visual,.comparison-visual) .brand-mascot .mascot-headlights{display:inline}
html body :is(.editorial-mascot-stage,.location-index-visual,.form-context-brand,.workspace-access-mascot) .brand-mascot .mascot-headlights{display:none}

/* Rijmaatje dark surfaces. This file changes colour and elevation only.
   Component selectors are deliberate: photography, charts, and brand artwork keep their own colours. */

/* Shared chrome, discovery controls, and result cards. */
html[data-theme="dark"] .detail-layout .site-header::before{background:var(--paper);box-shadow:0 0 0 100vmax var(--paper)}
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .detail-layout .site-footer{background:var(--surface-sunken);border-color:var(--line)}
html[data-theme="dark"] .home-shortcuts a,
html[data-theme="dark"] .site-menu summary,
html[data-theme="dark"] .site-menu-panel,
html[data-theme="dark"] .outline-button,
html[data-theme="dark"] .step-number,
html[data-theme="dark"] .filter-field select,
html[data-theme="dark"] .filter-field input,
html[data-theme="dark"] .sort-control select,
html[data-theme="dark"] .sort-submit,
html[data-theme="dark"] .category,
html[data-theme="dark"] .directory-toolbar>.filters-panel,
html[data-theme="dark"] .catalogue-page .directory-controls,
html[data-theme="dark"] .directory-controls .sort-field,
html[data-theme="dark"] .school-card.directory-card,
html[data-theme="dark"] .school-card.directory-card .compare-check,
html[data-theme="dark"] .detail-layout .school-card,
html[data-theme="dark"] .catalogue-page .empty-state,
html[data-theme="dark"] .location-page-v2 .empty-state{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .site-menu-panel,
html[data-theme="dark"] .school-card.directory-card,
html[data-theme="dark"] .detail-layout .school-card{box-shadow:0 8px 28px #00000020}
html[data-theme="dark"] .home-shortcuts a,
html[data-theme="dark"] .site-menu-panel a{color:var(--ink)}
html[data-theme="dark"] .home-shortcuts a:hover,
html[data-theme="dark"] .site-menu[open] summary,
html[data-theme="dark"] .site-menu-panel a:hover,
html[data-theme="dark"] .site-menu-panel a[aria-current=page],
html[data-theme="dark"] .outline-button:hover,
html[data-theme="dark"] .school-card.directory-card .compare-check:hover{background:var(--blue-wash);border-color:#5476a8;color:var(--blue)}
html[data-theme="dark"] .site-menu-icon,
html[data-theme="dark"] .guide-mark,
html[data-theme="dark"] .city-place-mark,
html[data-theme="dark"] .step-number{background:var(--blue-wash);border-color:var(--line);color:var(--blue)}
html[data-theme="dark"] .preview-notice,
html[data-theme="dark"] .how-section,
html[data-theme="dark"] .school-card.directory-card .card-reviews,
html[data-theme="dark"] .info-box{background:var(--surface);border-color:var(--line);color:var(--muted)}
html[data-theme="dark"] .search-bar,
html[data-theme="dark"] .contact-form textarea{background:var(--surface);border-color:#6c83a3;color:var(--ink);box-shadow:0 8px 24px #00000020}
html[data-theme="dark"] .search-bar input,
html[data-theme="dark"] .search-bar select{color:var(--ink)}
html[data-theme="dark"] .filter-chip{color:var(--blue)}
html[data-theme="dark"] .school-card.directory-card .external-review-card a{color:var(--muted)}
html[data-theme="dark"] .school-card.directory-card .card-price--unspecified strong{color:var(--ink)}
html[data-theme="dark"] .school-card.directory-card:hover,
html[data-theme="dark"] .detail-layout .school-card:hover{border-color:#5476a8;box-shadow:0 12px 32px #00000035}
/* Photo labels remain opaque and legible over photography; they do not alter the image. */
html[data-theme="dark"] .cover-label,
html[data-theme="dark"] .illustration-label,
html[data-theme="dark"] .save-button,
html[data-theme="dark"] .school-card.directory-card .card-cover .save-button{background:#142236f2;border-color:#52657f;color:#f4f7fc;box-shadow:0 2px 8px #00000025}
html[data-theme="dark"] .save-button:hover{background:#233b5c}
html[data-theme="dark"] .save-button[aria-pressed=true]{background:#24446e;color:#bdd4ff;border-color:#6e93c7}
html[data-theme="dark"] .rating-star{color:#f0c367}
html[data-theme="dark"] .verification-badge{background:#15372e;border-color:#346b58;color:#9de2bf}
html[data-theme="dark"] .verification-badge:hover{background:#1d493b;border-color:#57977d;color:#c2f4d9}
html[data-theme="dark"] .primary-button,
html[data-theme="dark"] .search-submit,
html[data-theme="dark"] .tiny-road,
html[data-theme="dark"] .profile-page-v3 .offer-panel-actions .primary-button,
html[data-theme="dark"] .profile-mobile-action .primary-button{background:var(--action);color:var(--on-action);border-color:var(--action)}
html[data-theme="dark"] .primary-button:hover,
html[data-theme="dark"] .search-submit:hover{background:var(--action-hover);color:var(--on-action);border-color:var(--action-hover)}
html[data-theme="dark"] .category.active{background:var(--ink);color:var(--surface-sunken);border-color:var(--ink)}
html[data-theme="dark"] .compare-bar,
html[data-theme="dark"] #action-status:not(:empty),
html[data-theme="dark"] .action-status,
html[data-theme="dark"] .skip-link{background:#254c86;color:#fff;border-color:#5679aa;box-shadow:0 12px 32px #00000040}
html[data-theme="dark"] dialog{background:var(--surface-raised);color:var(--ink);border-color:var(--line);box-shadow:0 24px 72px #0008}
html[data-theme="dark"] dialog::backdrop{background:#020712b8}

/* Quiet detail surfaces are shared by every informational page family. */
html[data-theme="dark"] .detail-panel{background:var(--surface);border-color:var(--line);box-shadow:0 8px 28px #00000020}
html[data-theme="dark"] .detail-panel--soft{background:var(--blue-wash);border-color:#345074}
html[data-theme="dark"] .detail-panel--blue{background:linear-gradient(125deg,#102b51,#1b4074);color:#fff;border-color:#35517a}
html[data-theme="dark"] .detail-section-icon{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .guide-hero-card{border-color:var(--line)}

/* School profiles: individual content panels, offers, provenance, and reviews. */
html[data-theme="dark"] .profile-page-v3{--profile-soft:var(--blue-wash)}
html[data-theme="dark"] .profile-breadcrumb,
html[data-theme="dark"] .profile-meta-line,
html[data-theme="dark"] .profile-page-v3 .image-credit,
html[data-theme="dark"] .offer-panel-price>.eyebrow,
html[data-theme="dark"] .profile-page-v3 .offer-panel-price p,
html[data-theme="dark"] .profile-page-v3 .profile-contact-note,
html[data-theme="dark"] .profile-contact-card>small,
html[data-theme="dark"] .profile-page-v3 .profile-copy p,
html[data-theme="dark"] .profile-route-card>p,
html[data-theme="dark"] .profile-source-card>p,
html[data-theme="dark"] .profile-mobile-price span,
html[data-theme="dark"] .review-experience-context,
html[data-theme="dark"] .review-subscores dt,
html[data-theme="dark"] .review-subscores dd span,
html[data-theme="dark"] .review-price-experience span{color:var(--muted)}
html[data-theme="dark"] .profile-keyfacts>span,
html[data-theme="dark"] .profile-header-actions .outline-button,
html[data-theme="dark"] .profile-page-v3 .profile-contact-card,
html[data-theme="dark"] .profile-page-v3 .offer-panel-actions .outline-button,
html[data-theme="dark"] .profile-page-v3 .profile-copy>section,
html[data-theme="dark"] .profile-page-v3 .profile-copy>.profile-panel--verification,
html[data-theme="dark"] .profile-page-v3 .profile-copy>.profile-panel--offers,
html[data-theme="dark"] .profile-page-v3 .profile-copy>.profile-panel--reviews,
html[data-theme="dark"] .profile-page-v3 .profile-copy>.profile-panel--contact,
html[data-theme="dark"] .profile-page-v3 .profile-panel--offers .info-box,
html[data-theme="dark"] .profile-page-v3 .profile-panel--reviews .info-box,
html[data-theme="dark"] .profile-page-v3 .offer-card,
html[data-theme="dark"] .profile-page-v3 .review-summary,
html[data-theme="dark"] .profile-page-v3 .review-card,
html[data-theme="dark"] .profile-page-v3 #externe-ervaringen,
html[data-theme="dark"] .profile-panel--contact>p:first-of-type{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .profile-page-v3 .profile-contact-card,
html[data-theme="dark"] .profile-page-v3 .offer-card{box-shadow:0 12px 32px #00000025}
html[data-theme="dark"] .profile-page-v3 .school-logo{background:#fff;box-shadow:0 6px 16px #0003}
html[data-theme="dark"] .profile-header-actions [aria-pressed=true]{background:var(--blue-wash);border-color:#5c7eb1;color:var(--blue)}
html[data-theme="dark"] .profile-page-v3 .profile-gallery,
html[data-theme="dark"] .profile-page-v3 .gallery-item{background:var(--surface-sunken)}
html[data-theme="dark"] .profile-page-v3 .profile-gallery.is-placeholder{background:linear-gradient(145deg,#1b3152,#142236)}
html[data-theme="dark"] .profile-image-placeholder>span,
html[data-theme="dark"] .profile-photo-label{background:#142236ed;border-color:#53647d;color:#e9eef8}
html[data-theme="dark"] .profile-contact-mascot{background:#233c61;border-color:#557199;box-shadow:0 5px 14px #0003}
html[data-theme="dark"] .profile-contact-intro{background:linear-gradient(135deg,#102c53,#234c88);color:#fff}
html[data-theme="dark"] .profile-page-v3 .offer-panel-actions .primary-button:hover{background:var(--action-hover)}
html[data-theme="dark"] .profile-page-v3 .profile-panel--verification[data-verification-state=true]{background:#142d29;border-color:#315748}
html[data-theme="dark"] .profile-page-v3 .profile-panel--verification[data-verification-state=true] .detail-section-icon{background:#1d4437;color:#9de2bf}
html[data-theme="dark"] .profile-page-v3 .profile-panel--verification .profile-verification-eyebrow{color:#b1c3dd}
html[data-theme="dark"] .verification-profile-facts>div{background:#122721;border-color:#315748}
html[data-theme="dark"] .verification-profile-facts dt{color:#a4bdaf}
html[data-theme="dark"] .verification-profile-facts dd{color:#e2f0e8}
html[data-theme="dark"] .verification-state-symbol{color:var(--muted)}
html[data-theme="dark"] [data-verification-state=true] .verification-state-symbol{color:#9de2bf}
html[data-theme="dark"] .profile-page-v3 .profile-verification-source{border-color:#315748;color:#a4bdaf}
html[data-theme="dark"] .profile-page-v3 .profile-sections a{background:var(--surface);border-color:var(--line);color:var(--muted)}
html[data-theme="dark"] .profile-page-v3 .profile-sections a:hover,
html[data-theme="dark"] .profile-page-v3 .profile-sections a:focus-visible{background:var(--blue-wash);border-color:#597eb6;color:var(--blue)}
html[data-theme="dark"] .profile-page-v3 .practical-grid>div,
html[data-theme="dark"] .profile-page-v3 .info-box,
html[data-theme="dark"] .profile-page-v3 .cbr-source-details,
html[data-theme="dark"] .profile-page-v3 .cbr-source-result,
html[data-theme="dark"] .profile-page-v3 .instructor-card,
html[data-theme="dark"] .review-subscores,
html[data-theme="dark"] .review-photo-grid a{background:var(--surface-sunken);border-color:var(--line)}
html[data-theme="dark"] .profile-page-v3 .practical-grid dt,
html[data-theme="dark"] .profile-page-v3 .review-card>div>span{color:var(--muted)}
html[data-theme="dark"] .profile-page-v3 .offer-card .eyebrow,
html[data-theme="dark"] .profile-route-steps a>span{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .profile-page-v3 .offer-card summary,
html[data-theme="dark"] .profile-page-v3 .review-origin,
html[data-theme="dark"] .profile-route-steps a{color:#b6cef4}
html[data-theme="dark"] .profile-page-v3 .offer-card details,
html[data-theme="dark"] .profile-route-steps li+li,
html[data-theme="dark"] .review-price-experience{border-color:var(--line)}
html[data-theme="dark"] .profile-panel--offers .detail-section-icon{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .profile-panel--cbr .detail-section-icon,
html[data-theme="dark"] .profile-page-v3 .profile-panel--external-reviews .detail-section-icon{background:#292f50;color:#c1c4f1}
html[data-theme="dark"] .profile-panel--reviews .detail-section-icon{background:#3c3221;color:#f0c367}
html[data-theme="dark"] .profile-own-rating>span:first-child,
html[data-theme="dark"] .profile-page-v3 .review-summary strong,
html[data-theme="dark"] .profile-page-v3 .rating-value{color:#f0c367}
html[data-theme="dark"] .profile-panel--contact .detail-section-icon{background:#183b42;color:#9fd7de}
html[data-theme="dark"] .profile-panel--contact>p:first-of-type{border-left-color:#6bbbc5}
html[data-theme="dark"] .profile-page-v3 .instructor-card>img{border-color:var(--surface-raised);box-shadow:0 4px 14px #0003}
html[data-theme="dark"] .profile-page-v3 .profile-provenance,
html[data-theme="dark"] .profile-source-card{background:var(--blue-wash);border-color:#345074;color:var(--muted)}
html[data-theme="dark"] .profile-route-mark{background:radial-gradient(ellipse,#28446e 0,#172b46 68%)}
html[data-theme="dark"] .profile-source-card>.detail-section-icon{background:var(--surface)}
html[data-theme="dark"] .review-experience-context dd,
html[data-theme="dark"] .review-subscores dd{color:var(--ink)}
html[data-theme="dark"] .profile-mobile-action{background:#142236f5;border-color:var(--line);box-shadow:0 -8px 28px #0005}
/* Inverted calls to action retain the intended light button on a navy scene. */
html[data-theme="dark"] .profile-finish .primary-button{background:#edf3ff;color:#173e78;border-color:#edf3ff}
html[data-theme="dark"] .profile-finish .primary-button:hover{background:#d9e7ff;color:#173e78}

/* Comparison: sticky row headings, zebra rows, and highlighted prices. */
html[data-theme="dark"] .comparison-page-v2 .comparison-sheet,
html[data-theme="dark"] .comparison-page-v2 .comparison-table-heading,
html[data-theme="dark"] .comparison-page-v2 .comparison-start,
html[data-theme="dark"] .comparison-page-v2 .comparison-steps>li,
html[data-theme="dark"] .comparison-page-v2 .comparison-selection-card,
html[data-theme="dark"] .comparison-page-v2 .comparison-selection-heading>.outline-button{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .comparison-page-v2 .comparison-table th,
html[data-theme="dark"] .comparison-page-v2 .comparison-table td{border-color:var(--line)}
html[data-theme="dark"] .comparison-page-v2 .comparison-table td{background:var(--surface)}
html[data-theme="dark"] .comparison-page-v2 .comparison-table th[scope=row],
html[data-theme="dark"] .comparison-page-v2 .comparison-table thead th:first-child{background:#1d2d44;color:#c1cee0}
html[data-theme="dark"] .comparison-page-v2 .comparison-table thead th{background:#182a43;border-color:#3b5579}
html[data-theme="dark"] .comparison-page-v2 .comparison-table tbody tr:nth-child(even):not(.comparison-price) td{background:#19273b}
html[data-theme="dark"] .comparison-page-v2 .comparison-table .comparison-price td{background:#1d365b;color:#d4e4ff;border-color:#3e5b85}
html[data-theme="dark"] .comparison-page-v2 .comparison-table .comparison-price th[scope=row]{background:#24426b;color:#e1ecff}
html[data-theme="dark"] .comparison-page-v2 .comparison-table tbody tr:nth-child(5)>*,
html[data-theme="dark"] .comparison-page-v2 .comparison-table tbody tr:nth-child(9)>*,
html[data-theme="dark"] .comparison-page-v2 .comparison-table tbody tr:nth-child(15)>*,
html[data-theme="dark"] .comparison-page-v2 .comparison-table tbody tr:nth-child(17)>*,
html[data-theme="dark"] .comparison-page-v2 .comparison-table tbody tr:nth-child(19)>*{border-top-color:var(--paper)}
html[data-theme="dark"] .comparison-page-v2 .comparison-table .cbr-source-result,
html[data-theme="dark"] .comparison-page-v2 .comparison-table .instructor-card{background:var(--surface-sunken);border-color:var(--line)}
html[data-theme="dark"] .comparison-page-v2 .comparison-table tbody tr:last-child td{background:#142236}
html[data-theme="dark"] .comparison-page-v2 .comparison-start-heading p,
html[data-theme="dark"] .comparison-page-v2 .comparison-resume small,
html[data-theme="dark"] .comparison-page-v2 .comparison-steps>li>.eyebrow,
html[data-theme="dark"] .comparison-page-v2 .comparison-steps p,
html[data-theme="dark"] .comparison-page-v2 .comparison-fact-grid p,
html[data-theme="dark"] .comparison-page-v2 .comparison-selection-heading p,
html[data-theme="dark"] .comparison-page-v2 .comparison-selection-card .data-note{color:var(--muted)}
html[data-theme="dark"] .comparison-page-v2 .comparison-sheet-mark,
html[data-theme="dark"] .comparison-page-v2 .comparison-step-mark,
html[data-theme="dark"] .comparison-page-v2 .comparison-card-index{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .comparison-page-v2 .table-hint .icon,
html[data-theme="dark"] .comparison-page-v2 .comparison-table td>a,
html[data-theme="dark"] .comparison-page-v2 .comparison-section-heading .eyebrow{color:var(--blue)}
html[data-theme="dark"] .comparison-page-v2 .comparison-search input,
html[data-theme="dark"] .comparison-page-v2 .comparison-search select{background:var(--surface-sunken);border-color:#6c83a3;color:var(--ink)}
html[data-theme="dark"] .comparison-page-v2 .comparison-resume{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html[data-theme="dark"] .comparison-page-v2 .comparison-steps>li:nth-child(2){background:#2b281f;border-color:#554833}
html[data-theme="dark"] .comparison-page-v2 .comparison-steps>li:nth-child(2) .comparison-step-mark{background:#413723;color:#f0ca7c}
html[data-theme="dark"] .comparison-page-v2 .comparison-steps>li:nth-child(3){background:#162e29;border-color:#315547}
html[data-theme="dark"] .comparison-page-v2 .comparison-steps>li:nth-child(3) .comparison-step-mark{background:#224536;color:#a3dfc1}
html[data-theme="dark"] .comparison-page-v2 .comparison-explainer{background:#18313b;border-color:#355464}
html[data-theme="dark"] .comparison-page-v2 .comparison-explainer-heading .comparison-sheet-mark{background:#254652;color:#aad9ed}
html[data-theme="dark"] .comparison-page-v2 .comparison-selection-card>.icon-button{background:var(--surface-raised);border-color:var(--line);color:var(--muted)}
html[data-theme="dark"] .comparison-page-v2 .comparison-selection-card>.icon-button:hover{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .comparison-page-v2 .comparison-school img{border-color:#53647d}
html[data-theme="dark"] .comparison-page-v2 .comparison-hero-actions .primary-button{background:#edf3ff;color:#173c77;border-color:#edf3ff}

/* Cities and regions: navigation, catalogue surfaces, and colourful guidance. */
html[data-theme="dark"] .location-page-v2 .location-hub-nav,
html[data-theme="dark"] .location-page-v2 .city-facts,
html[data-theme="dark"] .location-page-v2 .location-search-dock,
html[data-theme="dark"] .location-page-v2 .city-search-bar,
html[data-theme="dark"] .location-page-v2 .city-search,
html[data-theme="dark"] .location-page-v2 .city-alphabet a,
html[data-theme="dark"] .location-page-v2 .city-link,
html[data-theme="dark"] .location-page-v2 .region-search-panel,
html[data-theme="dark"] .location-page-v2 .region-card,
html[data-theme="dark"] .location-page-v2 .region-information-section{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .location-hub-nav a,
html[data-theme="dark"] .location-page-v2 .city-alphabet a{color:var(--muted)}
html[data-theme="dark"] .location-page-v2 .city-place-mark,
html[data-theme="dark"] .location-page-v2 .location-symbol,
html[data-theme="dark"] .location-page-v2 .region-information-card>.location-symbol{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .location-page-v2 .city-guide-grid p,
html[data-theme="dark"] .location-page-v2 .city-compare-card p{color:var(--muted)}
html[data-theme="dark"] .location-page-v2 .city-guide-grid article{background:var(--blue-wash);border-color:#345074}
html[data-theme="dark"] .location-page-v2 .city-guide-grid article:nth-child(2){background:#2a2842;border-color:#4c456c}
html[data-theme="dark"] .location-page-v2 .city-guide-grid article:nth-child(3){background:#17332c;border-color:#345d50}
html[data-theme="dark"] .location-page-v2 .city-guide-card-top .step-number{background:var(--surface);color:var(--ink)}
html[data-theme="dark"] .location-page-v2 .city-guide-card-icon{color:#a0bde9}
html[data-theme="dark"] .location-page-v2 .city-compare-card{background:var(--blue-wash);border-color:#345074}
html[data-theme="dark"] .location-page-v2 .city-shortcut-grid .city-link{background:linear-gradient(135deg,#1c2c44,#20385a);border-color:#3f587d}
html[data-theme="dark"] .location-page-v2 .city-link:hover,
html[data-theme="dark"] .location-page-v2 .city-alphabet a:hover,
html[data-theme="dark"] .location-hub-nav a:hover{background:var(--blue-wash);border-color:#5476a8;color:var(--blue)}
html[data-theme="dark"] .location-page-v2 .location-hub-nav a[aria-current=page]{background:#254c86;color:#fff}
html[data-theme="dark"] .location-page-v2 .location-hub-nav a[aria-current=page]:hover{background:#2e5b9e;color:#fff}
html[data-theme="dark"] .location-page-v2 .city-group h2{background:#254c86;color:#fff}
html[data-theme="dark"] .location-page-v2 .region-confirmation-note,
html[data-theme="dark"] .location-page-v2 .region-context-note{background:#302a1e;border-color:#5b4c32;color:#e4cc99}
html[data-theme="dark"] .location-page-v2 .region-context-note .location-symbol{background:#463b25;color:#e8c77c}
html[data-theme="dark"] .location-page-v2 .region-context-note p{color:#e4cc99}
html[data-theme="dark"] .location-page-v2 .region-information-card{background:var(--surface-sunken);border-color:var(--line);border-left-color:var(--blue)}
html[data-theme="dark"] .location-page-v2 .region-information-card address{border-color:var(--line)}
html[data-theme="dark"] .location-page-v2 .location-source-note{background:var(--blue-wash);border-color:#345074}
html[data-theme="dark"] .location-page-v2 .location-source-note>.icon{color:#b1c8eb}
html[data-theme="dark"] .location-page-v2 .city-hero .city-hero-actions .primary-button,
html[data-theme="dark"] .location-page-v2 .city-hero .city-hero-actions .location-invert-button,
html[data-theme="dark"] .location-page-v2 .region-action-card>.primary-button{background:#edf3ff;color:#173b78;border-color:#edf3ff}
html[data-theme="dark"] .location-page-v2 .region-action-card>.outline-button{background:#ffffff08;border-color:#ffffff55;color:#fff}

/* Article collections and reading surfaces. */
html[data-theme="dark"] .content-collection-nav,
html[data-theme="dark"] .content-search,
html[data-theme="dark"] .content-results-heading>.outline-button,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .content-pagination .outline-button,
html[data-theme="dark"] .content-empty,
html[data-theme="dark"] .content-article,
html[data-theme="dark"] .content-toc{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .content-collection-nav a,
html[data-theme="dark"] .content-results-heading p,
html[data-theme="dark"] .content-card-copy>p,
html[data-theme="dark"] .content-card-bottom,
html[data-theme="dark"] .content-pagination>span,
html[data-theme="dark"] .content-empty p,
html[data-theme="dark"] .content-breadcrumb>a,
html[data-theme="dark"] .content-article-meta,
html[data-theme="dark"] .content-prose,
html[data-theme="dark"] .content-toc summary::after,
html[data-theme="dark"] .content-toc a,
html[data-theme="dark"] .content-source-card p,
html[data-theme="dark"] .content-article-end p{color:var(--muted)}
html[data-theme="dark"] .content-results-heading .eyebrow,
html[data-theme="dark"] .content-card-copy>.eyebrow,
html[data-theme="dark"] .content-card-bottom>span,
html[data-theme="dark"] .content-breadcrumb>a:hover,
html[data-theme="dark"] .content-prose a,
html[data-theme="dark"] .content-toc summary>.icon{color:var(--blue)}
html[data-theme="dark"] .content-collection-nav a.active,
html[data-theme="dark"] .content-collection-nav a:hover,
html[data-theme="dark"] .content-toc a:hover{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .content-search input,
html[data-theme="dark"] .content-search select{background:var(--surface-sunken);border-color:#6c83a3;color:var(--ink)}
html[data-theme="dark"] .content-card:hover{border-color:#5476a8;box-shadow:0 12px 32px #0004}
html[data-theme="dark"] .content-card-image{background:var(--surface-sunken)}
html[data-theme="dark"] .content-card-placeholder{background:linear-gradient(135deg,#213958,#182a43)}
html[data-theme="dark"] .content-index-note,
html[data-theme="dark"] .content-source-card{background:#18313b;border-color:#355464}
html[data-theme="dark"] .content-index-note>span{background:#254652;color:#aad9ed}
html[data-theme="dark"] .content-index-note>p,
html[data-theme="dark"] .content-source-card p{color:#b7cbd5}
html[data-theme="dark"] .content-source-card>.eyebrow{color:#9ecedf}
html[data-theme="dark"] .content-source-card h2{color:#e1eff5}
html[data-theme="dark"] .content-tags a,
html[data-theme="dark"] .content-prose blockquote,
html[data-theme="dark"] .content-table-scroll th,
html[data-theme="dark"] .content-article-end{background:var(--blue-wash);border-color:#3f587d;color:#c6d8f4}
html[data-theme="dark"] .content-table-scroll,
html[data-theme="dark"] .content-table-scroll th,
html[data-theme="dark"] .content-table-scroll td,
html[data-theme="dark"] .content-prose hr,
html[data-theme="dark"] .content-toc ol{border-color:var(--line)}
html[data-theme="dark"] .content-prose blockquote{border-left-color:#7da2df}
html[data-theme="dark"] .content-toc a{background:var(--surface-sunken)}
html[data-theme="dark"] .content-end-symbol{background:#29466e;color:var(--blue)}
html[data-theme="dark"] .content-article-end h2{color:var(--ink)}

/* Editorial explainers, verification guidance, and quiet legal documents. */
html[data-theme="dark"] .editorial-page-v3{background:var(--paper)}
html[data-theme="dark"] .editorial-page-v3 .editorial-hero{background:radial-gradient(ellipse at 95% 0,#4879ed45,transparent 60%),#102c53}
html[data-theme="dark"] .editorial-page-v3 .editorial-jump-card,
html[data-theme="dark"] .editorial-page-v3 .editorial-related-nav,
html[data-theme="dark"] .legal-page-v3 .document-related-nav,
html[data-theme="dark"] .editorial-page-v3 .editorial-toc,
html[data-theme="dark"] .legal-page-v3 .document-toc,
html[data-theme="dark"] .editorial-page-v3 .editorial-section,
html[data-theme="dark"] .editorial-page-v3 .guide-faq,
html[data-theme="dark"] .legal-page-v3 .document-section{background:var(--surface);border-color:var(--line);box-shadow:0 8px 28px #00000020}
html[data-theme="dark"] .editorial-page-v3 .editorial-jump-symbol,
html[data-theme="dark"] .editorial-page-v3 .editorial-section-symbol,
html[data-theme="dark"] .editorial-page-v3 .guide-steps .step-number,
html[data-theme="dark"] .editorial-page-v3 .guide-card>svg,
html[data-theme="dark"] .editorial-page-v3 .guide-source-note>svg,
html[data-theme="dark"] .legal-page-v3 .document-section-number{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html[data-theme="dark"] .editorial-page-v3 .editorial-jump-card>.icon,
html[data-theme="dark"] .editorial-page-v3 .editorial-related-nav a,
html[data-theme="dark"] .legal-page-v3 .document-related-nav a,
html[data-theme="dark"] .editorial-page-v3 .editorial-toc a,
html[data-theme="dark"] .legal-page-v3 .document-toc a,
html[data-theme="dark"] .editorial-page-v3 .guide-section-heading p,
html[data-theme="dark"] .editorial-page-v3 .guide-steps p,
html[data-theme="dark"] .editorial-page-v3 .guide-card p,
html[data-theme="dark"] .editorial-page-v3 .guide-reading-note p,
html[data-theme="dark"] .editorial-page-v3 .guide-context-panel p,
html[data-theme="dark"] .editorial-page-v3 .guide-source-note p,
html[data-theme="dark"] .editorial-page-v3 .guide-section-note,
html[data-theme="dark"] .editorial-page-v3 .guide-faq p,
html[data-theme="dark"] .editorial-page-v3 .editorial-finish p,
html[data-theme="dark"] .legal-page-v3 .document-deck,
html[data-theme="dark"] .legal-page-v3 .document-section>p,
html[data-theme="dark"] .legal-page-v3 .document-facts dt,
html[data-theme="dark"] .verification-state-heading p,
html[data-theme="dark"] .verification-state-card p,
html[data-theme="dark"] .verification-contact-card p{color:var(--muted)}
html[data-theme="dark"] .editorial-page-v3 .editorial-toc h2,
html[data-theme="dark"] .legal-page-v3 .document-toc h2,
html[data-theme="dark"] .editorial-page-v3 .guide-faq summary,
html[data-theme="dark"] .editorial-page-v3 .editorial-finish h2,
html[data-theme="dark"] .legal-page-v3 .document-section h2,
html[data-theme="dark"] .legal-page-v3 .document-facts dd,
html[data-theme="dark"] .verification-state-card h3{color:var(--ink)}
html[data-theme="dark"] .editorial-page-v3 .editorial-toc a,
html[data-theme="dark"] .legal-page-v3 .document-toc a,
html[data-theme="dark"] .editorial-page-v3 .guide-steps li,
html[data-theme="dark"] .editorial-page-v3 .guide-reading-note>article,
html[data-theme="dark"] .editorial-page-v3 .guide-card,
html[data-theme="dark"] .editorial-page-v3 .guide-source-note,
html[data-theme="dark"] .legal-page-v3 .document-facts,
html[data-theme="dark"] .verification-state-card,
html[data-theme="dark"] .verification-contact-card{background:var(--surface-sunken);border-color:var(--line)}
html[data-theme="dark"] .editorial-page-v3 .editorial-related-nav a[aria-current=page],
html[data-theme="dark"] .legal-page-v3 .document-related-nav a[aria-current=page]{background:#254c86;color:#fff}
html[data-theme="dark"] .editorial-page-v3 .editorial-toc a:hover,
html[data-theme="dark"] .legal-page-v3 .document-toc a:hover,
html[data-theme="dark"] .editorial-page-v3 .guide-faq[open] summary{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html[data-theme="dark"] .editorial-page-v3 .guide-steps li:last-child{background:var(--blue-wash);border-color:#345074}
html[data-theme="dark"] .editorial-page-v3 .guide-steps li:last-child .step-number{background:var(--action);border-color:var(--action);color:#fff}
html[data-theme="dark"] .editorial-page-v3 .editorial-jump-card:nth-child(2) .editorial-jump-symbol,
html[data-theme="dark"] .editorial-page-v3 #prijzen .editorial-section-symbol,
html[data-theme="dark"] .editorial-page-v3 .guide-card[data-guide-review-source=google]>svg{background:#423622;border-color:#675132;color:#f0ca7c}
html[data-theme="dark"] .editorial-page-v3 .editorial-jump-card:nth-child(3) .editorial-jump-symbol,
html[data-theme="dark"] .editorial-page-v3 #cbr .editorial-section-symbol,
html[data-theme="dark"] .editorial-page-v3 .guide-card[data-profile-status=verified]>svg,
html[data-theme="dark"] .verification-intro-mark,
html[data-theme="dark"] .verification-state-mark,
html[data-theme="dark"] .verification-state-card[data-verification-state=true] .verification-state-mark{background:#224536;border-color:#3e6955;color:#a3dfc1}
html[data-theme="dark"] .editorial-page-v3 #ervaringen .editorial-section-symbol{background:#3b2945;color:#e0b5ee}
html[data-theme="dark"] .editorial-page-v3 #bewaren .editorial-section-symbol{background:#442e31;color:#f1b5ad}
html[data-theme="dark"] .editorial-page-v3 .guide-card[data-guide-review-source=google],
html[data-theme="dark"] .legal-page-v3 .document-state,
html[data-theme="dark"] .verification-state-card[data-verification-state=false]{background:#302a1e;border-color:#5b4c32;color:#e4cc99}
html[data-theme="dark"] .editorial-page-v3 .guide-card[data-profile-status=verified],
html[data-theme="dark"] .editorial-page-v3 .guide-context-panel,
html[data-theme="dark"] .editorial-page-v3 .verification-intro-ribbon,
html[data-theme="dark"] .verification-state-card[data-verification-state=true]{background:#17332a;border-color:#345d4c;color:#b9dfcc}
html[data-theme="dark"] .editorial-page-v3 .guide-context-list li{background:#142a22;border-color:#345d4c;color:#b9dfcc}
html[data-theme="dark"] .editorial-page-v3 .guide-context-list .icon{color:#a3dfc1}
html[data-theme="dark"] .verification-intro-ribbon p{color:#aac6b8}
html[data-theme="dark"] .verification-state-card .verification-state-mark{background:var(--blue-wash);color:#b3c9e9}
html[data-theme="dark"] .verification-state-card[data-verification-state=false] .verification-state-mark{background:#463b25;color:#e8c77c}
html[data-theme="dark"] .editorial-page-v3 #gegevens,
html[data-theme="dark"] .editorial-page-v3 .guide-source-note [data-guide-source-date],
html[data-theme="dark"] .editorial-page-v3 .guide-source-note [data-information-source-date],
html[data-theme="dark"] .editorial-page-v3 .editorial-finish{background:var(--blue-wash);border-color:#345074;color:var(--ink)}
html[data-theme="dark"] .editorial-page-v3 .guide-section-heading .eyebrow{color:var(--blue)}
html[data-theme="dark"] .editorial-page-v3 .guide-faq summary::after{border-color:#4c6588;background:linear-gradient(#b2ccff,#b2ccff) center/10px 1.5px no-repeat,linear-gradient(#b2ccff,#b2ccff) center/1.5px 10px no-repeat,#233b5a}
html[data-theme="dark"] .editorial-page-v3 .guide-faq[open] summary::after{background:linear-gradient(#b2ccff,#b2ccff) center/10px 1.5px no-repeat,#233b5a}
html[data-theme="dark"] .legal-page-v3 .document-header{background:radial-gradient(ellipse at 100% 0,#244674,transparent 72%),#1a2d49;border-color:#365277}
html[data-theme="dark"] .legal-page-v3 .document-heading-copy>.eyebrow,
html[data-theme="dark"] .legal-page-v3 .document-mark{background:var(--surface);border-color:#365277;color:var(--blue)}
html[data-theme="dark"] .legal-page-v3 .document-facts>div{border-color:var(--line)}
html[data-theme="dark"] .editorial-page-v3 .editorial-actions>.primary-button{background:#edf3ff;color:#173fa6;border-color:#edf3ff}

/* Forms: a consistent, clearly bounded input surface and semantic validation. */
html[data-theme="dark"] .form-page-v2 .form-hero,
html[data-theme="dark"] .workspace-intro-hero{background:linear-gradient(135deg,#172438 30%,#213b60);border-color:var(--line)}
html[data-theme="dark"] .form-art-pin,
html[data-theme="dark"] .form-art-shield,
html[data-theme="dark"] .form-route-step,
html[data-theme="dark"] .form-stage,
html[data-theme="dark"] .form-page-v2 .form-consent-panel,
html[data-theme="dark"] .form-context-card,
html[data-theme="dark"] .form-context-privacy,
html[data-theme="dark"] .form-faq-list details,
html[data-theme="dark"] .form-page-v2 .form-result,
html[data-theme="dark"] .workspace-access,
html[data-theme="dark"] .workspace-page-v2 .workspace-login,
html[data-theme="dark"] .workspace-page-v2 .workspace-toolbar,
html[data-theme="dark"] .workspace-item,
html[data-theme="dark"] .workspace-item-actions .outline-button,
html[data-theme="dark"] .workspace-detail-card,
html[data-theme="dark"] .workspace-profile-search,
html[data-theme="dark"] .workspace-steps>li,
html[data-theme="dark"] .workspace-support-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .form-route-step>span,
html[data-theme="dark"] .form-panel-symbol,
html[data-theme="dark"] .form-stage-index,
html[data-theme="dark"] .form-context-mark,
html[data-theme="dark"] .workspace-login-mark,
html[data-theme="dark"] .form-result-mark,
html[data-theme="dark"] .workspace-steps>li>span{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .form-art-orbit,
html[data-theme="dark"] .workspace-intro-brand{background:#24446d;border-color:#45648d}
html[data-theme="dark"] .form-art-orbit::after,
html[data-theme="dark"] .workspace-login-footer,
html[data-theme="dark"] .form-stage-heading,
html[data-theme="dark"] .form-stage-confirm .form-stage-heading,
html[data-theme="dark"] .form-page-v2 .form-faq,
html[data-theme="dark"] .workspace-item-heading,
html[data-theme="dark"] .workspace-pagination{border-color:var(--line)}
html[data-theme="dark"] .form-route-step:hover{background:var(--blue-wash);border-color:#5476a8;color:var(--blue)}
html[data-theme="dark"] .form-page-v2 .form-back-link,
html[data-theme="dark"] .workspace-item-facts,
html[data-theme="dark"] .workspace-intro-note p{color:var(--muted)}
html[data-theme="dark"] .form-stage:nth-of-type(2) .form-stage-index{background:#1d433f;color:#a6ded4}
html[data-theme="dark"] .form-stage-confirm{background:#172f50;border-color:#3d577e}
html[data-theme="dark"] .form-stage-confirm .form-stage-index{background:#254c86;color:#fff}
html[data-theme="dark"] .form-page-v2 .contact-form input:not([type=hidden]):not([type=checkbox]),
html[data-theme="dark"] .form-page-v2 .contact-form select,
html[data-theme="dark"] .form-page-v2 .contact-form textarea,
html[data-theme="dark"] .workspace-page-v2 input:not([type=hidden]):not([type=checkbox]),
html[data-theme="dark"] .workspace-page-v2 select,
html[data-theme="dark"] .workspace-page-v2 .workspace-login input[type=password],
html[data-theme="dark"] .workspace-profile-search input{background:var(--surface-sunken);border-color:#6c83a3;color:var(--ink);box-shadow:inset 0 1px 2px #0002}
html[data-theme="dark"] .form-page-v2 .contact-form input::placeholder,
html[data-theme="dark"] .form-page-v2 .contact-form textarea::placeholder,
html[data-theme="dark"] .workspace-page-v2 input::placeholder{color:#9babbe}
html[data-theme="dark"] .form-page-v2 .contact-form input:focus-visible,
html[data-theme="dark"] .form-page-v2 .contact-form select:focus-visible,
html[data-theme="dark"] .form-page-v2 .contact-form textarea:focus-visible,
html[data-theme="dark"] .workspace-page-v2 input:focus-visible,
html[data-theme="dark"] .workspace-page-v2 select:focus-visible{background:#172b46;border-color:#91b5ff}
html[data-theme="dark"] .form-page-v2 .contact-form [aria-invalid=true],
html[data-theme="dark"] .workspace-page-v2 [aria-invalid=true]{background:#341f2a;border-color:#e08a98}
html[data-theme="dark"] .form-page-v2 .contact-field-error,
html[data-theme="dark"] .workspace-page-v2 .contact-field-error{color:#ffb4bd}
html[data-theme="dark"] .form-page-v2 .inline-note,
html[data-theme="dark"] .workspace-page-v2 .inline-note,
html[data-theme="dark"] .form-page-v2 .contact-form .inline-note,
html[data-theme="dark"] .form-reference,
html[data-theme="dark"] .workspace-message,
html[data-theme="dark"] .workspace-item-actions,
html[data-theme="dark"] .workspace-empty,
html[data-theme="dark"] .workspace-detail-note,
html[data-theme="dark"] .workspace-intro-note{background:var(--blue-wash);border-color:#345074;color:var(--muted)}
html[data-theme="dark"] .form-page-v2 [role=alert],
html[data-theme="dark"] .workspace-page-v2 [role=alert]{background:#371f29;border-color:#764252;border-left-color:#e28b9a;color:#ffd1d7}
html[data-theme="dark"] .form-faq-list details[open]{background:var(--blue-wash);border-color:#345074}
html[data-theme="dark"] .is-problem .form-result-mark{background:#442b35;color:#ffb4bd}
html[data-theme="dark"] .workspace-empty>.icon,
html[data-theme="dark"] .workspace-intro-note>.form-context-mark{background:var(--surface);color:var(--blue)}
html[data-theme="dark"] .workspace-status{background:#2b3b51;color:#c5cfde}
html[data-theme="dark"] .workspace-status[data-status=open],
html[data-theme="dark"] .workspace-status[data-status=pending]{background:#1d365b;color:#bdd4ff}
html[data-theme="dark"] .workspace-status[data-status=changes_requested],
html[data-theme="dark"] .workspace-status[data-status=contacted]{background:#403523;color:#f0ca7c}
html[data-theme="dark"] .workspace-status[data-status=completed],
html[data-theme="dark"] .workspace-status[data-status=approved],
html[data-theme="dark"] .workspace-status[data-status=published]{background:#1d4132;color:#a9e3c2}
html[data-theme="dark"] .workspace-status[data-status=cancelled],
html[data-theme="dark"] .workspace-status[data-status=rejected],
html[data-theme="dark"] .workspace-status[data-status=withdrawn]{background:#432b35;color:#ffb8c2}
html[data-theme="dark"] .workspace-steps>li:nth-child(2)>span{background:#224536;color:#a3dfc1}
html[data-theme="dark"] .workspace-steps>li:nth-child(3)>span{background:#413723;color:#f0ca7c}
/* Existing navy feature panels are intentionally distinct from neutral form cards. */
html[data-theme="dark"] .form-context-feature,
html[data-theme="dark"] .workspace-support-login{background:linear-gradient(145deg,#163a68,#0e2647);border-color:#35517a;color:#fff}
html[data-theme="dark"] .workspace-support-login h2,
html[data-theme="dark"] .workspace-support-login .text-link{color:#fff}

/* School onboarding: optional items, selected choices, and repeaters. */
html[data-theme="dark"] .onboarding-hero-copy>p,
html[data-theme="dark"] .onboarding-repeat-tools button,
html[data-theme="dark"] .onboarding-story-card>p,
html[data-theme="dark"] .onboarding-story-card li>p,
html[data-theme="dark"] .onboarding-existing-card p{color:var(--muted)}
html[data-theme="dark"] .onboarding-hero-copy>.eyebrow,
html[data-theme="dark"] .onboarding-private-badge,
html[data-theme="dark"] .onboarding-story-card>.eyebrow{color:var(--blue)}
html[data-theme="dark"] .onboarding-hero-art{background:radial-gradient(circle at 50% 44%,#203958 0 48%,transparent 49%)}
html[data-theme="dark"] .onboarding-art-road{border-color:#6687b3}
html[data-theme="dark"] .onboarding-art-badge,
html[data-theme="dark"] .onboarding-art-check,
html[data-theme="dark"] .onboarding-step-nav a,
html[data-theme="dark"] .onboarding-choice,
html[data-theme="dark"] .onboarding-repeat-row,
html[data-theme="dark"] .onboarding-existing-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .onboarding-step-nav{background:var(--surface-sunken);border-color:var(--line)}
html[data-theme="dark"] .onboarding-step-nav a span,
html[data-theme="dark"] .onboarding-aside-icon,
html[data-theme="dark"] .onboarding-story-card li>span{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html[data-theme="dark"] .onboarding-step-nav a:hover{background:var(--blue-wash)}
html[data-theme="dark"] .onboarding-page select[multiple] option:checked{background:#284a77;color:#e4efff}
html[data-theme="dark"] .onboarding-private{background:#162c49;border-color:#345074!important}
html[data-theme="dark"] .onboarding-choice:has(input:checked){background:#1d365b;border-color:#789dd1}
html[data-theme="dark"] .onboarding-extra,
html[data-theme="dark"] .onboarding-repeat-row[open]>summary{background:var(--surface-sunken);border-color:var(--line)}
html[data-theme="dark"] .onboarding-extra>summary{color:#c0d5f4}
html[data-theme="dark"] .onboarding-price-card{background:linear-gradient(135deg,#1d3453,#172438 70%);border-color:#345074}
html[data-theme="dark"] .onboarding-optional-tag{background:#29384c;color:#c0ccdc}
html[data-theme="dark"] .onboarding-add-button{background:var(--blue-wash);border-color:#6284b4;color:var(--blue)}
html[data-theme="dark"] .onboarding-add-button:hover{background:#29466f;border-color:#91b5ff}
html[data-theme="dark"] .onboarding-review-note{background:var(--blue-wash);border-color:#345074;color:#bbcee9}
html[data-theme="dark"] .onboarding-story-card{background:linear-gradient(160deg,#203958,#16283f);border-color:#345074}
html[data-theme="dark"] .onboarding-error-summary{background:#37271f;border-color:#89634e}
html[data-theme="dark"] .onboarding-error-summary a{color:#ffc5a6}
html[data-theme="dark"] .onboarding-receipt .form-result-mark{background:var(--blue-wash);border-color:#345074}
html[data-theme="dark"] .onboarding-repeat-row>summary::after{border-color:#aec8eb}

/* Verified profile sales page: retain its blue identity with quieter presentation surfaces. */
html[data-theme="dark"] .school-sales{--ss-ink:var(--ink);--ss-muted:var(--muted);--ss-blue:var(--blue);--ss-line:var(--line)}
html[data-theme="dark"] .ss-scene-orbit{background:linear-gradient(140deg,#213a60,#172b47 70%)}
html[data-theme="dark"] .ss-scene-orbit:after{border-color:#3b5579}
html[data-theme="dark"] .ss-demo-profile,
html[data-theme="dark"] .ss-float-badge,
html[data-theme="dark"] .ss-benefit,
html[data-theme="dark"] .ss-result-card,
html[data-theme="dark"] .ss-price-card,
html[data-theme="dark"] .ss-search-controls input{background:var(--surface);border-color:var(--line);box-shadow:0 12px 32px #00000025;color:var(--ink)}
html[data-theme="dark"] .ss-demo-top{border-color:var(--line)}
html[data-theme="dark"] .ss-demo-cover,
html[data-theme="dark"] .ss-demo-cta,
html[data-theme="dark"] .ss-benefit--paid,
html[data-theme="dark"] .ss-benefit--paid .ss-feature-icon,
html[data-theme="dark"] .ss-feature-band,
html[data-theme="dark"] .ss-result-picture,
html[data-theme="dark"] .ss-price-icon,
html[data-theme="dark"] .ss-step-index,
html[data-theme="dark"] .ss-faq summary>span{background:var(--blue-wash);border-color:#345074}
html[data-theme="dark"] .ss-feature-icon,
html[data-theme="dark"] .ss-result-picture>span,
html[data-theme="dark"] .ss-result-shadow{background:var(--surface-raised);border-color:var(--line)}
html[data-theme="dark"] .ss-result-picture>.icon{color:var(--blue)}
html[data-theme="dark"] .ss-hero-note .icon,
html[data-theme="dark"] .ss-check-list .icon,
html[data-theme="dark"] .ss-table-status.is-included{color:#a3dfc1}
html[data-theme="dark"] .ss-verified,
html[data-theme="dark"] .ss-float-badge>.icon{background:#1d4132;border-color:#3b6953;color:#a9e3c2}
html[data-theme="dark"] .ss-feature-copy .ss-independence{border-color:var(--line)}
html[data-theme="dark"] .ss-table-status{color:#91a0b4}
html[data-theme="dark"] .ss-find{background:var(--surface-sunken)}
html[data-theme="dark"] .ss-finish .primary-button{background:#edf3ff;color:#234cba;border-color:#edf3ff}

/* Purchase forms and receipts. Payment logic and provider branding are untouched. */
html[data-theme="dark"] .vb-lead,
html[data-theme="dark"] .vb-demo-profile p,
html[data-theme="dark"] .vb-brand-scene figcaption,
html[data-theme="dark"] .vb-steps li,
html[data-theme="dark"] .vb-card-heading p,
html[data-theme="dark"] .verification-billing-page .form-field-hint,
html[data-theme="dark"] .vb-form-note,
html[data-theme="dark"] .vb-summary-top .eyebrow,
html[data-theme="dark"] .vb-price>span,
html[data-theme="dark"] .vb-offer-facts dt,
html[data-theme="dark"] .vb-configuration-note p,
html[data-theme="dark"] .vb-summary-note,
html[data-theme="dark"] .vb-stripe-note,
html[data-theme="dark"] .vb-meaning-card p,
html[data-theme="dark"] .vb-small-label,
html[data-theme="dark"] .vb-school-city,
html[data-theme="dark"] .vb-registration,
html[data-theme="dark"] .vb-status-body,
html[data-theme="dark"] .vb-reference dt,
html[data-theme="dark"] .vb-status-aside>p,
html[data-theme="dark"] .vb-unavailable p{color:var(--muted)}
html[data-theme="dark"] .vb-brand-orbit,
html[data-theme="dark"] .vb-demo-school,
html[data-theme="dark"] .vb-school-symbol,
html[data-theme="dark"] .vb-card-icon,
html[data-theme="dark"] .vb-summary-mark,
html[data-theme="dark"] .vb-configuration-note,
html[data-theme="dark"] .vb-status-symbol{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html[data-theme="dark"] .vb-brand-orbit::after{border-color:#6687b3}
html[data-theme="dark"] .vb-demo-profile,
html[data-theme="dark"] .vb-steps,
html[data-theme="dark"] .vb-meaning-icon{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .vb-demo-label,
html[data-theme="dark"] .vb-status-symbol.is-active{background:#1d4132;border-color:#3b6953;color:#a9e3c2}
html[data-theme="dark"] .vb-steps li>span{background:var(--surface-raised);color:var(--muted)}
html[data-theme="dark"] .vb-steps li[aria-current=step]{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .vb-steps li[aria-current=step]>span{background:var(--action);color:#fff}
html[data-theme="dark"] .verification-billing-page .form-field :where(input,select){background:var(--surface-sunken);border-color:#6c83a3;color:var(--ink)}
html[data-theme="dark"] .verification-billing-page .form-field :where(input,select)[aria-invalid=true]{border-color:#e08a98;background:#341f2a}
html[data-theme="dark"] .verification-billing-page .field-error{color:#ffb4bd}
html[data-theme="dark"] .vb-empty,
html[data-theme="dark"] .vb-selected-school,
html[data-theme="dark"] .vb-reference{background:var(--surface-sunken);border-color:var(--line);color:var(--muted)}
html[data-theme="dark"] .vb-draft-label{background:#403523;border-color:#6a5535;color:#f0ca7c}
html[data-theme="dark"] .vb-private-label,
html[data-theme="dark"] .vb-policy-links a{color:var(--blue)}
html[data-theme="dark"] .vb-checkout:disabled{background:#29394f;border-color:#43536a;color:#a7b3c6}
html[data-theme="dark"] .vb-errors{background:#371f29;border-color:#764252;border-left-color:#e28b9a;color:#ffd1d7}

/* Moderation and operator tools use the same neutral surfaces and clear status colours. */
html[data-theme="dark"] .operator-stats>div,
html[data-theme="dark"] .operator-list-card,
html[data-theme="dark"] .form-page-v2.operator-login .operator-login-panel,
html[data-theme="dark"] .form-page-v2.operator-page .operator-record-panel,
html[data-theme="dark"] .operator-page .secondary-button,
html[data-theme="dark"] .operator-login .secondary-button{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .operator-tabs a[aria-current]{background:var(--blue-wash);color:var(--blue)}
html[data-theme="dark"] .operator-status{background:#29394f;color:#c4d0e0}
html[data-theme="dark"] .operator-fields>div,
html[data-theme="dark"] .operator-action,
html[data-theme="dark"] .operator-empty{border-color:var(--line)}
html[data-theme="dark"] .operator-action-panel{background:var(--blue-wash);border-color:#345074}
html[data-theme="dark"] .operator-action summary{color:var(--blue)}
html[data-theme="dark"] .operator-empty>svg{color:#a3dfc1}
html[data-theme="dark"] .workflow-rating-options label:has(input:checked){background:var(--blue-wash);border-color:#91b5ff;box-shadow:inset 0 0 0 1px #91b5ff}

/* Checked comparison choices remain visible inside otherwise neutral result cards. */
html[data-theme="dark"] .school-card.directory-card .compare-check:has(input:checked){background:var(--blue-wash);border-color:var(--blue);color:var(--blue)}

/* Text-bearing brand captions sit on the illustrated hero without turning into a white patch. */
html[data-theme="dark"] .editorial-page-v3 .editorial-brand-caption{background:#172b46;border-color:#527099;color:#e2edff}
html[data-theme="dark"] .profile-mobile-action .primary-button:hover{background:var(--action-hover);color:var(--on-action);border-color:var(--action-hover)}

/* Detail-page canvas must win over the legacy body and sticky-section backgrounds. */
html[data-theme="dark"] body.detail-layout,
html[data-theme="dark"] body.detail-layout:has(.profile-page-v3){--detail-canvas:var(--paper);background:var(--paper);color:var(--ink)}
html[data-theme="dark"] body.detail-layout .profile-page-v3 .profile-sections{background:var(--paper)}

/* Mijn Rijmaatje: a quiet midnight palette over the existing shared layout.
   Every rule is opt-in to the resolved dark theme; photography stays unchanged. */
html[data-theme="dark"] .school-portal-body {
  background:var(--paper);
  color:var(--ink);
}
html[data-theme="dark"] .school-portal {
  --sp-navy:var(--ink);
  --sp-blue:var(--blue);
  --sp-muted:var(--muted);
  --sp-line:var(--line);
  --sp-soft:var(--soft);
  color:var(--ink);
}
html[data-theme="dark"] .school-portal :is(a,button,input,select,textarea,summary):focus-visible {
  outline-color:var(--blue);
}

/* Navigation stays slightly deeper than the working canvas. */
html[data-theme="dark"] .school-portal .sp-sidebar {
  background:var(--surface-sunken);
  border-color:var(--line);
}
html[data-theme="dark"] .school-portal .sp-nav a {
  color:var(--muted);
}
html[data-theme="dark"] .school-portal .sp-nav a>.icon {
  color:#9bacc5;
}
html[data-theme="dark"] .school-portal .sp-nav a:hover {
  background:var(--surface);
  color:var(--ink);
}
html[data-theme="dark"] .school-portal .sp-nav a[aria-current=page] {
  background:#1b3151;
  border-color:#304b73;
  color:#c2d7ff;
}
html[data-theme="dark"] .school-portal .sp-nav a[aria-current=page]>.icon {
  color:var(--blue);
}
html[data-theme="dark"] .school-portal :is(.sp-nav-count,.sp-school-avatar,.sp-panel-mark,.sp-empty-mark) {
  background:#203653;
  color:#afcbff;
}
html[data-theme="dark"] .school-portal .sp-nav-count {
  background:#2b4770;
  color:#d9e6ff;
}
html[data-theme="dark"] .school-portal .sp-logout button {
  background:transparent;
  color:var(--muted);
}
html[data-theme="dark"] .school-portal .sp-logout button:hover {
  background:var(--surface);
  color:var(--ink);
}
html[data-theme="dark"] .school-portal .sp-topline-actions>a,
html[data-theme="dark"] .school-portal .sp-mobile-menu-label {
  color:#b8c9e0;
}
html[data-theme="dark"] .school-portal .sp-mobile-menu[open]>summary {
  border-color:var(--line);
}

/* Clear, separate surfaces without changing card spacing or type scale. */
html[data-theme="dark"] .school-portal :is(.sp-metric,.sp-panel,.sp-quick-card,.spd-draft-card) {
  background:var(--surface);
  border-color:var(--line);
  box-shadow:0 4px 18px #00000012;
}
html[data-theme="dark"] .school-portal :is(.sp-request,.sp-review) {
  background:var(--surface-raised);
  border-color:#34455e;
}
html[data-theme="dark"] .school-portal .sp-quick-card:hover {
  background:var(--surface-raised);
  border-color:#526f97;
}
html[data-theme="dark"] .school-portal .sp-quick-card .sp-panel-mark {
  background:#203653;
}
html[data-theme="dark"] .school-portal .sp-metric-heading>.icon {
  color:#8aafe7;
}
html[data-theme="dark"] .school-portal .sp-welcome {
  background:linear-gradient(115deg,#152f51,#1c4576);
  border-color:#3a5b87;
  color:#fff;
}
html[data-theme="dark"] .school-portal .sp-welcome h2 {
  color:#fff;
}
html[data-theme="dark"] .school-portal .sp-welcome p {
  color:#d8e7fc;
}
html[data-theme="dark"] .school-portal .sp-button {
  background:var(--surface-raised);
  border-color:#435773;
  color:var(--ink)!important;
}
html[data-theme="dark"] .school-portal .sp-button:hover {
  background:#263a55;
  border-color:#6682a8;
}
html[data-theme="dark"] .school-portal .sp-button--primary {
  background:var(--action);
  border-color:var(--action);
  color:var(--on-action)!important;
}
html[data-theme="dark"] .school-portal .sp-button--primary:hover {
  background:var(--action-hover);
  border-color:var(--action-hover);
}
html[data-theme="dark"] .school-portal .sp-button--quiet {
  background:transparent;
  border-color:transparent;
  color:var(--blue)!important;
}
html[data-theme="dark"] .school-portal .sp-button--quiet:hover {
  background:transparent;
  border-color:transparent;
  color:#c3d7ff!important;
}
html[data-theme="dark"] .school-portal .sp-button--light {
  background:#e6efff;
  border-color:#e6efff;
  color:#153252!important;
}
html[data-theme="dark"] .school-portal .sp-button--light:hover {
  background:#fff;
  border-color:#fff;
  color:#153252!important;
}
html[data-theme="dark"] .school-portal .sp-text-link {
  color:var(--blue)!important;
}

/* Status cues retain their meaning and readable contrast. */
html[data-theme="dark"] .school-portal .sp-pill {
  background:#25364c;
  border-color:#42546e;
  color:#c1cede;
}
html[data-theme="dark"] .school-portal .sp-pill--positive {
  background:#173b32;
  border-color:#2b6553;
  color:#9ce3c8;
}
html[data-theme="dark"] .school-portal .sp-pill--attention {
  background:#382f1f;
  border-color:#6c5833;
  color:#f0d193;
}
html[data-theme="dark"] .school-portal .sp-pill--blue {
  background:#223b5d;
  border-color:#3d5c87;
  color:#c0d7ff;
}
html[data-theme="dark"] .school-portal .sp-notice {
  background:#192e4b;
  border-color:#35547c;
  color:#bdd2f1;
}
html[data-theme="dark"] .school-portal .sp-notice>.icon {
  color:#9fbff4;
}
html[data-theme="dark"] .school-portal .sp-notice--plain {
  background:var(--surface);
  border-color:var(--line);
  color:var(--muted);
}
html[data-theme="dark"] .school-portal .sp-checklist li {
  color:#bdcadd;
}
html[data-theme="dark"] .school-portal .sp-checklist .icon {
  color:#80d4b2;
}
html[data-theme="dark"] .school-portal .sp-checklist li[data-complete=false] .icon {
  color:#9bacc5;
}

/* Charts and their equivalent data table share the same palette. */
html[data-theme="dark"] .school-portal .sp-chart-bar-view {
  fill:#78a6ff;
}
html[data-theme="dark"] .school-portal .sp-chart-bar-click {
  fill:#b6d1ff;
}
html[data-theme="dark"] .school-portal .sp-chart-legend i {
  background:#78a6ff;
}
html[data-theme="dark"] .school-portal .sp-chart-legend>span+span i {
  background:#b6d1ff;
}
html[data-theme="dark"] .school-portal .sp-chart-day>span {
  color:var(--muted);
}
html[data-theme="dark"] .school-portal .sp-chart-unmeasured {
  background:repeating-linear-gradient(135deg,transparent,transparent 5px,#60789940 5px,#60789940 6px);
  color:#a7bad4;
}
html[data-theme="dark"] .school-portal .sp-period {
  background:var(--surface-sunken);
  border-color:var(--line);
}
html[data-theme="dark"] .school-portal .sp-period a {
  color:var(--muted);
}
html[data-theme="dark"] .school-portal .sp-period a:hover {
  color:var(--ink);
}
html[data-theme="dark"] .school-portal .sp-period a[aria-current=true] {
  background:#243b5b;
  border-color:#456187;
  color:#c9ddff;
  box-shadow:0 2px 6px #0000001a;
}
html[data-theme="dark"] .school-portal :is(.sp-chart-data,.sp-panel-actions,.sp-request-form,.sp-help-item) {
  border-color:var(--line);
}
html[data-theme="dark"] .school-portal .sp-chart-data>summary {
  color:var(--blue);
}
html[data-theme="dark"] .school-portal .sp-chart-data :is(th,td) {
  border-color:var(--line);
}
html[data-theme="dark"] .school-portal .sp-chart-data thead th {
  background:var(--surface-raised);
  color:#c3d1e5;
}
html[data-theme="dark"] .school-portal .sp-chart-data tbody th {
  color:#c3d1e5;
}
html[data-theme="dark"] .school-portal .sp-progress {
  background:#30425d;
}
html[data-theme="dark"] .school-portal .sp-progress::-webkit-progress-bar {
  background:#30425d;
}
html[data-theme="dark"] .school-portal .sp-progress::-webkit-progress-value {
  background:#78a6ff;
}
html[data-theme="dark"] .school-portal .sp-progress::-moz-progress-bar {
  background:#78a6ff;
}

/* Inbox, reviews, billing and profile details. */
html[data-theme="dark"] .school-portal .sp-request-filters>a {
  background:var(--surface);
  border-color:var(--line);
  color:#b8c9e0;
}
html[data-theme="dark"] .school-portal .sp-request-filters>a:hover {
  background:var(--surface-raised);
  border-color:#526f97;
}
html[data-theme="dark"] .school-portal .sp-request-filters>a[aria-current=true] {
  background:#223b5d;
  border-color:#45628c;
  color:#c4d9ff;
}
html[data-theme="dark"] .school-portal .sp-request-filters>a>span {
  background:#304663;
  color:#d3e1f6;
}
html[data-theme="dark"] .school-portal .sp-request-type,
html[data-theme="dark"] .school-portal .sp-request-meta a,
html[data-theme="dark"] .school-portal .sp-data-grid dd a {
  color:var(--blue);
}
html[data-theme="dark"] .school-portal :is(.sp-request-details,.sp-profile-description,.sp-review p,.sp-field) {
  color:#b8c7db;
}
html[data-theme="dark"] .school-portal .sp-request-message {
  background:var(--paper);
  color:#d0ddef;
}
html[data-theme="dark"] .school-portal .sp-data-grid>div,
html[data-theme="dark"] .school-portal .sp-billing-details>div {
  border-color:var(--line);
}
html[data-theme="dark"] .school-portal :is(.sp-data-grid dd,.sp-billing-details dd) {
  color:#d2def0;
}
html[data-theme="dark"] .school-portal .sp-review-score {
  color:#f0d17f;
}
html[data-theme="dark"] .school-portal .sp-review-summary {
  background:var(--surface-raised);
}
html[data-theme="dark"] .school-portal .sp-bottom-note {
  color:var(--muted);
}

/* Both the one-time code and returning school sign-in views. */
html[data-theme="dark"] .school-portal--login {
  background:radial-gradient(ellipse at 20% 25%,#1b345380,transparent 60%),var(--paper);
}
html[data-theme="dark"] .school-portal .sp-login {
  background:var(--surface);
  border-color:#344b69;
  box-shadow:0 24px 70px #00000038;
}
html[data-theme="dark"] .school-portal .sp-login-story {
  background:linear-gradient(145deg,#122d50,#1b4271);
}
html[data-theme="dark"] .school-portal .sp-login-story h2 {
  color:#fff;
}
html[data-theme="dark"] .school-portal .sp-login-story p {
  color:#d7e5fa;
}
html[data-theme="dark"] .school-portal :is(.sp-login-kicker,.sp-login-reassurance) {
  color:#bdd4fb;
}
html[data-theme="dark"] .school-portal :is(.sp-login-code-form>label,.sp-login-help>strong),
html[data-theme="dark"] .sl-school-login :is(.sl-field>label,.sl-help>strong,.sl-legacy>summary) {
  color:#c0d0e6;
}
html[data-theme="dark"] .school-portal .sp-field select,
html[data-theme="dark"] .school-portal .sp-login-code-form>input[type=password],
html[data-theme="dark"] .sl-school-login .sl-field>input,
html[data-theme="dark"] .sl-school-login .sl-field>select,
html[data-theme="dark"] .school-portal .spd-revision-form :is(input:not([type=hidden]):not([type=checkbox]),select,textarea) {
  background:var(--surface-sunken);
  border-color:#536986;
  color:var(--ink);
  color-scheme:dark;
}
html[data-theme="dark"] .school-portal input::placeholder,
html[data-theme="dark"] .school-portal textarea::placeholder {
  color:#95a7c0;
  opacity:1;
}
html[data-theme="dark"] .school-portal input[aria-invalid=true],
html[data-theme="dark"] .school-portal .spd-revision-form [aria-invalid=true] {
  border-color:#e18d98;
}
html[data-theme="dark"] .school-portal :is(.sp-login-error,.spd-error-summary),
html[data-theme="dark"] .sl-school-login .sl-error {
  background:#3b242e;
  border-color:#80515e;
  color:#ffc0c8;
}
html[data-theme="dark"] .sl-school-login .sl-confirmation {
  background:#1c3150;
  border-color:#38577f;
  color:#c2d6f4;
}
html[data-theme="dark"] .sl-school-login .sl-confirmation>.icon {
  color:#a5c6ff;
}
html[data-theme="dark"] .sl-school-login .sl-school-context {
  color:var(--muted);
}
html[data-theme="dark"] .sl-school-login .sl-legacy .sl-form>.sp-button {
  background:var(--surface-raised);
}
html[data-theme="dark"] .sl-school-login .sl-legacy .sl-form>.sp-button:hover {
  background:#263a55;
}

/* Profile proposals keep publication and review states distinct. */
html[data-theme="dark"] .school-portal :is(.spd-draft-reference>span,.spd-proposal-text>p,.spd-privacy-copy) {
  color:#b8c7db;
}
html[data-theme="dark"] .school-portal :is(.spd-proposal-message,.spd-read-panel>.spd-draft-reference,.spd-form-stage+.spd-form-stage) {
  border-color:var(--line);
}
html[data-theme="dark"] .school-portal .spd-change-request {
  background:#342e20;
  border-color:#695d3a;
}
html[data-theme="dark"] .school-portal .spd-change-request>.sp-panel-mark {
  background:#504329;
  color:#f1d398;
}
html[data-theme="dark"] .school-portal .spd-change-request h3 {
  color:#f0d193;
}
html[data-theme="dark"] .school-portal .spd-change-request p,
html[data-theme="dark"] .school-portal .spd-change-request small {
  color:#d8caab;
}
html[data-theme="dark"] .school-portal .spd-stage-heading>span {
  background:#243b5b;
  color:#c2d7ff;
}
html[data-theme="dark"] .school-portal .spd-revision-form .filter-field>label {
  color:#c0d0e6;
}
html[data-theme="dark"] .school-portal .spd-revision-form .contact-field-error {
  color:#ffb5c0;
}
html[data-theme="dark"] .school-portal .spd-consent {
  background:var(--surface-sunken);
  border-color:#3a506e;
  color:#bdcde3;
}
html[data-theme="dark"] .school-portal .spd-consent>input {
  accent-color:#91b5ff;
}
@media(max-width:760px) {
  html[data-theme="dark"] .school-portal .sp-topline {
    background:var(--surface-sunken);
    border-color:var(--line);
  }
}

@media (prefers-color-scheme:dark){
html:not([data-theme]){color-scheme:dark;--ink:#e9eef8;--muted:#a7b3c6;--line:#2b3b53;--paper:#101b2b;--soft:#172438;--blue:#91b5ff;--blue-dark:#b2ccff;--blue-wash:#1c3152;--surface:#172438;--surface-raised:#1d2d44;--surface-sunken:#0c1523;--action:#356bed;--action-hover:#2c61d8;--on-action:#fff;--shadow:0 16px 48px #0004;--detail-navy:#e9eef8;--detail-blue:#91b5ff;--detail-rule:#2b3b53;--detail-muted:#a7b3c6;--detail-soft:#172438;--control-line:#50617a}
html:not([data-theme]) .brand-theme>img{display:none}
html:not([data-theme]) .brand-dark{display:inline-flex}
html:not([data-theme]) .demo-toolbar{background:#152742;border-color:var(--line);color:var(--muted)}
html:not([data-theme]) .demo-toolbar a{color:var(--blue)}
html:not([data-theme]) body.demo-landing{background:radial-gradient(ellipse at 25% 0,#1b3458,transparent 60%),var(--paper);color:var(--ink)}
html:not([data-theme]) .demo-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
html:not([data-theme]) .demo-eyebrow{color:var(--blue)}
html:not([data-theme]) .demo-card h1{color:var(--ink)}
html:not([data-theme]) .demo-card p{color:var(--muted)}
html:not([data-theme]) .demo-facts span{background:var(--surface-raised);border-color:var(--line);color:var(--ink)}
html:not([data-theme]) .demo-button{background:var(--action);color:var(--on-action)}
html:not([data-theme]) .demo-button:hover{background:var(--action-hover)}
html:not([data-theme]) .demo-card .demo-boundary{border-color:var(--line)}
html:not([data-theme]) .demo-card .demo-feedback{background:#382e1b;color:#f1d192}
html:not([data-theme]) .brand-mascot .mascot-eyes{display:inline}
html:not([data-theme]) .brand-mascot .mascot-headlights{display:inline}
/* Rijmaatje dark surfaces. This file changes colour and elevation only.
   Component selectors are deliberate: photography, charts, and brand artwork keep their own colours. */

/* Shared chrome, discovery controls, and result cards. */
html:not([data-theme]) .detail-layout .site-header::before{background:var(--paper);box-shadow:0 0 0 100vmax var(--paper)}
html:not([data-theme]) .site-footer,
html:not([data-theme]) .detail-layout .site-footer{background:var(--surface-sunken);border-color:var(--line)}
html:not([data-theme]) .home-shortcuts a,
html:not([data-theme]) .site-menu summary,
html:not([data-theme]) .site-menu-panel,
html:not([data-theme]) .outline-button,
html:not([data-theme]) .step-number,
html:not([data-theme]) .filter-field select,
html:not([data-theme]) .filter-field input,
html:not([data-theme]) .sort-control select,
html:not([data-theme]) .sort-submit,
html:not([data-theme]) .category,
html:not([data-theme]) .directory-toolbar>.filters-panel,
html:not([data-theme]) .catalogue-page .directory-controls,
html:not([data-theme]) .directory-controls .sort-field,
html:not([data-theme]) .school-card.directory-card,
html:not([data-theme]) .school-card.directory-card .compare-check,
html:not([data-theme]) .detail-layout .school-card,
html:not([data-theme]) .catalogue-page .empty-state,
html:not([data-theme]) .location-page-v2 .empty-state{background:var(--surface);border-color:var(--line);color:var(--ink)}
html:not([data-theme]) .site-menu-panel,
html:not([data-theme]) .school-card.directory-card,
html:not([data-theme]) .detail-layout .school-card{box-shadow:0 8px 28px #00000020}
html:not([data-theme]) .home-shortcuts a,
html:not([data-theme]) .site-menu-panel a{color:var(--ink)}
html:not([data-theme]) .home-shortcuts a:hover,
html:not([data-theme]) .site-menu[open] summary,
html:not([data-theme]) .site-menu-panel a:hover,
html:not([data-theme]) .site-menu-panel a[aria-current=page],
html:not([data-theme]) .outline-button:hover,
html:not([data-theme]) .school-card.directory-card .compare-check:hover{background:var(--blue-wash);border-color:#5476a8;color:var(--blue)}
html:not([data-theme]) .site-menu-icon,
html:not([data-theme]) .guide-mark,
html:not([data-theme]) .city-place-mark,
html:not([data-theme]) .step-number{background:var(--blue-wash);border-color:var(--line);color:var(--blue)}
html:not([data-theme]) .preview-notice,
html:not([data-theme]) .how-section,
html:not([data-theme]) .school-card.directory-card .card-reviews,
html:not([data-theme]) .info-box{background:var(--surface);border-color:var(--line);color:var(--muted)}
html:not([data-theme]) .search-bar,
html:not([data-theme]) .contact-form textarea{background:var(--surface);border-color:#6c83a3;color:var(--ink);box-shadow:0 8px 24px #00000020}
html:not([data-theme]) .search-bar input,
html:not([data-theme]) .search-bar select{color:var(--ink)}
html:not([data-theme]) .filter-chip{color:var(--blue)}
html:not([data-theme]) .school-card.directory-card .external-review-card a{color:var(--muted)}
html:not([data-theme]) .school-card.directory-card .card-price--unspecified strong{color:var(--ink)}
html:not([data-theme]) .school-card.directory-card:hover,
html:not([data-theme]) .detail-layout .school-card:hover{border-color:#5476a8;box-shadow:0 12px 32px #00000035}
/* Photo labels remain opaque and legible over photography; they do not alter the image. */
html:not([data-theme]) .cover-label,
html:not([data-theme]) .illustration-label,
html:not([data-theme]) .save-button,
html:not([data-theme]) .school-card.directory-card .card-cover .save-button{background:#142236f2;border-color:#52657f;color:#f4f7fc;box-shadow:0 2px 8px #00000025}
html:not([data-theme]) .save-button:hover{background:#233b5c}
html:not([data-theme]) .save-button[aria-pressed=true]{background:#24446e;color:#bdd4ff;border-color:#6e93c7}
html:not([data-theme]) .rating-star{color:#f0c367}
html:not([data-theme]) .verification-badge{background:#15372e;border-color:#346b58;color:#9de2bf}
html:not([data-theme]) .verification-badge:hover{background:#1d493b;border-color:#57977d;color:#c2f4d9}
html:not([data-theme]) .primary-button,
html:not([data-theme]) .search-submit,
html:not([data-theme]) .tiny-road,
html:not([data-theme]) .profile-page-v3 .offer-panel-actions .primary-button,
html:not([data-theme]) .profile-mobile-action .primary-button{background:var(--action);color:var(--on-action);border-color:var(--action)}
html:not([data-theme]) .primary-button:hover,
html:not([data-theme]) .search-submit:hover{background:var(--action-hover);color:var(--on-action);border-color:var(--action-hover)}
html:not([data-theme]) .category.active{background:var(--ink);color:var(--surface-sunken);border-color:var(--ink)}
html:not([data-theme]) .compare-bar,
html:not([data-theme]) #action-status:not(:empty),
html:not([data-theme]) .action-status,
html:not([data-theme]) .skip-link{background:#254c86;color:#fff;border-color:#5679aa;box-shadow:0 12px 32px #00000040}
html:not([data-theme]) dialog{background:var(--surface-raised);color:var(--ink);border-color:var(--line);box-shadow:0 24px 72px #0008}
html:not([data-theme]) dialog::backdrop{background:#020712b8}

/* Quiet detail surfaces are shared by every informational page family. */
html:not([data-theme]) .detail-panel{background:var(--surface);border-color:var(--line);box-shadow:0 8px 28px #00000020}
html:not([data-theme]) .detail-panel--soft{background:var(--blue-wash);border-color:#345074}
html:not([data-theme]) .detail-panel--blue{background:linear-gradient(125deg,#102b51,#1b4074);color:#fff;border-color:#35517a}
html:not([data-theme]) .detail-section-icon{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .guide-hero-card{border-color:var(--line)}

/* School profiles: individual content panels, offers, provenance, and reviews. */
html:not([data-theme]) .profile-page-v3{--profile-soft:var(--blue-wash)}
html:not([data-theme]) .profile-breadcrumb,
html:not([data-theme]) .profile-meta-line,
html:not([data-theme]) .profile-page-v3 .image-credit,
html:not([data-theme]) .offer-panel-price>.eyebrow,
html:not([data-theme]) .profile-page-v3 .offer-panel-price p,
html:not([data-theme]) .profile-page-v3 .profile-contact-note,
html:not([data-theme]) .profile-contact-card>small,
html:not([data-theme]) .profile-page-v3 .profile-copy p,
html:not([data-theme]) .profile-route-card>p,
html:not([data-theme]) .profile-source-card>p,
html:not([data-theme]) .profile-mobile-price span,
html:not([data-theme]) .review-experience-context,
html:not([data-theme]) .review-subscores dt,
html:not([data-theme]) .review-subscores dd span,
html:not([data-theme]) .review-price-experience span{color:var(--muted)}
html:not([data-theme]) .profile-keyfacts>span,
html:not([data-theme]) .profile-header-actions .outline-button,
html:not([data-theme]) .profile-page-v3 .profile-contact-card,
html:not([data-theme]) .profile-page-v3 .offer-panel-actions .outline-button,
html:not([data-theme]) .profile-page-v3 .profile-copy>section,
html:not([data-theme]) .profile-page-v3 .profile-copy>.profile-panel--verification,
html:not([data-theme]) .profile-page-v3 .profile-copy>.profile-panel--offers,
html:not([data-theme]) .profile-page-v3 .profile-copy>.profile-panel--reviews,
html:not([data-theme]) .profile-page-v3 .profile-copy>.profile-panel--contact,
html:not([data-theme]) .profile-page-v3 .profile-panel--offers .info-box,
html:not([data-theme]) .profile-page-v3 .profile-panel--reviews .info-box,
html:not([data-theme]) .profile-page-v3 .offer-card,
html:not([data-theme]) .profile-page-v3 .review-summary,
html:not([data-theme]) .profile-page-v3 .review-card,
html:not([data-theme]) .profile-page-v3 #externe-ervaringen,
html:not([data-theme]) .profile-panel--contact>p:first-of-type{background:var(--surface);border-color:var(--line);color:var(--ink)}
html:not([data-theme]) .profile-page-v3 .profile-contact-card,
html:not([data-theme]) .profile-page-v3 .offer-card{box-shadow:0 12px 32px #00000025}
html:not([data-theme]) .profile-page-v3 .school-logo{background:#fff;box-shadow:0 6px 16px #0003}
html:not([data-theme]) .profile-header-actions [aria-pressed=true]{background:var(--blue-wash);border-color:#5c7eb1;color:var(--blue)}
html:not([data-theme]) .profile-page-v3 .profile-gallery,
html:not([data-theme]) .profile-page-v3 .gallery-item{background:var(--surface-sunken)}
html:not([data-theme]) .profile-page-v3 .profile-gallery.is-placeholder{background:linear-gradient(145deg,#1b3152,#142236)}
html:not([data-theme]) .profile-image-placeholder>span,
html:not([data-theme]) .profile-photo-label{background:#142236ed;border-color:#53647d;color:#e9eef8}
html:not([data-theme]) .profile-contact-mascot{background:#233c61;border-color:#557199;box-shadow:0 5px 14px #0003}
html:not([data-theme]) .profile-contact-intro{background:linear-gradient(135deg,#102c53,#234c88);color:#fff}
html:not([data-theme]) .profile-page-v3 .offer-panel-actions .primary-button:hover{background:var(--action-hover)}
html:not([data-theme]) .profile-page-v3 .profile-panel--verification[data-verification-state=true]{background:#142d29;border-color:#315748}
html:not([data-theme]) .profile-page-v3 .profile-panel--verification[data-verification-state=true] .detail-section-icon{background:#1d4437;color:#9de2bf}
html:not([data-theme]) .profile-page-v3 .profile-panel--verification .profile-verification-eyebrow{color:#b1c3dd}
html:not([data-theme]) .verification-profile-facts>div{background:#122721;border-color:#315748}
html:not([data-theme]) .verification-profile-facts dt{color:#a4bdaf}
html:not([data-theme]) .verification-profile-facts dd{color:#e2f0e8}
html:not([data-theme]) .verification-state-symbol{color:var(--muted)}
html:not([data-theme]) [data-verification-state=true] .verification-state-symbol{color:#9de2bf}
html:not([data-theme]) .profile-page-v3 .profile-verification-source{border-color:#315748;color:#a4bdaf}
html:not([data-theme]) .profile-page-v3 .profile-sections a{background:var(--surface);border-color:var(--line);color:var(--muted)}
html:not([data-theme]) .profile-page-v3 .profile-sections a:hover,
html:not([data-theme]) .profile-page-v3 .profile-sections a:focus-visible{background:var(--blue-wash);border-color:#597eb6;color:var(--blue)}
html:not([data-theme]) .profile-page-v3 .practical-grid>div,
html:not([data-theme]) .profile-page-v3 .info-box,
html:not([data-theme]) .profile-page-v3 .cbr-source-details,
html:not([data-theme]) .profile-page-v3 .cbr-source-result,
html:not([data-theme]) .profile-page-v3 .instructor-card,
html:not([data-theme]) .review-subscores,
html:not([data-theme]) .review-photo-grid a{background:var(--surface-sunken);border-color:var(--line)}
html:not([data-theme]) .profile-page-v3 .practical-grid dt,
html:not([data-theme]) .profile-page-v3 .review-card>div>span{color:var(--muted)}
html:not([data-theme]) .profile-page-v3 .offer-card .eyebrow,
html:not([data-theme]) .profile-route-steps a>span{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .profile-page-v3 .offer-card summary,
html:not([data-theme]) .profile-page-v3 .review-origin,
html:not([data-theme]) .profile-route-steps a{color:#b6cef4}
html:not([data-theme]) .profile-page-v3 .offer-card details,
html:not([data-theme]) .profile-route-steps li+li,
html:not([data-theme]) .review-price-experience{border-color:var(--line)}
html:not([data-theme]) .profile-panel--offers .detail-section-icon{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .profile-panel--cbr .detail-section-icon,
html:not([data-theme]) .profile-page-v3 .profile-panel--external-reviews .detail-section-icon{background:#292f50;color:#c1c4f1}
html:not([data-theme]) .profile-panel--reviews .detail-section-icon{background:#3c3221;color:#f0c367}
html:not([data-theme]) .profile-own-rating>span:first-child,
html:not([data-theme]) .profile-page-v3 .review-summary strong,
html:not([data-theme]) .profile-page-v3 .rating-value{color:#f0c367}
html:not([data-theme]) .profile-panel--contact .detail-section-icon{background:#183b42;color:#9fd7de}
html:not([data-theme]) .profile-panel--contact>p:first-of-type{border-left-color:#6bbbc5}
html:not([data-theme]) .profile-page-v3 .instructor-card>img{border-color:var(--surface-raised);box-shadow:0 4px 14px #0003}
html:not([data-theme]) .profile-page-v3 .profile-provenance,
html:not([data-theme]) .profile-source-card{background:var(--blue-wash);border-color:#345074;color:var(--muted)}
html:not([data-theme]) .profile-route-mark{background:radial-gradient(ellipse,#28446e 0,#172b46 68%)}
html:not([data-theme]) .profile-source-card>.detail-section-icon{background:var(--surface)}
html:not([data-theme]) .review-experience-context dd,
html:not([data-theme]) .review-subscores dd{color:var(--ink)}
html:not([data-theme]) .profile-mobile-action{background:#142236f5;border-color:var(--line);box-shadow:0 -8px 28px #0005}
/* Inverted calls to action retain the intended light button on a navy scene. */
html:not([data-theme]) .profile-finish .primary-button{background:#edf3ff;color:#173e78;border-color:#edf3ff}
html:not([data-theme]) .profile-finish .primary-button:hover{background:#d9e7ff;color:#173e78}

/* Comparison: sticky row headings, zebra rows, and highlighted prices. */
html:not([data-theme]) .comparison-page-v2 .comparison-sheet,
html:not([data-theme]) .comparison-page-v2 .comparison-table-heading,
html:not([data-theme]) .comparison-page-v2 .comparison-start,
html:not([data-theme]) .comparison-page-v2 .comparison-steps>li,
html:not([data-theme]) .comparison-page-v2 .comparison-selection-card,
html:not([data-theme]) .comparison-page-v2 .comparison-selection-heading>.outline-button{background:var(--surface);border-color:var(--line);color:var(--ink)}
html:not([data-theme]) .comparison-page-v2 .comparison-table th,
html:not([data-theme]) .comparison-page-v2 .comparison-table td{border-color:var(--line)}
html:not([data-theme]) .comparison-page-v2 .comparison-table td{background:var(--surface)}
html:not([data-theme]) .comparison-page-v2 .comparison-table th[scope=row],
html:not([data-theme]) .comparison-page-v2 .comparison-table thead th:first-child{background:#1d2d44;color:#c1cee0}
html:not([data-theme]) .comparison-page-v2 .comparison-table thead th{background:#182a43;border-color:#3b5579}
html:not([data-theme]) .comparison-page-v2 .comparison-table tbody tr:nth-child(even):not(.comparison-price) td{background:#19273b}
html:not([data-theme]) .comparison-page-v2 .comparison-table .comparison-price td{background:#1d365b;color:#d4e4ff;border-color:#3e5b85}
html:not([data-theme]) .comparison-page-v2 .comparison-table .comparison-price th[scope=row]{background:#24426b;color:#e1ecff}
html:not([data-theme]) .comparison-page-v2 .comparison-table tbody tr:nth-child(5)>*,
html:not([data-theme]) .comparison-page-v2 .comparison-table tbody tr:nth-child(9)>*,
html:not([data-theme]) .comparison-page-v2 .comparison-table tbody tr:nth-child(15)>*,
html:not([data-theme]) .comparison-page-v2 .comparison-table tbody tr:nth-child(17)>*,
html:not([data-theme]) .comparison-page-v2 .comparison-table tbody tr:nth-child(19)>*{border-top-color:var(--paper)}
html:not([data-theme]) .comparison-page-v2 .comparison-table .cbr-source-result,
html:not([data-theme]) .comparison-page-v2 .comparison-table .instructor-card{background:var(--surface-sunken);border-color:var(--line)}
html:not([data-theme]) .comparison-page-v2 .comparison-table tbody tr:last-child td{background:#142236}
html:not([data-theme]) .comparison-page-v2 .comparison-start-heading p,
html:not([data-theme]) .comparison-page-v2 .comparison-resume small,
html:not([data-theme]) .comparison-page-v2 .comparison-steps>li>.eyebrow,
html:not([data-theme]) .comparison-page-v2 .comparison-steps p,
html:not([data-theme]) .comparison-page-v2 .comparison-fact-grid p,
html:not([data-theme]) .comparison-page-v2 .comparison-selection-heading p,
html:not([data-theme]) .comparison-page-v2 .comparison-selection-card .data-note{color:var(--muted)}
html:not([data-theme]) .comparison-page-v2 .comparison-sheet-mark,
html:not([data-theme]) .comparison-page-v2 .comparison-step-mark,
html:not([data-theme]) .comparison-page-v2 .comparison-card-index{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .comparison-page-v2 .table-hint .icon,
html:not([data-theme]) .comparison-page-v2 .comparison-table td>a,
html:not([data-theme]) .comparison-page-v2 .comparison-section-heading .eyebrow{color:var(--blue)}
html:not([data-theme]) .comparison-page-v2 .comparison-search input,
html:not([data-theme]) .comparison-page-v2 .comparison-search select{background:var(--surface-sunken);border-color:#6c83a3;color:var(--ink)}
html:not([data-theme]) .comparison-page-v2 .comparison-resume{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html:not([data-theme]) .comparison-page-v2 .comparison-steps>li:nth-child(2){background:#2b281f;border-color:#554833}
html:not([data-theme]) .comparison-page-v2 .comparison-steps>li:nth-child(2) .comparison-step-mark{background:#413723;color:#f0ca7c}
html:not([data-theme]) .comparison-page-v2 .comparison-steps>li:nth-child(3){background:#162e29;border-color:#315547}
html:not([data-theme]) .comparison-page-v2 .comparison-steps>li:nth-child(3) .comparison-step-mark{background:#224536;color:#a3dfc1}
html:not([data-theme]) .comparison-page-v2 .comparison-explainer{background:#18313b;border-color:#355464}
html:not([data-theme]) .comparison-page-v2 .comparison-explainer-heading .comparison-sheet-mark{background:#254652;color:#aad9ed}
html:not([data-theme]) .comparison-page-v2 .comparison-selection-card>.icon-button{background:var(--surface-raised);border-color:var(--line);color:var(--muted)}
html:not([data-theme]) .comparison-page-v2 .comparison-selection-card>.icon-button:hover{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .comparison-page-v2 .comparison-school img{border-color:#53647d}
html:not([data-theme]) .comparison-page-v2 .comparison-hero-actions .primary-button{background:#edf3ff;color:#173c77;border-color:#edf3ff}

/* Cities and regions: navigation, catalogue surfaces, and colourful guidance. */
html:not([data-theme]) .location-page-v2 .location-hub-nav,
html:not([data-theme]) .location-page-v2 .city-facts,
html:not([data-theme]) .location-page-v2 .location-search-dock,
html:not([data-theme]) .location-page-v2 .city-search-bar,
html:not([data-theme]) .location-page-v2 .city-search,
html:not([data-theme]) .location-page-v2 .city-alphabet a,
html:not([data-theme]) .location-page-v2 .city-link,
html:not([data-theme]) .location-page-v2 .region-search-panel,
html:not([data-theme]) .location-page-v2 .region-card,
html:not([data-theme]) .location-page-v2 .region-information-section{background:var(--surface);border-color:var(--line);color:var(--ink)}
html:not([data-theme]) .location-hub-nav a,
html:not([data-theme]) .location-page-v2 .city-alphabet a{color:var(--muted)}
html:not([data-theme]) .location-page-v2 .city-place-mark,
html:not([data-theme]) .location-page-v2 .location-symbol,
html:not([data-theme]) .location-page-v2 .region-information-card>.location-symbol{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .location-page-v2 .city-guide-grid p,
html:not([data-theme]) .location-page-v2 .city-compare-card p{color:var(--muted)}
html:not([data-theme]) .location-page-v2 .city-guide-grid article{background:var(--blue-wash);border-color:#345074}
html:not([data-theme]) .location-page-v2 .city-guide-grid article:nth-child(2){background:#2a2842;border-color:#4c456c}
html:not([data-theme]) .location-page-v2 .city-guide-grid article:nth-child(3){background:#17332c;border-color:#345d50}
html:not([data-theme]) .location-page-v2 .city-guide-card-top .step-number{background:var(--surface);color:var(--ink)}
html:not([data-theme]) .location-page-v2 .city-guide-card-icon{color:#a0bde9}
html:not([data-theme]) .location-page-v2 .city-compare-card{background:var(--blue-wash);border-color:#345074}
html:not([data-theme]) .location-page-v2 .city-shortcut-grid .city-link{background:linear-gradient(135deg,#1c2c44,#20385a);border-color:#3f587d}
html:not([data-theme]) .location-page-v2 .city-link:hover,
html:not([data-theme]) .location-page-v2 .city-alphabet a:hover,
html:not([data-theme]) .location-hub-nav a:hover{background:var(--blue-wash);border-color:#5476a8;color:var(--blue)}
html:not([data-theme]) .location-page-v2 .location-hub-nav a[aria-current=page]{background:#254c86;color:#fff}
html:not([data-theme]) .location-page-v2 .location-hub-nav a[aria-current=page]:hover{background:#2e5b9e;color:#fff}
html:not([data-theme]) .location-page-v2 .city-group h2{background:#254c86;color:#fff}
html:not([data-theme]) .location-page-v2 .region-confirmation-note,
html:not([data-theme]) .location-page-v2 .region-context-note{background:#302a1e;border-color:#5b4c32;color:#e4cc99}
html:not([data-theme]) .location-page-v2 .region-context-note .location-symbol{background:#463b25;color:#e8c77c}
html:not([data-theme]) .location-page-v2 .region-context-note p{color:#e4cc99}
html:not([data-theme]) .location-page-v2 .region-information-card{background:var(--surface-sunken);border-color:var(--line);border-left-color:var(--blue)}
html:not([data-theme]) .location-page-v2 .region-information-card address{border-color:var(--line)}
html:not([data-theme]) .location-page-v2 .location-source-note{background:var(--blue-wash);border-color:#345074}
html:not([data-theme]) .location-page-v2 .location-source-note>.icon{color:#b1c8eb}
html:not([data-theme]) .location-page-v2 .city-hero .city-hero-actions .primary-button,
html:not([data-theme]) .location-page-v2 .city-hero .city-hero-actions .location-invert-button,
html:not([data-theme]) .location-page-v2 .region-action-card>.primary-button{background:#edf3ff;color:#173b78;border-color:#edf3ff}
html:not([data-theme]) .location-page-v2 .region-action-card>.outline-button{background:#ffffff08;border-color:#ffffff55;color:#fff}

/* Article collections and reading surfaces. */
html:not([data-theme]) .content-collection-nav,
html:not([data-theme]) .content-search,
html:not([data-theme]) .content-results-heading>.outline-button,
html:not([data-theme]) .content-card,
html:not([data-theme]) .content-pagination .outline-button,
html:not([data-theme]) .content-empty,
html:not([data-theme]) .content-article,
html:not([data-theme]) .content-toc{background:var(--surface);border-color:var(--line)}
html:not([data-theme]) .content-collection-nav a,
html:not([data-theme]) .content-results-heading p,
html:not([data-theme]) .content-card-copy>p,
html:not([data-theme]) .content-card-bottom,
html:not([data-theme]) .content-pagination>span,
html:not([data-theme]) .content-empty p,
html:not([data-theme]) .content-breadcrumb>a,
html:not([data-theme]) .content-article-meta,
html:not([data-theme]) .content-prose,
html:not([data-theme]) .content-toc summary::after,
html:not([data-theme]) .content-toc a,
html:not([data-theme]) .content-source-card p,
html:not([data-theme]) .content-article-end p{color:var(--muted)}
html:not([data-theme]) .content-results-heading .eyebrow,
html:not([data-theme]) .content-card-copy>.eyebrow,
html:not([data-theme]) .content-card-bottom>span,
html:not([data-theme]) .content-breadcrumb>a:hover,
html:not([data-theme]) .content-prose a,
html:not([data-theme]) .content-toc summary>.icon{color:var(--blue)}
html:not([data-theme]) .content-collection-nav a.active,
html:not([data-theme]) .content-collection-nav a:hover,
html:not([data-theme]) .content-toc a:hover{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .content-search input,
html:not([data-theme]) .content-search select{background:var(--surface-sunken);border-color:#6c83a3;color:var(--ink)}
html:not([data-theme]) .content-card:hover{border-color:#5476a8;box-shadow:0 12px 32px #0004}
html:not([data-theme]) .content-card-image{background:var(--surface-sunken)}
html:not([data-theme]) .content-card-placeholder{background:linear-gradient(135deg,#213958,#182a43)}
html:not([data-theme]) .content-index-note,
html:not([data-theme]) .content-source-card{background:#18313b;border-color:#355464}
html:not([data-theme]) .content-index-note>span{background:#254652;color:#aad9ed}
html:not([data-theme]) .content-index-note>p,
html:not([data-theme]) .content-source-card p{color:#b7cbd5}
html:not([data-theme]) .content-source-card>.eyebrow{color:#9ecedf}
html:not([data-theme]) .content-source-card h2{color:#e1eff5}
html:not([data-theme]) .content-tags a,
html:not([data-theme]) .content-prose blockquote,
html:not([data-theme]) .content-table-scroll th,
html:not([data-theme]) .content-article-end{background:var(--blue-wash);border-color:#3f587d;color:#c6d8f4}
html:not([data-theme]) .content-table-scroll,
html:not([data-theme]) .content-table-scroll th,
html:not([data-theme]) .content-table-scroll td,
html:not([data-theme]) .content-prose hr,
html:not([data-theme]) .content-toc ol{border-color:var(--line)}
html:not([data-theme]) .content-prose blockquote{border-left-color:#7da2df}
html:not([data-theme]) .content-toc a{background:var(--surface-sunken)}
html:not([data-theme]) .content-end-symbol{background:#29466e;color:var(--blue)}
html:not([data-theme]) .content-article-end h2{color:var(--ink)}

/* Editorial explainers, verification guidance, and quiet legal documents. */
html:not([data-theme]) .editorial-page-v3{background:var(--paper)}
html:not([data-theme]) .editorial-page-v3 .editorial-hero{background:radial-gradient(ellipse at 95% 0,#4879ed45,transparent 60%),#102c53}
html:not([data-theme]) .editorial-page-v3 .editorial-jump-card,
html:not([data-theme]) .editorial-page-v3 .editorial-related-nav,
html:not([data-theme]) .legal-page-v3 .document-related-nav,
html:not([data-theme]) .editorial-page-v3 .editorial-toc,
html:not([data-theme]) .legal-page-v3 .document-toc,
html:not([data-theme]) .editorial-page-v3 .editorial-section,
html:not([data-theme]) .editorial-page-v3 .guide-faq,
html:not([data-theme]) .legal-page-v3 .document-section{background:var(--surface);border-color:var(--line);box-shadow:0 8px 28px #00000020}
html:not([data-theme]) .editorial-page-v3 .editorial-jump-symbol,
html:not([data-theme]) .editorial-page-v3 .editorial-section-symbol,
html:not([data-theme]) .editorial-page-v3 .guide-steps .step-number,
html:not([data-theme]) .editorial-page-v3 .guide-card>svg,
html:not([data-theme]) .editorial-page-v3 .guide-source-note>svg,
html:not([data-theme]) .legal-page-v3 .document-section-number{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html:not([data-theme]) .editorial-page-v3 .editorial-jump-card>.icon,
html:not([data-theme]) .editorial-page-v3 .editorial-related-nav a,
html:not([data-theme]) .legal-page-v3 .document-related-nav a,
html:not([data-theme]) .editorial-page-v3 .editorial-toc a,
html:not([data-theme]) .legal-page-v3 .document-toc a,
html:not([data-theme]) .editorial-page-v3 .guide-section-heading p,
html:not([data-theme]) .editorial-page-v3 .guide-steps p,
html:not([data-theme]) .editorial-page-v3 .guide-card p,
html:not([data-theme]) .editorial-page-v3 .guide-reading-note p,
html:not([data-theme]) .editorial-page-v3 .guide-context-panel p,
html:not([data-theme]) .editorial-page-v3 .guide-source-note p,
html:not([data-theme]) .editorial-page-v3 .guide-section-note,
html:not([data-theme]) .editorial-page-v3 .guide-faq p,
html:not([data-theme]) .editorial-page-v3 .editorial-finish p,
html:not([data-theme]) .legal-page-v3 .document-deck,
html:not([data-theme]) .legal-page-v3 .document-section>p,
html:not([data-theme]) .legal-page-v3 .document-facts dt,
html:not([data-theme]) .verification-state-heading p,
html:not([data-theme]) .verification-state-card p,
html:not([data-theme]) .verification-contact-card p{color:var(--muted)}
html:not([data-theme]) .editorial-page-v3 .editorial-toc h2,
html:not([data-theme]) .legal-page-v3 .document-toc h2,
html:not([data-theme]) .editorial-page-v3 .guide-faq summary,
html:not([data-theme]) .editorial-page-v3 .editorial-finish h2,
html:not([data-theme]) .legal-page-v3 .document-section h2,
html:not([data-theme]) .legal-page-v3 .document-facts dd,
html:not([data-theme]) .verification-state-card h3{color:var(--ink)}
html:not([data-theme]) .editorial-page-v3 .editorial-toc a,
html:not([data-theme]) .legal-page-v3 .document-toc a,
html:not([data-theme]) .editorial-page-v3 .guide-steps li,
html:not([data-theme]) .editorial-page-v3 .guide-reading-note>article,
html:not([data-theme]) .editorial-page-v3 .guide-card,
html:not([data-theme]) .editorial-page-v3 .guide-source-note,
html:not([data-theme]) .legal-page-v3 .document-facts,
html:not([data-theme]) .verification-state-card,
html:not([data-theme]) .verification-contact-card{background:var(--surface-sunken);border-color:var(--line)}
html:not([data-theme]) .editorial-page-v3 .editorial-related-nav a[aria-current=page],
html:not([data-theme]) .legal-page-v3 .document-related-nav a[aria-current=page]{background:#254c86;color:#fff}
html:not([data-theme]) .editorial-page-v3 .editorial-toc a:hover,
html:not([data-theme]) .legal-page-v3 .document-toc a:hover,
html:not([data-theme]) .editorial-page-v3 .guide-faq[open] summary{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html:not([data-theme]) .editorial-page-v3 .guide-steps li:last-child{background:var(--blue-wash);border-color:#345074}
html:not([data-theme]) .editorial-page-v3 .guide-steps li:last-child .step-number{background:var(--action);border-color:var(--action);color:#fff}
html:not([data-theme]) .editorial-page-v3 .editorial-jump-card:nth-child(2) .editorial-jump-symbol,
html:not([data-theme]) .editorial-page-v3 #prijzen .editorial-section-symbol,
html:not([data-theme]) .editorial-page-v3 .guide-card[data-guide-review-source=google]>svg{background:#423622;border-color:#675132;color:#f0ca7c}
html:not([data-theme]) .editorial-page-v3 .editorial-jump-card:nth-child(3) .editorial-jump-symbol,
html:not([data-theme]) .editorial-page-v3 #cbr .editorial-section-symbol,
html:not([data-theme]) .editorial-page-v3 .guide-card[data-profile-status=verified]>svg,
html:not([data-theme]) .verification-intro-mark,
html:not([data-theme]) .verification-state-mark,
html:not([data-theme]) .verification-state-card[data-verification-state=true] .verification-state-mark{background:#224536;border-color:#3e6955;color:#a3dfc1}
html:not([data-theme]) .editorial-page-v3 #ervaringen .editorial-section-symbol{background:#3b2945;color:#e0b5ee}
html:not([data-theme]) .editorial-page-v3 #bewaren .editorial-section-symbol{background:#442e31;color:#f1b5ad}
html:not([data-theme]) .editorial-page-v3 .guide-card[data-guide-review-source=google],
html:not([data-theme]) .legal-page-v3 .document-state,
html:not([data-theme]) .verification-state-card[data-verification-state=false]{background:#302a1e;border-color:#5b4c32;color:#e4cc99}
html:not([data-theme]) .editorial-page-v3 .guide-card[data-profile-status=verified],
html:not([data-theme]) .editorial-page-v3 .guide-context-panel,
html:not([data-theme]) .editorial-page-v3 .verification-intro-ribbon,
html:not([data-theme]) .verification-state-card[data-verification-state=true]{background:#17332a;border-color:#345d4c;color:#b9dfcc}
html:not([data-theme]) .editorial-page-v3 .guide-context-list li{background:#142a22;border-color:#345d4c;color:#b9dfcc}
html:not([data-theme]) .editorial-page-v3 .guide-context-list .icon{color:#a3dfc1}
html:not([data-theme]) .verification-intro-ribbon p{color:#aac6b8}
html:not([data-theme]) .verification-state-card .verification-state-mark{background:var(--blue-wash);color:#b3c9e9}
html:not([data-theme]) .verification-state-card[data-verification-state=false] .verification-state-mark{background:#463b25;color:#e8c77c}
html:not([data-theme]) .editorial-page-v3 #gegevens,
html:not([data-theme]) .editorial-page-v3 .guide-source-note [data-guide-source-date],
html:not([data-theme]) .editorial-page-v3 .guide-source-note [data-information-source-date],
html:not([data-theme]) .editorial-page-v3 .editorial-finish{background:var(--blue-wash);border-color:#345074;color:var(--ink)}
html:not([data-theme]) .editorial-page-v3 .guide-section-heading .eyebrow{color:var(--blue)}
html:not([data-theme]) .editorial-page-v3 .guide-faq summary::after{border-color:#4c6588;background:linear-gradient(#b2ccff,#b2ccff) center/10px 1.5px no-repeat,linear-gradient(#b2ccff,#b2ccff) center/1.5px 10px no-repeat,#233b5a}
html:not([data-theme]) .editorial-page-v3 .guide-faq[open] summary::after{background:linear-gradient(#b2ccff,#b2ccff) center/10px 1.5px no-repeat,#233b5a}
html:not([data-theme]) .legal-page-v3 .document-header{background:radial-gradient(ellipse at 100% 0,#244674,transparent 72%),#1a2d49;border-color:#365277}
html:not([data-theme]) .legal-page-v3 .document-heading-copy>.eyebrow,
html:not([data-theme]) .legal-page-v3 .document-mark{background:var(--surface);border-color:#365277;color:var(--blue)}
html:not([data-theme]) .legal-page-v3 .document-facts>div{border-color:var(--line)}
html:not([data-theme]) .editorial-page-v3 .editorial-actions>.primary-button{background:#edf3ff;color:#173fa6;border-color:#edf3ff}

/* Forms: a consistent, clearly bounded input surface and semantic validation. */
html:not([data-theme]) .form-page-v2 .form-hero,
html:not([data-theme]) .workspace-intro-hero{background:linear-gradient(135deg,#172438 30%,#213b60);border-color:var(--line)}
html:not([data-theme]) .form-art-pin,
html:not([data-theme]) .form-art-shield,
html:not([data-theme]) .form-route-step,
html:not([data-theme]) .form-stage,
html:not([data-theme]) .form-page-v2 .form-consent-panel,
html:not([data-theme]) .form-context-card,
html:not([data-theme]) .form-context-privacy,
html:not([data-theme]) .form-faq-list details,
html:not([data-theme]) .form-page-v2 .form-result,
html:not([data-theme]) .workspace-access,
html:not([data-theme]) .workspace-page-v2 .workspace-login,
html:not([data-theme]) .workspace-page-v2 .workspace-toolbar,
html:not([data-theme]) .workspace-item,
html:not([data-theme]) .workspace-item-actions .outline-button,
html:not([data-theme]) .workspace-detail-card,
html:not([data-theme]) .workspace-profile-search,
html:not([data-theme]) .workspace-steps>li,
html:not([data-theme]) .workspace-support-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
html:not([data-theme]) .form-route-step>span,
html:not([data-theme]) .form-panel-symbol,
html:not([data-theme]) .form-stage-index,
html:not([data-theme]) .form-context-mark,
html:not([data-theme]) .workspace-login-mark,
html:not([data-theme]) .form-result-mark,
html:not([data-theme]) .workspace-steps>li>span{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .form-art-orbit,
html:not([data-theme]) .workspace-intro-brand{background:#24446d;border-color:#45648d}
html:not([data-theme]) .form-art-orbit::after,
html:not([data-theme]) .workspace-login-footer,
html:not([data-theme]) .form-stage-heading,
html:not([data-theme]) .form-stage-confirm .form-stage-heading,
html:not([data-theme]) .form-page-v2 .form-faq,
html:not([data-theme]) .workspace-item-heading,
html:not([data-theme]) .workspace-pagination{border-color:var(--line)}
html:not([data-theme]) .form-route-step:hover{background:var(--blue-wash);border-color:#5476a8;color:var(--blue)}
html:not([data-theme]) .form-page-v2 .form-back-link,
html:not([data-theme]) .workspace-item-facts,
html:not([data-theme]) .workspace-intro-note p{color:var(--muted)}
html:not([data-theme]) .form-stage:nth-of-type(2) .form-stage-index{background:#1d433f;color:#a6ded4}
html:not([data-theme]) .form-stage-confirm{background:#172f50;border-color:#3d577e}
html:not([data-theme]) .form-stage-confirm .form-stage-index{background:#254c86;color:#fff}
html:not([data-theme]) .form-page-v2 .contact-form input:not([type=hidden]):not([type=checkbox]),
html:not([data-theme]) .form-page-v2 .contact-form select,
html:not([data-theme]) .form-page-v2 .contact-form textarea,
html:not([data-theme]) .workspace-page-v2 input:not([type=hidden]):not([type=checkbox]),
html:not([data-theme]) .workspace-page-v2 select,
html:not([data-theme]) .workspace-page-v2 .workspace-login input[type=password],
html:not([data-theme]) .workspace-profile-search input{background:var(--surface-sunken);border-color:#6c83a3;color:var(--ink);box-shadow:inset 0 1px 2px #0002}
html:not([data-theme]) .form-page-v2 .contact-form input::placeholder,
html:not([data-theme]) .form-page-v2 .contact-form textarea::placeholder,
html:not([data-theme]) .workspace-page-v2 input::placeholder{color:#9babbe}
html:not([data-theme]) .form-page-v2 .contact-form input:focus-visible,
html:not([data-theme]) .form-page-v2 .contact-form select:focus-visible,
html:not([data-theme]) .form-page-v2 .contact-form textarea:focus-visible,
html:not([data-theme]) .workspace-page-v2 input:focus-visible,
html:not([data-theme]) .workspace-page-v2 select:focus-visible{background:#172b46;border-color:#91b5ff}
html:not([data-theme]) .form-page-v2 .contact-form [aria-invalid=true],
html:not([data-theme]) .workspace-page-v2 [aria-invalid=true]{background:#341f2a;border-color:#e08a98}
html:not([data-theme]) .form-page-v2 .contact-field-error,
html:not([data-theme]) .workspace-page-v2 .contact-field-error{color:#ffb4bd}
html:not([data-theme]) .form-page-v2 .inline-note,
html:not([data-theme]) .workspace-page-v2 .inline-note,
html:not([data-theme]) .form-page-v2 .contact-form .inline-note,
html:not([data-theme]) .form-reference,
html:not([data-theme]) .workspace-message,
html:not([data-theme]) .workspace-item-actions,
html:not([data-theme]) .workspace-empty,
html:not([data-theme]) .workspace-detail-note,
html:not([data-theme]) .workspace-intro-note{background:var(--blue-wash);border-color:#345074;color:var(--muted)}
html:not([data-theme]) .form-page-v2 [role=alert],
html:not([data-theme]) .workspace-page-v2 [role=alert]{background:#371f29;border-color:#764252;border-left-color:#e28b9a;color:#ffd1d7}
html:not([data-theme]) .form-faq-list details[open]{background:var(--blue-wash);border-color:#345074}
html:not([data-theme]) .is-problem .form-result-mark{background:#442b35;color:#ffb4bd}
html:not([data-theme]) .workspace-empty>.icon,
html:not([data-theme]) .workspace-intro-note>.form-context-mark{background:var(--surface);color:var(--blue)}
html:not([data-theme]) .workspace-status{background:#2b3b51;color:#c5cfde}
html:not([data-theme]) .workspace-status[data-status=open],
html:not([data-theme]) .workspace-status[data-status=pending]{background:#1d365b;color:#bdd4ff}
html:not([data-theme]) .workspace-status[data-status=changes_requested],
html:not([data-theme]) .workspace-status[data-status=contacted]{background:#403523;color:#f0ca7c}
html:not([data-theme]) .workspace-status[data-status=completed],
html:not([data-theme]) .workspace-status[data-status=approved],
html:not([data-theme]) .workspace-status[data-status=published]{background:#1d4132;color:#a9e3c2}
html:not([data-theme]) .workspace-status[data-status=cancelled],
html:not([data-theme]) .workspace-status[data-status=rejected],
html:not([data-theme]) .workspace-status[data-status=withdrawn]{background:#432b35;color:#ffb8c2}
html:not([data-theme]) .workspace-steps>li:nth-child(2)>span{background:#224536;color:#a3dfc1}
html:not([data-theme]) .workspace-steps>li:nth-child(3)>span{background:#413723;color:#f0ca7c}
/* Existing navy feature panels are intentionally distinct from neutral form cards. */
html:not([data-theme]) .form-context-feature,
html:not([data-theme]) .workspace-support-login{background:linear-gradient(145deg,#163a68,#0e2647);border-color:#35517a;color:#fff}
html:not([data-theme]) .workspace-support-login h2,
html:not([data-theme]) .workspace-support-login .text-link{color:#fff}

/* School onboarding: optional items, selected choices, and repeaters. */
html:not([data-theme]) .onboarding-hero-copy>p,
html:not([data-theme]) .onboarding-repeat-tools button,
html:not([data-theme]) .onboarding-story-card>p,
html:not([data-theme]) .onboarding-story-card li>p,
html:not([data-theme]) .onboarding-existing-card p{color:var(--muted)}
html:not([data-theme]) .onboarding-hero-copy>.eyebrow,
html:not([data-theme]) .onboarding-private-badge,
html:not([data-theme]) .onboarding-story-card>.eyebrow{color:var(--blue)}
html:not([data-theme]) .onboarding-hero-art{background:radial-gradient(circle at 50% 44%,#203958 0 48%,transparent 49%)}
html:not([data-theme]) .onboarding-art-road{border-color:#6687b3}
html:not([data-theme]) .onboarding-art-badge,
html:not([data-theme]) .onboarding-art-check,
html:not([data-theme]) .onboarding-step-nav a,
html:not([data-theme]) .onboarding-choice,
html:not([data-theme]) .onboarding-repeat-row,
html:not([data-theme]) .onboarding-existing-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
html:not([data-theme]) .onboarding-step-nav{background:var(--surface-sunken);border-color:var(--line)}
html:not([data-theme]) .onboarding-step-nav a span,
html:not([data-theme]) .onboarding-aside-icon,
html:not([data-theme]) .onboarding-story-card li>span{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html:not([data-theme]) .onboarding-step-nav a:hover{background:var(--blue-wash)}
html:not([data-theme]) .onboarding-page select[multiple] option:checked{background:#284a77;color:#e4efff}
html:not([data-theme]) .onboarding-private{background:#162c49;border-color:#345074!important}
html:not([data-theme]) .onboarding-choice:has(input:checked){background:#1d365b;border-color:#789dd1}
html:not([data-theme]) .onboarding-extra,
html:not([data-theme]) .onboarding-repeat-row[open]>summary{background:var(--surface-sunken);border-color:var(--line)}
html:not([data-theme]) .onboarding-extra>summary{color:#c0d5f4}
html:not([data-theme]) .onboarding-price-card{background:linear-gradient(135deg,#1d3453,#172438 70%);border-color:#345074}
html:not([data-theme]) .onboarding-optional-tag{background:#29384c;color:#c0ccdc}
html:not([data-theme]) .onboarding-add-button{background:var(--blue-wash);border-color:#6284b4;color:var(--blue)}
html:not([data-theme]) .onboarding-add-button:hover{background:#29466f;border-color:#91b5ff}
html:not([data-theme]) .onboarding-review-note{background:var(--blue-wash);border-color:#345074;color:#bbcee9}
html:not([data-theme]) .onboarding-story-card{background:linear-gradient(160deg,#203958,#16283f);border-color:#345074}
html:not([data-theme]) .onboarding-error-summary{background:#37271f;border-color:#89634e}
html:not([data-theme]) .onboarding-error-summary a{color:#ffc5a6}
html:not([data-theme]) .onboarding-receipt .form-result-mark{background:var(--blue-wash);border-color:#345074}
html:not([data-theme]) .onboarding-repeat-row>summary::after{border-color:#aec8eb}

/* Verified profile sales page: retain its blue identity with quieter presentation surfaces. */
html:not([data-theme]) .school-sales{--ss-ink:var(--ink);--ss-muted:var(--muted);--ss-blue:var(--blue);--ss-line:var(--line)}
html:not([data-theme]) .ss-scene-orbit{background:linear-gradient(140deg,#213a60,#172b47 70%)}
html:not([data-theme]) .ss-scene-orbit:after{border-color:#3b5579}
html:not([data-theme]) .ss-demo-profile,
html:not([data-theme]) .ss-float-badge,
html:not([data-theme]) .ss-benefit,
html:not([data-theme]) .ss-result-card,
html:not([data-theme]) .ss-price-card,
html:not([data-theme]) .ss-search-controls input{background:var(--surface);border-color:var(--line);box-shadow:0 12px 32px #00000025;color:var(--ink)}
html:not([data-theme]) .ss-demo-top{border-color:var(--line)}
html:not([data-theme]) .ss-demo-cover,
html:not([data-theme]) .ss-demo-cta,
html:not([data-theme]) .ss-benefit--paid,
html:not([data-theme]) .ss-benefit--paid .ss-feature-icon,
html:not([data-theme]) .ss-feature-band,
html:not([data-theme]) .ss-result-picture,
html:not([data-theme]) .ss-price-icon,
html:not([data-theme]) .ss-step-index,
html:not([data-theme]) .ss-faq summary>span{background:var(--blue-wash);border-color:#345074}
html:not([data-theme]) .ss-feature-icon,
html:not([data-theme]) .ss-result-picture>span,
html:not([data-theme]) .ss-result-shadow{background:var(--surface-raised);border-color:var(--line)}
html:not([data-theme]) .ss-result-picture>.icon{color:var(--blue)}
html:not([data-theme]) .ss-hero-note .icon,
html:not([data-theme]) .ss-check-list .icon,
html:not([data-theme]) .ss-table-status.is-included{color:#a3dfc1}
html:not([data-theme]) .ss-verified,
html:not([data-theme]) .ss-float-badge>.icon{background:#1d4132;border-color:#3b6953;color:#a9e3c2}
html:not([data-theme]) .ss-feature-copy .ss-independence{border-color:var(--line)}
html:not([data-theme]) .ss-table-status{color:#91a0b4}
html:not([data-theme]) .ss-find{background:var(--surface-sunken)}
html:not([data-theme]) .ss-finish .primary-button{background:#edf3ff;color:#234cba;border-color:#edf3ff}

/* Purchase forms and receipts. Payment logic and provider branding are untouched. */
html:not([data-theme]) .vb-lead,
html:not([data-theme]) .vb-demo-profile p,
html:not([data-theme]) .vb-brand-scene figcaption,
html:not([data-theme]) .vb-steps li,
html:not([data-theme]) .vb-card-heading p,
html:not([data-theme]) .verification-billing-page .form-field-hint,
html:not([data-theme]) .vb-form-note,
html:not([data-theme]) .vb-summary-top .eyebrow,
html:not([data-theme]) .vb-price>span,
html:not([data-theme]) .vb-offer-facts dt,
html:not([data-theme]) .vb-configuration-note p,
html:not([data-theme]) .vb-summary-note,
html:not([data-theme]) .vb-stripe-note,
html:not([data-theme]) .vb-meaning-card p,
html:not([data-theme]) .vb-small-label,
html:not([data-theme]) .vb-school-city,
html:not([data-theme]) .vb-registration,
html:not([data-theme]) .vb-status-body,
html:not([data-theme]) .vb-reference dt,
html:not([data-theme]) .vb-status-aside>p,
html:not([data-theme]) .vb-unavailable p{color:var(--muted)}
html:not([data-theme]) .vb-brand-orbit,
html:not([data-theme]) .vb-demo-school,
html:not([data-theme]) .vb-school-symbol,
html:not([data-theme]) .vb-card-icon,
html:not([data-theme]) .vb-summary-mark,
html:not([data-theme]) .vb-configuration-note,
html:not([data-theme]) .vb-status-symbol{background:var(--blue-wash);border-color:#345074;color:var(--blue)}
html:not([data-theme]) .vb-brand-orbit::after{border-color:#6687b3}
html:not([data-theme]) .vb-demo-profile,
html:not([data-theme]) .vb-steps,
html:not([data-theme]) .vb-meaning-icon{background:var(--surface);border-color:var(--line)}
html:not([data-theme]) .vb-demo-label,
html:not([data-theme]) .vb-status-symbol.is-active{background:#1d4132;border-color:#3b6953;color:#a9e3c2}
html:not([data-theme]) .vb-steps li>span{background:var(--surface-raised);color:var(--muted)}
html:not([data-theme]) .vb-steps li[aria-current=step]{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .vb-steps li[aria-current=step]>span{background:var(--action);color:#fff}
html:not([data-theme]) .verification-billing-page .form-field :where(input,select){background:var(--surface-sunken);border-color:#6c83a3;color:var(--ink)}
html:not([data-theme]) .verification-billing-page .form-field :where(input,select)[aria-invalid=true]{border-color:#e08a98;background:#341f2a}
html:not([data-theme]) .verification-billing-page .field-error{color:#ffb4bd}
html:not([data-theme]) .vb-empty,
html:not([data-theme]) .vb-selected-school,
html:not([data-theme]) .vb-reference{background:var(--surface-sunken);border-color:var(--line);color:var(--muted)}
html:not([data-theme]) .vb-draft-label{background:#403523;border-color:#6a5535;color:#f0ca7c}
html:not([data-theme]) .vb-private-label,
html:not([data-theme]) .vb-policy-links a{color:var(--blue)}
html:not([data-theme]) .vb-checkout:disabled{background:#29394f;border-color:#43536a;color:#a7b3c6}
html:not([data-theme]) .vb-errors{background:#371f29;border-color:#764252;border-left-color:#e28b9a;color:#ffd1d7}

/* Moderation and operator tools use the same neutral surfaces and clear status colours. */
html:not([data-theme]) .operator-stats>div,
html:not([data-theme]) .operator-list-card,
html:not([data-theme]) .form-page-v2.operator-login .operator-login-panel,
html:not([data-theme]) .form-page-v2.operator-page .operator-record-panel,
html:not([data-theme]) .operator-page .secondary-button,
html:not([data-theme]) .operator-login .secondary-button{background:var(--surface);border-color:var(--line);color:var(--ink)}
html:not([data-theme]) .operator-tabs a[aria-current]{background:var(--blue-wash);color:var(--blue)}
html:not([data-theme]) .operator-status{background:#29394f;color:#c4d0e0}
html:not([data-theme]) .operator-fields>div,
html:not([data-theme]) .operator-action,
html:not([data-theme]) .operator-empty{border-color:var(--line)}
html:not([data-theme]) .operator-action-panel{background:var(--blue-wash);border-color:#345074}
html:not([data-theme]) .operator-action summary{color:var(--blue)}
html:not([data-theme]) .operator-empty>svg{color:#a3dfc1}
html:not([data-theme]) .workflow-rating-options label:has(input:checked){background:var(--blue-wash);border-color:#91b5ff;box-shadow:inset 0 0 0 1px #91b5ff}

/* Checked comparison choices remain visible inside otherwise neutral result cards. */
html:not([data-theme]) .school-card.directory-card .compare-check:has(input:checked){background:var(--blue-wash);border-color:var(--blue);color:var(--blue)}

/* Text-bearing brand captions sit on the illustrated hero without turning into a white patch. */
html:not([data-theme]) .editorial-page-v3 .editorial-brand-caption{background:#172b46;border-color:#527099;color:#e2edff}
html:not([data-theme]) .profile-mobile-action .primary-button:hover{background:var(--action-hover);color:var(--on-action);border-color:var(--action-hover)}

/* Detail-page canvas must win over the legacy body and sticky-section backgrounds. */
html:not([data-theme]) body.detail-layout,
html:not([data-theme]) body.detail-layout:has(.profile-page-v3){--detail-canvas:var(--paper);background:var(--paper);color:var(--ink)}
html:not([data-theme]) body.detail-layout .profile-page-v3 .profile-sections{background:var(--paper)}

/* Mijn Rijmaatje: a quiet midnight palette over the existing shared layout.
   Every rule is opt-in to the resolved dark theme; photography stays unchanged. */
html:not([data-theme]) .school-portal-body {
  background:var(--paper);
  color:var(--ink);
}
html:not([data-theme]) .school-portal {
  --sp-navy:var(--ink);
  --sp-blue:var(--blue);
  --sp-muted:var(--muted);
  --sp-line:var(--line);
  --sp-soft:var(--soft);
  color:var(--ink);
}
html:not([data-theme]) .school-portal :is(a,button,input,select,textarea,summary):focus-visible {
  outline-color:var(--blue);
}

/* Navigation stays slightly deeper than the working canvas. */
html:not([data-theme]) .school-portal .sp-sidebar {
  background:var(--surface-sunken);
  border-color:var(--line);
}
html:not([data-theme]) .school-portal .sp-nav a {
  color:var(--muted);
}
html:not([data-theme]) .school-portal .sp-nav a>.icon {
  color:#9bacc5;
}
html:not([data-theme]) .school-portal .sp-nav a:hover {
  background:var(--surface);
  color:var(--ink);
}
html:not([data-theme]) .school-portal .sp-nav a[aria-current=page] {
  background:#1b3151;
  border-color:#304b73;
  color:#c2d7ff;
}
html:not([data-theme]) .school-portal .sp-nav a[aria-current=page]>.icon {
  color:var(--blue);
}
html:not([data-theme]) .school-portal :is(.sp-nav-count,.sp-school-avatar,.sp-panel-mark,.sp-empty-mark) {
  background:#203653;
  color:#afcbff;
}
html:not([data-theme]) .school-portal .sp-nav-count {
  background:#2b4770;
  color:#d9e6ff;
}
html:not([data-theme]) .school-portal .sp-logout button {
  background:transparent;
  color:var(--muted);
}
html:not([data-theme]) .school-portal .sp-logout button:hover {
  background:var(--surface);
  color:var(--ink);
}
html:not([data-theme]) .school-portal .sp-topline-actions>a,
html:not([data-theme]) .school-portal .sp-mobile-menu-label {
  color:#b8c9e0;
}
html:not([data-theme]) .school-portal .sp-mobile-menu[open]>summary {
  border-color:var(--line);
}

/* Clear, separate surfaces without changing card spacing or type scale. */
html:not([data-theme]) .school-portal :is(.sp-metric,.sp-panel,.sp-quick-card,.spd-draft-card) {
  background:var(--surface);
  border-color:var(--line);
  box-shadow:0 4px 18px #00000012;
}
html:not([data-theme]) .school-portal :is(.sp-request,.sp-review) {
  background:var(--surface-raised);
  border-color:#34455e;
}
html:not([data-theme]) .school-portal .sp-quick-card:hover {
  background:var(--surface-raised);
  border-color:#526f97;
}
html:not([data-theme]) .school-portal .sp-quick-card .sp-panel-mark {
  background:#203653;
}
html:not([data-theme]) .school-portal .sp-metric-heading>.icon {
  color:#8aafe7;
}
html:not([data-theme]) .school-portal .sp-welcome {
  background:linear-gradient(115deg,#152f51,#1c4576);
  border-color:#3a5b87;
  color:#fff;
}
html:not([data-theme]) .school-portal .sp-welcome h2 {
  color:#fff;
}
html:not([data-theme]) .school-portal .sp-welcome p {
  color:#d8e7fc;
}
html:not([data-theme]) .school-portal .sp-button {
  background:var(--surface-raised);
  border-color:#435773;
  color:var(--ink)!important;
}
html:not([data-theme]) .school-portal .sp-button:hover {
  background:#263a55;
  border-color:#6682a8;
}
html:not([data-theme]) .school-portal .sp-button--primary {
  background:var(--action);
  border-color:var(--action);
  color:var(--on-action)!important;
}
html:not([data-theme]) .school-portal .sp-button--primary:hover {
  background:var(--action-hover);
  border-color:var(--action-hover);
}
html:not([data-theme]) .school-portal .sp-button--quiet {
  background:transparent;
  border-color:transparent;
  color:var(--blue)!important;
}
html:not([data-theme]) .school-portal .sp-button--quiet:hover {
  background:transparent;
  border-color:transparent;
  color:#c3d7ff!important;
}
html:not([data-theme]) .school-portal .sp-button--light {
  background:#e6efff;
  border-color:#e6efff;
  color:#153252!important;
}
html:not([data-theme]) .school-portal .sp-button--light:hover {
  background:#fff;
  border-color:#fff;
  color:#153252!important;
}
html:not([data-theme]) .school-portal .sp-text-link {
  color:var(--blue)!important;
}

/* Status cues retain their meaning and readable contrast. */
html:not([data-theme]) .school-portal .sp-pill {
  background:#25364c;
  border-color:#42546e;
  color:#c1cede;
}
html:not([data-theme]) .school-portal .sp-pill--positive {
  background:#173b32;
  border-color:#2b6553;
  color:#9ce3c8;
}
html:not([data-theme]) .school-portal .sp-pill--attention {
  background:#382f1f;
  border-color:#6c5833;
  color:#f0d193;
}
html:not([data-theme]) .school-portal .sp-pill--blue {
  background:#223b5d;
  border-color:#3d5c87;
  color:#c0d7ff;
}
html:not([data-theme]) .school-portal .sp-notice {
  background:#192e4b;
  border-color:#35547c;
  color:#bdd2f1;
}
html:not([data-theme]) .school-portal .sp-notice>.icon {
  color:#9fbff4;
}
html:not([data-theme]) .school-portal .sp-notice--plain {
  background:var(--surface);
  border-color:var(--line);
  color:var(--muted);
}
html:not([data-theme]) .school-portal .sp-checklist li {
  color:#bdcadd;
}
html:not([data-theme]) .school-portal .sp-checklist .icon {
  color:#80d4b2;
}
html:not([data-theme]) .school-portal .sp-checklist li[data-complete=false] .icon {
  color:#9bacc5;
}

/* Charts and their equivalent data table share the same palette. */
html:not([data-theme]) .school-portal .sp-chart-bar-view {
  fill:#78a6ff;
}
html:not([data-theme]) .school-portal .sp-chart-bar-click {
  fill:#b6d1ff;
}
html:not([data-theme]) .school-portal .sp-chart-legend i {
  background:#78a6ff;
}
html:not([data-theme]) .school-portal .sp-chart-legend>span+span i {
  background:#b6d1ff;
}
html:not([data-theme]) .school-portal .sp-chart-day>span {
  color:var(--muted);
}
html:not([data-theme]) .school-portal .sp-chart-unmeasured {
  background:repeating-linear-gradient(135deg,transparent,transparent 5px,#60789940 5px,#60789940 6px);
  color:#a7bad4;
}
html:not([data-theme]) .school-portal .sp-period {
  background:var(--surface-sunken);
  border-color:var(--line);
}
html:not([data-theme]) .school-portal .sp-period a {
  color:var(--muted);
}
html:not([data-theme]) .school-portal .sp-period a:hover {
  color:var(--ink);
}
html:not([data-theme]) .school-portal .sp-period a[aria-current=true] {
  background:#243b5b;
  border-color:#456187;
  color:#c9ddff;
  box-shadow:0 2px 6px #0000001a;
}
html:not([data-theme]) .school-portal :is(.sp-chart-data,.sp-panel-actions,.sp-request-form,.sp-help-item) {
  border-color:var(--line);
}
html:not([data-theme]) .school-portal .sp-chart-data>summary {
  color:var(--blue);
}
html:not([data-theme]) .school-portal .sp-chart-data :is(th,td) {
  border-color:var(--line);
}
html:not([data-theme]) .school-portal .sp-chart-data thead th {
  background:var(--surface-raised);
  color:#c3d1e5;
}
html:not([data-theme]) .school-portal .sp-chart-data tbody th {
  color:#c3d1e5;
}
html:not([data-theme]) .school-portal .sp-progress {
  background:#30425d;
}
html:not([data-theme]) .school-portal .sp-progress::-webkit-progress-bar {
  background:#30425d;
}
html:not([data-theme]) .school-portal .sp-progress::-webkit-progress-value {
  background:#78a6ff;
}
html:not([data-theme]) .school-portal .sp-progress::-moz-progress-bar {
  background:#78a6ff;
}

/* Inbox, reviews, billing and profile details. */
html:not([data-theme]) .school-portal .sp-request-filters>a {
  background:var(--surface);
  border-color:var(--line);
  color:#b8c9e0;
}
html:not([data-theme]) .school-portal .sp-request-filters>a:hover {
  background:var(--surface-raised);
  border-color:#526f97;
}
html:not([data-theme]) .school-portal .sp-request-filters>a[aria-current=true] {
  background:#223b5d;
  border-color:#45628c;
  color:#c4d9ff;
}
html:not([data-theme]) .school-portal .sp-request-filters>a>span {
  background:#304663;
  color:#d3e1f6;
}
html:not([data-theme]) .school-portal .sp-request-type,
html:not([data-theme]) .school-portal .sp-request-meta a,
html:not([data-theme]) .school-portal .sp-data-grid dd a {
  color:var(--blue);
}
html:not([data-theme]) .school-portal :is(.sp-request-details,.sp-profile-description,.sp-review p,.sp-field) {
  color:#b8c7db;
}
html:not([data-theme]) .school-portal .sp-request-message {
  background:var(--paper);
  color:#d0ddef;
}
html:not([data-theme]) .school-portal .sp-data-grid>div,
html:not([data-theme]) .school-portal .sp-billing-details>div {
  border-color:var(--line);
}
html:not([data-theme]) .school-portal :is(.sp-data-grid dd,.sp-billing-details dd) {
  color:#d2def0;
}
html:not([data-theme]) .school-portal .sp-review-score {
  color:#f0d17f;
}
html:not([data-theme]) .school-portal .sp-review-summary {
  background:var(--surface-raised);
}
html:not([data-theme]) .school-portal .sp-bottom-note {
  color:var(--muted);
}

/* Both the one-time code and returning school sign-in views. */
html:not([data-theme]) .school-portal--login {
  background:radial-gradient(ellipse at 20% 25%,#1b345380,transparent 60%),var(--paper);
}
html:not([data-theme]) .school-portal .sp-login {
  background:var(--surface);
  border-color:#344b69;
  box-shadow:0 24px 70px #00000038;
}
html:not([data-theme]) .school-portal .sp-login-story {
  background:linear-gradient(145deg,#122d50,#1b4271);
}
html:not([data-theme]) .school-portal .sp-login-story h2 {
  color:#fff;
}
html:not([data-theme]) .school-portal .sp-login-story p {
  color:#d7e5fa;
}
html:not([data-theme]) .school-portal :is(.sp-login-kicker,.sp-login-reassurance) {
  color:#bdd4fb;
}
html:not([data-theme]) .school-portal :is(.sp-login-code-form>label,.sp-login-help>strong),
html:not([data-theme]) .sl-school-login :is(.sl-field>label,.sl-help>strong,.sl-legacy>summary) {
  color:#c0d0e6;
}
html:not([data-theme]) .school-portal .sp-field select,
html:not([data-theme]) .school-portal .sp-login-code-form>input[type=password],
html:not([data-theme]) .sl-school-login .sl-field>input,
html:not([data-theme]) .sl-school-login .sl-field>select,
html:not([data-theme]) .school-portal .spd-revision-form :is(input:not([type=hidden]):not([type=checkbox]),select,textarea) {
  background:var(--surface-sunken);
  border-color:#536986;
  color:var(--ink);
  color-scheme:dark;
}
html:not([data-theme]) .school-portal input::placeholder,
html:not([data-theme]) .school-portal textarea::placeholder {
  color:#95a7c0;
  opacity:1;
}
html:not([data-theme]) .school-portal input[aria-invalid=true],
html:not([data-theme]) .school-portal .spd-revision-form [aria-invalid=true] {
  border-color:#e18d98;
}
html:not([data-theme]) .school-portal :is(.sp-login-error,.spd-error-summary),
html:not([data-theme]) .sl-school-login .sl-error {
  background:#3b242e;
  border-color:#80515e;
  color:#ffc0c8;
}
html:not([data-theme]) .sl-school-login .sl-confirmation {
  background:#1c3150;
  border-color:#38577f;
  color:#c2d6f4;
}
html:not([data-theme]) .sl-school-login .sl-confirmation>.icon {
  color:#a5c6ff;
}
html:not([data-theme]) .sl-school-login .sl-school-context {
  color:var(--muted);
}
html:not([data-theme]) .sl-school-login .sl-legacy .sl-form>.sp-button {
  background:var(--surface-raised);
}
html:not([data-theme]) .sl-school-login .sl-legacy .sl-form>.sp-button:hover {
  background:#263a55;
}

/* Profile proposals keep publication and review states distinct. */
html:not([data-theme]) .school-portal :is(.spd-draft-reference>span,.spd-proposal-text>p,.spd-privacy-copy) {
  color:#b8c7db;
}
html:not([data-theme]) .school-portal :is(.spd-proposal-message,.spd-read-panel>.spd-draft-reference,.spd-form-stage+.spd-form-stage) {
  border-color:var(--line);
}
html:not([data-theme]) .school-portal .spd-change-request {
  background:#342e20;
  border-color:#695d3a;
}
html:not([data-theme]) .school-portal .spd-change-request>.sp-panel-mark {
  background:#504329;
  color:#f1d398;
}
html:not([data-theme]) .school-portal .spd-change-request h3 {
  color:#f0d193;
}
html:not([data-theme]) .school-portal .spd-change-request p,
html:not([data-theme]) .school-portal .spd-change-request small {
  color:#d8caab;
}
html:not([data-theme]) .school-portal .spd-stage-heading>span {
  background:#243b5b;
  color:#c2d7ff;
}
html:not([data-theme]) .school-portal .spd-revision-form .filter-field>label {
  color:#c0d0e6;
}
html:not([data-theme]) .school-portal .spd-revision-form .contact-field-error {
  color:#ffb5c0;
}
html:not([data-theme]) .school-portal .spd-consent {
  background:var(--surface-sunken);
  border-color:#3a506e;
  color:#bdcde3;
}
html:not([data-theme]) .school-portal .spd-consent>input {
  accent-color:#91b5ff;
}
@media(max-width:760px) {
  html:not([data-theme]) .school-portal .sp-topline {
    background:var(--surface-sunken);
    border-color:var(--line);
  }
}

}