:root {
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: #142b43; background: #f7f9fc; font-synthesis: none;
      --navy: #102b47; --navy-deep: #0b2037; --teal: #087d72; --teal-dark:#075f58;
      --teal-soft: #e9f7f4; --cyan: #1a93c0; --ink:#142b43; --muted:#506579;
      --line:#dbe6ed; --white:#fff; --light:#f7f9fc; --amber:#8d5b18; --amber-bg:#fff6e6;
      --red:#9a4144; --red-bg:#fff0f0; --shadow: 0 14px 40px rgba(15, 48, 70, .045);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior:smooth; }
    body { margin: 0; line-height:1.58; }
    button, input, select {font:inherit; }
    button { cursor: pointer; }
    button:disabled {cursor:not-allowed; opacity:.55}
    button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline:3px solid #238dd0; outline-offset:3px; }
    a { color:var(--teal-dark); }
    h1,h2,h3,p {margin-top:0}
    h1,h2,h3 { letter-spacing:-.035em; line-height:1.15; }
    h1[tabindex="-1"]:focus {outline:none;}
    .container { width:min(1180px, calc(100% - 52px)); margin-inline:auto; }
    .skip {position:absolute; z-index:1000; left:14px; top:-70px; padding:11px 16px; background:white; border:2px solid var(--cyan); border-radius:10px; }
    .skip:focus {top:10px}
    .demo-strip {background:#0b2741; color:#e9f4f9; padding:7px 0; font-size:12px; letter-spacing:.02em; }
    .demo-strip .container {display:flex;align-items:center; justify-content:space-between; gap:12px;}
    .demo-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#9de8d7; margin-right:7px; }
    .header { background:#fff; border-bottom:1px solid #e5ebef; position:relative; z-index:30; }
    .header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:112px; }
    .brand-link { display:block; flex:none; width:320px; text-decoration:none; background:white; border-radius:4px; }
    .brand-image {display:block; width:100%; height:auto; }
    .nav {display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
    .nav-btn {border:0;background:transparent;color:#344a61;font-size:13px;font-weight:730;border-radius:11px;padding:11px 13px;white-space:nowrap}
    .nav-btn:hover,.nav-btn[aria-current="page"] {background:#ecf5f6;color:#075f58}
    .nav-btn.owner {border:1px solid var(--line); background:white}
    .menu-button {display:none; background:white; border:1px solid var(--line); padding:9px 13px; border-radius:10px; font-weight:750; color:var(--navy);}
    main {min-height:calc(100vh - 310px)}
    .page[hidden] {display:none!important}
    .section {padding:66px 0}
    .eyebrow {font-size:12px; text-transform:uppercase;letter-spacing:.16em;font-weight:820;color:var(--teal);margin-bottom:14px}
    .hero {margin-top:31px; background:var(--navy); color:#fff; border-radius:28px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden;box-shadow:0 21px 46px rgba(9,41,69,.14); position:relative}
    .hero:before {content:""; position:absolute; width:470px;height:470px;border-radius:50%; border:1px solid rgba(255,255,255,.12); left:-270px;bottom:-310px;pointer-events:none}
    .hero:after {content:""; position:absolute; width:260px;height:260px;border-radius:50%; border:1px solid rgba(255,255,255,.09); left:32%;top:-194px;pointer-events:none}
    .hero-text {padding:64px 34px 62px 58px;position:relative;z-index:1}
    .hero .eyebrow {color:#84e0d1}
    .hero h1 {font-size:clamp(39px,4.8vw,67px);line-height:1.07;max-width:570px;margin-bottom:25px;}
    .hero h1 em {font-style:normal;color:#90e7d6}
    .hero-text>p {color:#d6e5ec;font-size:16px;max-width:505px;margin-bottom:23px}
    .hero-point {font-size:13px;color:#d7e9ee;display:flex;gap:9px;align-items:center;margin:0}
    .hero-point svg {flex:none}
    .hero-choice-wrap {display:flex;align-items:center;padding:26px 31px 26px 12px;position:relative;z-index:1}
    .hero-choice {background:#fff;color:var(--ink);border-radius:22px;padding:32px;width:100%;box-shadow:0 8px 35px #051a2f2a}
    .hero-choice h2 {font-size:26px;margin:0 0 8px}
    .hero-choice .eyebrow {color:var(--teal-dark)}
    .hero-choice>p {color:var(--muted);font-size:14px;margin-bottom:18px}
    .choice-item {display:flex;align-items:flex-start;gap:12px;padding:17px 15px;margin-bottom:10px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .12s,background .12s;}
    .choice-item:hover {border-color:#83bdb3}
    .choice-item:has(input:checked) {border-color:var(--teal);background:var(--teal-soft)}
    .choice-item input {width:19px;height:19px;flex:none;margin-top:4px;accent-color:var(--teal)}
    .choice-item strong {display:block; font-size:15px;line-height:1.3;margin-bottom:4px}
    .choice-item small {display:block;color:var(--muted);font-size:13px;line-height:1.5}
    .button {min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:12px 18px;font-weight:780;text-decoration:none;transition:background .12s,transform .12s;line-height:1.2}
    .button:active {transform:translateY(1px)}
    .button.primary {background:var(--navy);color:#fff}
    .button.primary:hover {background:#173d60}
    .button.navy {background:var(--navy);color:white}
    .button.navy:hover {background:#173d60}
    .button.secondary {background:white;border-color:#c8dae4;color:var(--navy)}
    .button.secondary:hover {background:#f0f6f8}
    .button.full {width:100%}
    .button.sm {min-height:38px;font-size:13px;padding:9px 13px}
    .choice-foot {margin:12px 0 0;text-align:center;font-size:13px;color:var(--muted)}
    .text-button {border:0;background:none;padding:4px;font-weight:750;color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px}
    .trust-row {display:flex; flex-wrap:wrap;justify-content:center;gap:12px 28px;padding:24px 0;color:#50667a;font-size:13px;}
    .trust-row span{display:flex;align-items:center;gap:7px}
    .trust-row svg{color:var(--teal)}
    .intro-heading {display:flex; justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px}
    .intro-heading h2 {font-size:clamp(28px,3.4vw,42px);max-width:700px;margin:0}
    .intro-heading p {max-width:380px;margin:0;color:var(--muted);font-size:14px}
    .feature-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .feature-card {border:1px solid var(--line);border-radius:18px;background:white;padding:27px;min-height:205px;box-shadow:var(--shadow)}
    .feature-card .figure {background:var(--teal-soft);border-radius:12px;width:45px;height:45px;display:grid;place-items:center;font-weight:900;color:var(--teal);margin-bottom:22px;font-size:17px}
    .feature-card h3{font-size:19px;margin-bottom:10px}
    .feature-card p{color:var(--muted);font-size:14px;margin:0}
    .proof-panel {background:#ebf4f5;border:1px solid #d4e5e7;border-radius:22px;padding:35px 40px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:56px}
    .proof-panel h2{font-size:29px;margin:0 0 13px}
    .proof-panel p{font-size:14px;color:#456276;margin:0}
    .example-card {background:white;border-radius:16px;padding:22px;border:1px solid #c9dddf;box-shadow:var(--shadow)}
    .example-card b {display:block;margin-bottom:12px}
    .example-line {display:flex;gap:9px;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e7eeee;font-size:13px}
    .example-line:last-child{border:0}
    .status {display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:750;white-space:normal;text-align:left}
    .status.yes {background:#e6f5ef;color:#155f50}
    .status.ask {background:var(--amber-bg);color:var(--amber)}
    .status.no {background:var(--red-bg);color:var(--red)}
    .status.unknown {background:#edf2f5;color:#53697a}
    .example-explanation {font-size:12px;color:var(--muted);line-height:1.6;margin:15px 0 0}
    .language-guide {border:1px solid #d5e4e6;background:#f5fafa;border-radius:13px;padding:0;margin:0 0 17px}
    .language-guide>summary {list-style:revert;padding:13px 17px;font-size:13px;color:var(--teal-dark);cursor:pointer;font-weight:750}
    .language-guide-body {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 18px 19px;border-top:1px solid #d5e4e6}
    .language-guide-body>div {padding:0;border:0;background:transparent;margin:0;font-size:13px}
    .language-guide-body p {color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 0}
    .consumer-question {background:#f4f9f7;border:1px solid #d4e5de;border-radius:10px;margin:13px 0 4px;padding:12px 13px}
    .consumer-question strong {display:block;font-size:12px;margin-bottom:4px}
    .consumer-question ul{margin:5px 0 0;padding-left:18px;color:#415e5b;font-size:12px;line-height:1.7}
    .consumer-question p{margin:2px 0 0;color:#415e5b;font-size:12px}
    .school-card .feature-badges span{background:#edf3f6}
    .closing-cta {padding:49px 0 70px;text-align:center}
    .closing-cta h2{font-size:clamp(28px,3vw,40px);margin:0 0 17px}
    .closing-cta p{color:var(--muted);margin-bottom:23px}
    .footer {background:#0f2a44;color:#d6e7ee;padding:32px 0 26px}
    .footer .inner {display:flex; justify-content:space-between;align-items:flex-start;gap:25px;flex-wrap:wrap}
    .footer strong {color:white;font-size:16px}
    .footer p {font-size:13px;max-width:470px;margin:8px 0 0;color:#b8cbd6}
    .footer-links{display:flex;gap:10px;flex-wrap:wrap}
    .footer-links button{border:0;color:#e6f3f8;background:transparent;text-decoration:underline; padding:4px 7px;}
    .footer .bottom{font-size:12px;margin-top:25px;padding-top:15px;border-top:1px solid #31516a;color:#bfd2dc}
    .page-head {padding:46px 0 26px}
    .back-btn {border:0;background:transparent;color:var(--teal-dark);font-weight:750;padding:4px 0;margin-bottom:19px}
    .page-head h1{font-size:clamp(32px,4vw,48px);margin-bottom:14px;max-width:890px}
    .page-head p{color:var(--muted);max-width:790px;font-size:15px;margin:0}
    .demo-notice {padding:13px 17px;border-radius:12px;background:#fff8e9;border:1px solid #ead7ae;color:#705521;font-size:13px;margin:22px 0}
    .two-column {display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start;padding-bottom:60px}
    .filter-card {background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
    .filter-card h2{font-size:21px;margin-bottom:12px}
    .filter-card p{font-size:12px;color:var(--muted)}
    .field {display:grid;gap:7px;margin:17px 0}
    .field label{font-size:13px;font-weight:760}
    .field input:not([type=checkbox]),.field select{width:100%;background:white;border:1px solid #bbcbd5;border-radius:10px;padding:11px 12px;min-height:44px;color:var(--ink)}
    .check-row{display:flex;align-items:flex-start;gap:11px;padding:10px 0;font-size:13px;cursor:pointer}
    .check-row input{width:18px;height:18px;accent-color:var(--teal);margin-top:3px;flex:none}
    .filter-hint {font-size:12px;color:var(--muted);line-height:1.5;margin-top:10px}
    .modebar {display:flex;gap:6px;background:#edf3f5;padding:5px;border-radius:12px;margin-bottom:21px}
    .modebar button{border:0;background:transparent;flex:1;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:750;color:#506579}
    .modebar button[aria-pressed=true]{background:white;color:var(--navy);box-shadow:0 2px 7px #17334c15}
    .results-head {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
    .results-head h2{font-size:23px;margin:0}
    .results-head .small {font-size:12px;color:var(--muted)}
    .result-group {margin-bottom:28px}
    .result-group h3{font-size:16px;margin:0 0 11px;display:flex;gap:9px;align-items:center}
    .result-group h3 span{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:0}
    .school-card {background:white;border:1px solid var(--line);border-radius:18px;padding:21px;margin-bottom:12px;box-shadow:var(--shadow)}
    .school-title-row {display:flex;justify-content:space-between;align-items:flex-start;gap:13px;flex-wrap:wrap}
    .school-card h4 {font-size:18px;margin:0 0 5px}
    .school-card .location {color:var(--muted);font-size:12px}
    .feature-badges {display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 11px}
    .feature-badges span{background:#edf3f6;border-radius:7px;padding:6px 8px;font-size:11px;color:#446073}
    .school-card .price {font-size:19px;font-weight:830;line-height:1.2;margin:14px 0 5px;color:var(--navy)}
    .school-card .price small {font-size:11px;color:var(--muted);font-weight:500}
    .school-card p {font-size:12px;color:var(--muted);margin-bottom:0}
    .card-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
    .empty-state {border:1px dashed #a8c4cb;background:white;border-radius:15px;padding:25px;color:#4e6573}
    .empty-state h3{margin-bottom:9px}
    .compare-tray{position:sticky;bottom:14px;z-index:20;background:#123650;color:white;border-radius:14px;border:1px solid #44677b;padding:13px 17px;box-shadow:0 10px 38px #102b4750;display:flex;justify-content:space-between;gap:15px;align-items:center;margin:17px 0}
    .compare-tray[hidden]{display:none}
    .compare-tray span{font-size:13px;color:#e0f0f3}
    .compare-tray .button{background:white;color:var(--navy)}
    .anxiety-controls {background:white;border:1px solid var(--line);border-radius:16px;padding:21px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:13px;align-items:end;margin:20px 0}
    .anxiety-controls .field {margin:0}
    .anxiety-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:14px 0 21px}
    .metric {background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}
    .metric strong {font-size:25px;display:block}
    .metric span{font-size:12px;color:var(--muted)}
    .anxiety-card{background:white;border:1px solid var(--line);padding:19px;border-radius:15px;margin:12px 0}
    .anxiety-card h4{font-size:17px;margin:0 0 7px}
    .anxiety-card .line {font-size:13px;margin:12px 0}
    .anxiety-card p{font-size:13px;color:var(--muted)}
    .anxiety-card .anxiety-context{font-size:12px;color:#385965;background:#f0f6f7;padding:9px 11px;border-radius:9px;margin:11px 0 5px}
    details{margin-top:13px}
    summary{cursor:pointer;color:var(--teal-dark);font-size:13px;font-weight:730}
    details>div {border-left:3px solid #c8e2df;background:#f5faf9;padding:13px;margin-top:8px;border-radius:0 8px 8px 0;font-size:13px}
    .explain-container {max-width:850px;margin:0 auto 65px;}
    .explain-container h2{margin-top:34px;font-size:24px}
    .explain-container p{color:var(--muted)}
    .owner-panel {background:white;border:1px solid var(--line);border-radius:20px;padding:30px;max-width:840px;margin:0 auto 70px;}
    .owner-panel h2{font-size:26px}
    .modal{padding:0;border:0;border-radius:18px;width:min(700px,calc(100vw - 28px));max-height:calc(100vh - 32px);box-shadow:0 24px 80px #10233e4f;color:var(--ink)}
    .modal::backdrop {background:#10243d99}
    .modal-body {padding:27px;max-height:calc(100vh - 32px);overflow-y:auto}
    .modal-heading {display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:15px}
    .modal-heading h2{margin:0;font-size:24px}
    .modal-close {border:1px solid var(--line);background:#f4f7f8;color:var(--ink);border-radius:9px;width:36px;height:36px;flex:none;font-size:22px;line-height:1}
    .modal .table-wrap{overflow:auto;max-width:100%}
    .modal table{border-collapse:collapse;width:100%;font-size:13px}
    .modal th,.modal td{padding:11px 9px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:150px}
    .modal th:first-child,.modal td:first-child{min-width:125px}
    .modal th{background:#f3f8f9}
    .dialog-note{background:var(--amber-bg);padding:12px;border-radius:9px;color:#725219;font-size:12px;margin-top:16px}
    .hidden{display:none!important}
    @media(max-width:1060px){.header-inner{gap:12px}.brand-link{width:270px}.nav-btn{font-size:12px;padding:9px 10px}.hero-text{padding:55px 28px 50px 42px}.hero-choice-wrap{padding:19px}.hero-choice{padding:25px}}
    @media(max-width:850px){.hero{grid-template-columns:1fr}.hero-text{padding:50px 34px 25px}.hero h1{max-width:700px;font-size:clamp(37px,7vw,56px)}.hero-choice-wrap{padding:15px 28px 28px}.header-inner{min-height:95px}.menu-button{display:inline-flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:13px 26px 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav.open{display:grid;grid-template-columns:1fr 1fr}.nav-btn{text-align:left}.feature-grid{grid-template-columns:1fr 1fr}.proof-panel{grid-template-columns:1fr}.two-column{grid-template-columns:1fr}.anxiety-controls{grid-template-columns:1fr 1fr}.intro-heading{display:block}.intro-heading p{margin-top:12px;max-width:700px}}
    @media(max-width:610px){.language-guide-body{grid-template-columns:1fr}.container{width:calc(100% - 30px)}.demo-strip{font-size:12px}.demo-strip .container{align-items:flex-start}.header-inner{min-height:82px}.brand-link{width:214px}.menu-button{padding:8px 10px;font-size:13px}.nav.open{grid-template-columns:1fr}.hero{margin-top:17px;border-radius:19px}.hero-text{padding:36px 22px 14px}.hero h1{font-size:clamp(35px,9vw,46px)}.hero-text>p{font-size:14px}.hero-choice-wrap{padding:12px 14px 17px}.hero-choice{padding:21px 17px;border-radius:16px}.hero-choice h2{font-size:23px}.section{padding:46px 0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto;padding:22px}.trust-row{justify-content:flex-start;gap:10px 17px}.proof-panel{padding:22px;border-radius:17px;margin-top:42px}.proof-panel h2{font-size:25px}.page-head{padding-top:30px}.page-head h1{font-size:33px}.anxiety-controls{grid-template-columns:1fr}.anxiety-grid{grid-template-columns:1fr;gap:8px}.school-card{padding:17px}.compare-tray{flex-wrap:wrap}.compare-tray .button{width:100%}.modal-body{padding:17px}.footer .inner{display:block}.footer-links{margin-top:14px}}
    @media(max-width:350px){.brand-link{width:185px}.menu-button{padding:7px;font-size:12px}.hero h1{font-size:32px}.hero-choice{padding:15px}.container{width:calc(100% - 22px)}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

    /* Frontend v0.3: detail view and decision-first result hierarchy. Logo untouched. */
    .result-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}
    .result-topline .location{font-weight:600}
    .school-card .feature-badges{margin:12px 0}
    .school-card .feature-badges span{line-height:1.4}
    .school-card .feature-badges span.unanswered{background:#fff5e9;color:#835920}
    .result-money{border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}
    .result-money>div{min-width:0}
    .result-money .label{display:block;font-size:11px;letter-spacing:.02em;font-weight:720;color:var(--muted);margin-bottom:6px}
    .result-money .value{font-size:19px;font-weight:810;color:var(--navy);line-height:1.3}
    .result-money .value small{font-size:12px;font-weight:500;color:var(--muted)}
    .result-money .caveat{font-size:11px;color:var(--muted);line-height:1.5;margin:5px 0 0}
    .result-fitting{margin:13px 0 0;padding:11px 13px;background:#f3f8f8;color:#3c6170;border-radius:9px;font-size:12px;line-height:1.55}
    .result-fitting.ask{background:#fff8ed;color:#735b2f}
    .profile-back{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:15px}
    .profile-hero{border:1px solid var(--line);background:#fff;border-radius:20px;padding:27px;box-shadow:var(--shadow);margin-bottom:18px}
    .profile-hero h1{margin:10px 0 8px;font-size:clamp(27px,3.7vw,42px)}
    .profile-hero p{font-size:13px;line-height:1.6;color:var(--muted);max-width:760px}
    .profile-kickers{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
    .profile-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.85fr);gap:19px;align-items:start;margin-bottom:70px}
    .profile-panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow);margin-bottom:16px}
    .profile-panel h2{font-size:21px;margin:0 0 8px}
    .profile-panel>p{font-size:13px;color:var(--muted);margin:0 0 13px;line-height:1.6}
    .profile-fact{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}
    .profile-fact:last-child{border-bottom:0}
    .profile-fact strong{text-align:right;max-width:52%;font-weight:740}
    .profile-fact .unknown-label{color:#8c6425}
    .profile-package{border:1px solid var(--line);background:#fbfdfd;border-radius:13px;padding:17px;margin-top:12px}
    .profile-package-header{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
    .profile-package h3{font-size:17px;margin:0}
    .profile-package .amount{font-weight:800;font-size:18px;color:var(--navy)}
    .profile-package p{color:var(--muted);font-size:13px;margin:10px 0 0;line-height:1.55}
    .profile-warning{font-size:12px;padding:12px 14px;background:#fff7e7;border-radius:10px;border:1px solid #f0dfb4;color:#755521;line-height:1.6}
    .profile-side .button.full{width:100%}
    .profile-fact .unknown-label:before{content:'• ';}
    .profile-side .consumer-question{margin:12px 0 0}
    @media(max-width:850px){.profile-layout{grid-template-columns:1fr}.profile-side .profile-panel{margin-bottom:17px}}
    @media(max-width:610px){.result-money{grid-template-columns:1fr}.profile-hero,.profile-panel{padding:19px}.profile-fact{font-size:13px}.profile-fact strong{max-width:55%}.profile-hero h1{font-size:28px}}
  
/* Integratie v1: consistente assets, betere statusuitleg en compacte banners */
.header .brand-image{object-fit:contain;object-position:left center}
.release-note{display:inline-flex;align-items:center;gap:8px;border:1px solid #c8dde1;border-radius:10px;padding:8px 11px;background:#f3f8fa;color:#245166;font-weight:700;font-size:12px}
.demo-strip {min-height:28px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.button{transition:none}}

/* v1.2 — inline stijlen verplaatst; strikte CSP zonder unsafe-inline */
.proof-action { margin-top: 22px; }
.school-constraints { border: 0; padding: 0; margin: 19px 0 0; }
.constraints-legend { font-size: 13px; font-weight: 760; }
.criteria-hint { margin: 0 0 17px; }
.profile-container { padding-top: 28px; }

/* v1.2 integration: separate interface language, not an instruction-language filter. */
.locale-switch{display:inline-flex;flex:none;align-items:center;gap:4px;padding:3px;border:1px solid #c8dae4;border-radius:10px;background:#f4f9fb}
.locale-switch button{border:0;border-radius:7px;min-width:36px;min-height:36px;padding:7px 8px;background:transparent;color:var(--navy);font-weight:750;cursor:pointer}
.locale-switch button[aria-pressed="true"]{background:var(--navy);color:white}
.locale-switch button:focus-visible{outline:3px solid #10a3ac;outline-offset:3px}
@media (max-width:850px){.header-inner{flex-wrap:wrap}.locale-switch{margin-left:auto}.nav{z-index:10}}
@media (max-width:390px){.locale-switch button{min-width:32px;padding:7px 6px}.brand-link{width:min(190px,53vw)}}