/* LANE SWITCH shared interface layer
   Common typography plus a complete, contrast-safe dark theme. */
@media(min-width:901px){.canonical-site-header .unified-primary-nav{flex-wrap:wrap!important;column-gap:16px!important;row-gap:0!important}.canonical-site-header .unified-primary-link[aria-current="location"]{color:#65e3e8!important}}
.global-header-actions{display:flex;align-items:center;justify-self:end;gap:9px;min-width:0}
.theme-toggle{width:42px;height:42px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.42);border-radius:5px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.theme-toggle:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.78);transform:translateY(-1px)}
.theme-toggle-icon{font-size:18px;line-height:1}

/* Cockpit-inspired typography across every page. */
@media screen{
  body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
  :where(h1,h2,h3,h4,h5,h6){font-weight:800}
  :where(.eyebrow,.card-label,.card-index,.service-audience,.num,.pill,.button,button,.header-cta,.text-link){font-weight:800}
  :focus-visible{outline:3px solid #65e3e8!important;outline-offset:3px}

  html[data-theme="dark"]{
    --dark-page:#071f32;
    --dark-section:#092b40;
    --dark-surface:#0d3d58;
    --dark-surface-2:#124b68;
    --dark-field:#08283c;
    --dark-line:#3a7891;
    --dark-text:#f7fcfd;
    --dark-muted:#c8dbe1;
    --dark-accent:#65e3e8;
    --dark-accent-strong:#31d2da;
    --dark-accent-ink:#04243b;
    --paper:var(--dark-surface)!important;
    --bg:var(--dark-page)!important;
    --ice:var(--dark-section)!important;
    --ink:var(--dark-text)!important;
    --muted:var(--dark-muted)!important;
    --line:var(--dark-line)!important;
    --cyan-100:#17566f!important;
    --shadow:0 24px 70px rgba(0,10,22,.34)!important;
    color-scheme:dark;
  }

  html[data-theme="dark"] body{background:var(--dark-page)!important;color:var(--dark-text)!important}
  html[data-theme="dark"] main>section:not(.hero):not(.subpage-hero):not(.section-dark):not(.dark):not(.cooperation-section):not(.student-cover-section){
    background:var(--dark-page)!important;color:var(--dark-text)!important
  }
  html[data-theme="dark"] :where(.section-soft,.sources,.cta-section){background:var(--dark-section)!important}

  /* Primary cards and containers. */
  html[data-theme="dark"] :where(
    .nav-panel,.audience-card,.service-card,.benefit-card,.protection-card,
    .topic-grid article,.role-grid article,.contact-form,.contact-person-card,
    .legal-card,.info-card,.source-card,.vehicle-card,.mode-card,.progress-card,
    .question,.question-card,.rec-card,.result-card,.storage-dialog,.storage-panel,
    .calculator-wrap,.check-wrap,.app-shell,.box,.notice,.template-area,
    .recommend-dialog,.recommend-entry,.recommend-preview,.card,.case,.calculator,
    .ranking,.learning-card,.cost-check-card,.feature-benefit,.module-card,.tool-card,
    .result,.lane-result,.review-item,fieldset,.faq details,details
  ){
    background:var(--dark-surface)!important;
    color:var(--dark-text)!important;
    border-color:var(--dark-line)!important;
    box-shadow:0 16px 44px rgba(0,10,22,.22)!important
  }

  /* Nested cards, answer choices and functional controls. */
  html[data-theme="dark"] :where(
    .case .step,.vehicle-data div,.choice label,.cost-row,.ranking .rec-card,
    .question label,.answer,.option,.option-card,.choice-card,.review-row,
    .tool,.tile,.template-card,.result-row,.stat,.metric,.data-card
  ){
    background:var(--dark-surface-2)!important;
    color:var(--dark-text)!important;
    border-color:var(--dark-line)!important
  }

  html[data-theme="dark"] :where(.cta-panel,.hero-panel,.video-card,.module,.dark-grid .card){
    border-color:rgba(101,227,232,.34)!important
  }
  html[data-theme="dark"] :where(.dark-grid .card,.section-dark .card,.dark .card){
    background:rgba(255,255,255,.09)!important
  }

  /* Consistent readable type hierarchy. */
  html[data-theme="dark"] :where(h1,h2,h3,h4,h5,h6,legend,summary,label,strong,b,.nav-panel h3,.recommend-entry strong){
    color:var(--dark-text)!important
  }
  html[data-theme="dark"] :where(p,li,small,.lead,.hint,.form-footnote,.result-note,.template-note,.ranking-note,.case-intro,.external,.nav-panel a){
    color:var(--dark-muted)!important
  }
  html[data-theme="dark"] main a:not(.button):not(.brand):not(.header-cta):not(.mobile-cta){
    color:var(--dark-accent)!important
  }
  html[data-theme="dark"] :where(.eyebrow,.card-label,.card-index,.service-audience,.num,.pill,.text-link,.source-links a,.legal-back,.module>span,.process-grid span){
    color:var(--dark-accent)!important
  }

  /* Numbered markers must be readable, not merely decorative. */
  html[data-theme="dark"] :where(.step-no,.case-icon,.concept-step>span:first-child,.process-grid article>span:first-child,.rec-card b:first-child,.protection-card>span:first-child,.topic-grid article>span:first-child){
    background:var(--dark-accent)!important;
    color:var(--dark-accent-ink)!important;
    border-color:var(--dark-accent)!important
  }
  html[data-theme="dark"] .pill{
    background:#123f57!important;
    border:1px solid var(--dark-line)!important
  }

  /* Forms, calculators and learning controls. */
  html[data-theme="dark"] :where(input,select,textarea){
    background:var(--dark-field)!important;
    color:var(--dark-text)!important;
    border-color:var(--dark-line)!important;
    caret-color:var(--dark-accent)!important
  }
  html[data-theme="dark"] :where(input,textarea)::placeholder{color:#a9c4ce!important;opacity:1}
  html[data-theme="dark"] select option{background:var(--dark-field);color:var(--dark-text)}
  html[data-theme="dark"] :where(input[type="radio"],input[type="checkbox"]){accent-color:var(--dark-accent-strong)}
  html[data-theme="dark"] :where(.choice input:checked+label,.option[aria-checked="true"],.selected,.active-answer){
    background:#155a70!important;
    border-color:var(--dark-accent)!important;
    box-shadow:0 0 0 3px rgba(101,227,232,.2)!important
  }
  html[data-theme="dark"] :where(.progress i,.progress-bar,.meter){background:#315f72!important}
  html[data-theme="dark"] :where(.progress i.active,.progress-bar>span,.meter>span){background:var(--dark-accent-strong)!important}

  /* Buttons and links keep distinct, obvious states. */
  html[data-theme="dark"] :where(.button-secondary,.secondary,.recommend-action,.recommend-close,.recommend-target,.template-button){
    background:var(--dark-surface-2)!important;
    color:var(--dark-text)!important;
    border:1px solid var(--dark-line)!important
  }
  html[data-theme="dark"] :where(.button-secondary,.secondary,.recommend-action,.recommend-close,.recommend-target,.template-button):hover{
    background:#175a75!important;
    border-color:var(--dark-accent)!important
  }
  html[data-theme="dark"] :where(.button-primary,.recommend-target[aria-pressed="true"],.recommend-action-primary){
    background:var(--dark-accent-strong)!important;
    color:var(--dark-accent-ink)!important;
    border-color:var(--dark-accent)!important
  }
  html[data-theme="dark"] :where(.button-primary,.recommend-target[aria-pressed="true"],.recommend-action-primary) *{
    color:var(--dark-accent-ink)!important
  }
  html[data-theme="dark"] :where(button,[role="button"],.button){text-decoration:none}
  html[data-theme="dark"] :where(button,[role="button"],.button)[disabled]{opacity:.58}

  /* Page-specific surfaces that previously stayed white. */
  html[data-theme="dark"] .calculator .calc-head{background:var(--dark-surface)!important;border-color:var(--dark-line)!important}
  html[data-theme="dark"] .calculator .step{background:transparent!important}
  html[data-theme="dark"] .ranking{background:var(--dark-surface)!important}
  html[data-theme="dark"] .rec-card:hover{background:#175a75!important;border-color:var(--dark-accent)!important}
  html[data-theme="dark"] .rec-card>span{color:var(--dark-accent)!important}
  html[data-theme="dark"] .field label{color:var(--dark-text)!important}
  html[data-theme="dark"] .source-card a,
  html[data-theme="dark"] .result-count button,
  html[data-theme="dark"] .cost-row span{color:var(--dark-accent)!important}
  html[data-theme="dark"] .disclaimer{background:var(--dark-section)!important;color:var(--dark-muted)!important}
  html[data-theme="dark"] .urgent{background:#4a2631!important;color:#ffd9df!important;border-color:#df7585!important}
  html[data-theme="dark"] .urgent :where(p,strong){color:#ffd9df!important}

  /* Menus, tables and native disclosure widgets. */
  html[data-theme="dark"] :where(th,td){border-color:var(--dark-line)!important}
  html[data-theme="dark"] th{background:var(--dark-surface-2)!important;color:var(--dark-text)!important}
  html[data-theme="dark"] td{background:var(--dark-surface)!important;color:var(--dark-muted)!important}
  html[data-theme="dark"] summary::marker{color:var(--dark-accent)}
  html[data-theme="dark"] .skip-link:focus{background:var(--dark-accent)!important;color:var(--dark-accent-ink)!important}
}


/* Unified cockpit-inspired light palette and header. */
@media screen{
  html:not([data-theme="dark"]){
    --navy-950:#061c3d!important;
    --navy-900:#0b2c59!important;
    --navy-800:#145178!important;
    --navy:#061c3d!important;
    --navy2:#0b2c59!important;
    --blue:#0b2c59!important;
    --cyan:#00b8cc!important;
    --cyan2:#65e3e8!important;
    --cyan-500:#00b8cc!important;
    --cyan-400:#65e3e8!important;
    --ice:#eff9fa!important;
    --bg:#f3f7f9!important;
    --paper:#fff!important;
    --ink:#10243e!important;
    --muted:#617186!important;
    --line:#dbe6eb!important;
  }

  :where(h1,h2,h3,h4,h5,h6){font-weight:800!important}
  :where(.site-header .desktop-nav a,.site-header .main-nav a,.site-header .nav a,.site-header .header-cta){
    font-weight:750!important
  }
  .site-header{
    background:#061c3d!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important
  }
  .site-header .header-inner{
    width:min(1280px,calc(100% - 36px))!important;
    min-height:82px!important;
    margin-inline:auto!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:32px!important
  }
  .site-header :where(.desktop-nav,.main-nav,.nav){
    justify-content:center!important;
    gap:28px!important;
    color:rgba(255,255,255,.78)!important
  }
  .site-header :where(.desktop-nav,.main-nav,.nav) a:hover{color:#65e3e8!important}
  .site-header .header-cta{
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:4px!important;
    color:#fff!important
  }
  .site-header .header-cta:hover{
    background:rgba(255,255,255,.11)!important;
    border-color:rgba(255,255,255,.7)!important
  }

  .vehicle-year-note{
    margin:12px 0 0;
    padding:12px 14px;
    border-left:3px solid var(--cyan-500,#00b8cc);
    background:var(--ice,#eff9fa);
    color:var(--muted,#617186);
    font-size:11px;
    line-height:1.55
  }
  .vehicle-context{
    margin-top:18px;
    padding:16px;
    border:1px solid var(--line,#dbe6eb);
    border-radius:6px;
    background:var(--paper,#fff)
  }
  .vehicle-context strong{display:block;font-size:13px;margin-bottom:5px}
  .vehicle-context p{margin:0 0 10px!important;font-size:11px!important}
  .vehicle-context a{color:#087d8d;font-size:12px;font-weight:800;text-decoration:none}
  .vehicle-context a:hover{text-decoration:underline}
  .vehicle-data .data-year{grid-column:1/-1}
  .source-card-adac{border-color:rgba(0,184,204,.45)!important}

  html[data-theme="dark"] :where(.vehicle-year-note,.vehicle-context){
    background:var(--dark-surface-2)!important;
    color:var(--dark-muted)!important;
    border-color:var(--dark-line)!important
  }
  html[data-theme="dark"] .vehicle-context a{color:var(--dark-accent)!important}
}

@media(min-width:701px){
  .site-header .brand{width:205px!important}
  .site-header .brand :where(img,.brand-logo,.full,.brand-primary){width:205px!important;height:auto!important}
}
@media(max-width:820px){
  .site-header .header-inner{grid-template-columns:auto auto!important;gap:12px!important}
}

@media(max-width:700px){.global-header-actions{gap:7px}.theme-toggle{width:43px;height:43px}}
@media print{.theme-toggle{display:none!important}}

/* Unified persistent navigation, 2026-08-24 */
@media screen{
  .site-header{
    position:sticky!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    z-index:1000!important;
  }
  .unified-mobile-nav{display:none}
  main>.site-header+:where(.subpage-hero,.contact-page-hero){padding-top:78px!important}
  body>.site-header~main>.hero{padding-top:82px!important}
}
@media(max-width:900px){
  .site-header .header-inner{
    width:calc(100% - 24px)!important;
    min-height:auto!important;
    padding:9px 0 8px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px 10px!important;
  }
  .site-header .brand{
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    justify-self:start!important;
  }
  .site-header .brand img{display:none!important}
  .site-header .brand img:first-child{
    display:block!important;
    width:165px!important;
    max-width:min(44vw,165px)!important;
    height:auto!important;
  }
  .site-header .global-header-actions{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    gap:6px!important;
  }
  .site-header .theme-toggle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:4px!important;
  }
  .site-header .theme-toggle-icon{font-size:15px!important}
  .site-header .header-cta{
    min-height:34px!important;
    padding:7px 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1.15!important;
    font-size:10px!important;
  }
  .site-header :where(.desktop-nav,.main-nav,.nav):not(.unified-mobile-nav),
  .site-header .menu-toggle,
  .mobile-menu{display:none!important}
  .site-header .unified-mobile-nav{
    display:flex!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    order:3!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    gap:18px!important;
    padding:10px 0 3px!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .site-header .unified-mobile-nav::-webkit-scrollbar{display:none}
  .site-header .unified-mobile-nav a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    color:rgba(255,255,255,.78)!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.2!important;
  }
  .site-header .unified-mobile-nav a:hover,
  .site-header .unified-mobile-nav a[aria-current="page"]{color:#65e3e8!important}
  main>.site-header+:where(.subpage-hero,.contact-page-hero){padding-top:58px!important}
  body>.site-header~main>.hero{padding-top:58px!important}
}
@media(max-width:520px){
  .site-header .brand img:first-child{width:150px!important;max-width:42vw!important}
  .site-header .header-cta{max-width:122px!important}
  .site-header .unified-mobile-nav{gap:15px!important}
}

/* Social links and direction-aware header visibility, 2026-08-24 */
@media screen{
  .site-header{
    transform:translateY(0);
    opacity:1;
    transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .22s ease;
    will-change:transform,opacity;
  }
  .site-header.is-scroll-hidden{
    transform:translateY(-100%);
    opacity:0;
    pointer-events:none;
  }
  .site-header.is-scroll-hidden:focus-within{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .instagram-header-link{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 9px;
    color:rgba(255,255,255,.82);
    text-decoration:none;
    white-space:nowrap;
    font-size:11px;
    font-weight:800;
  }
  .instagram-header-link:hover{color:#65e3e8}
  .instagram-header-link svg{width:17px;height:17px;flex:0 0 auto}
  .footer-instagram-link{display:inline-flex;align-items:center;gap:5px}
}
@media(max-width:900px){
  .site-header .instagram-header-link{display:none!important}
  .site-header .unified-mobile-nav :where(a,button){
    flex:0 0 auto!important;
    white-space:nowrap!important;
    color:rgba(255,255,255,.78)!important;
    text-decoration:none!important;
    font-family:inherit!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.2!important;
  }
  .site-header .unified-mobile-nav button{
    margin:0!important;
    padding:0!important;
    border:0;
    background:transparent;
    cursor:pointer;
  }
  .site-header .unified-mobile-nav .unified-mobile-recommend{
    padding:4px 8px!important;
    border:1px solid #65e3e8!important;
    border-radius:4px!important;
    color:#65e3e8!important;
  }
  .site-header .unified-mobile-nav .unified-mobile-instagram{color:#65e3e8!important}
}
@media(prefers-reduced-motion:reduce){
  .site-header{transition:none!important}
}


/* One navigation system across every page, 2026-08-24 */
@media screen{
  .site-header .header-inner{position:relative!important}
  .site-header :where(.desktop-nav,.main-nav,.nav,.unified-mobile-nav){display:none!important}
  .site-header .unified-primary-nav{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(18px,2.2vw,30px)!important;
    color:rgba(255,255,255,.8)!important;
  }
  .site-header .unified-primary-link,
  .site-header .unified-services-trigger{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:8px 0;
    border:0;
    background:transparent;
    color:inherit!important;
    font:inherit;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.2;
    text-decoration:none!important;
    white-space:nowrap;
    cursor:pointer;
  }
  .site-header .unified-primary-link:hover,
  .site-header .unified-primary-link[aria-current="page"],
  .site-header .unified-services-trigger:hover,
  .site-header .unified-services-trigger[aria-expanded="true"],
  .site-header .unified-services-trigger.is-current{color:#65e3e8!important}
  .site-header .unified-services-trigger svg{
    width:11px;
    height:8px;
    transition:transform .18s ease;
  }
  .site-header .unified-services-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
  .site-header .global-services-panel{
    position:absolute;
    z-index:1010;
    top:calc(100% - 2px);
    left:50%;
    width:min(660px,calc(100vw - 36px));
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:14px;
    border:1px solid rgba(101,227,232,.28);
    border-radius:8px;
    background:#08274d;
    box-shadow:0 22px 58px rgba(0,10,30,.32);
    color:#fff;
  }
  .site-header .global-services-panel[hidden]{display:none!important}
  .site-header .global-services-panel section{padding:8px}
  .site-header .global-services-panel h2{
    margin:0 0 8px;
    color:#65e3e8!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1.3;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .site-header .global-services-panel a{
    display:block;
    padding:11px 12px;
    border-radius:5px;
    color:#fff!important;
    text-decoration:none!important;
  }
  .site-header .global-services-panel a:hover,
  .site-header .global-services-panel a[aria-current="page"]{background:rgba(101,227,232,.12)}
  .site-header .global-services-panel strong{
    display:block;
    color:#fff!important;
    font-size:12px;
    line-height:1.35;
  }
  .site-header .global-services-panel span{
    display:block;
    margin-top:3px;
    color:rgba(255,255,255,.66)!important;
    font-size:10px;
    line-height:1.4;
  }
  .unified-mobile-recommend,
  .unified-mobile-instagram{display:none!important}

  .page-cockpit{
    font-family:var(--font-geist-sans,Arial),sans-serif!important;
    background:var(--paper,#fff)!important;
  }
  .page-cockpit .hero{
    background:radial-gradient(circle at 76% 28%,rgba(101,227,232,.16),transparent 28%),linear-gradient(128deg,#061c3d,#0b2c59)!important;
  }
  .page-cockpit .section{padding:94px 0!important}
  .page-cockpit .header-cta{
    min-height:42px!important;
    padding:9px 13px!important;
    font-size:12px!important;
  }
}

@media(max-width:900px){
  .site-header .unified-primary-nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    gap:17px!important;
    padding:10px 0 3px!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .site-header .unified-primary-nav::-webkit-scrollbar{display:none}
  .site-header .unified-primary-nav :where(a,button){
    flex:0 0 auto!important;
    min-height:28px!important;
    padding:3px 0!important;
    color:rgba(255,255,255,.78)!important;
    font-family:inherit!important;
    font-size:11px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .site-header .unified-primary-nav :where(a,button):hover,
  .site-header .unified-primary-nav a[aria-current="page"],
  .site-header .unified-primary-nav .unified-services-trigger[aria-expanded="true"],
  .site-header .unified-primary-nav .unified-services-trigger.is-current{color:#65e3e8!important}
  .site-header .unified-primary-nav .unified-mobile-recommend{
    display:inline-flex!important;
    align-items:center;
    min-height:28px!important;
    padding:3px 8px!important;
    border:1px solid #65e3e8!important;
    border-radius:4px!important;
    color:#65e3e8!important;
    background:transparent;
    cursor:pointer;
  }
  .site-header .unified-primary-nav .unified-mobile-instagram{
    display:inline-flex!important;
    align-items:center;
    gap:5px;
    color:#65e3e8!important;
  }
  .site-header .unified-primary-nav .unified-mobile-instagram svg{width:15px;height:15px}
  .site-header .global-services-panel{
    top:100%;
    left:0;
    right:0;
    width:100%;
    max-height:min(68vh,520px);
    transform:none;
    grid-template-columns:1fr;
    gap:4px;
    padding:10px;
    overflow-y:auto;
  }
  .site-header .global-services-panel section{padding:6px}
  .site-header .global-services-panel a{padding:9px 10px}
  .page-cockpit .section{padding:72px 0!important}
}

@media(max-width:520px){
  .site-header .unified-primary-nav{gap:15px!important}
  .site-header .global-services-panel{width:calc(100% + 0px)}
}


/* Canonical header, footer and cockpit: final shared interface */
@media screen{
  body{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  }

  .canonical-site-header{
    position:sticky!important;
    top:0!important;
    left:0!important;
    z-index:1000!important;
    width:100%!important;
    min-height:82px!important;
    margin:0!important;
    padding:0!important;
    background:#061c3d!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
  }
  .canonical-site-header .canonical-header-inner{
    position:relative!important;
    width:min(1400px,calc(100% - 32px))!important;
    min-height:82px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:205px minmax(300px,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
  }
  .canonical-site-header .canonical-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:205px!important;
    min-width:205px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-self:start!important;
    color:#fff!important;
  }
  .canonical-site-header .canonical-brand img{
    display:block!important;
    width:205px!important;
    max-width:205px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    object-fit:contain!important;
  }
  .canonical-site-header .unified-primary-nav{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(17px,1.8vw,28px)!important;
    margin:0!important;
    padding:0!important;
    color:rgba(255,255,255,.8)!important;
  }
  .canonical-site-header .unified-primary-link,
  .canonical-site-header .unified-services-trigger{
    min-height:42px!important;
    margin:0!important;
    padding:8px 0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.8)!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.2!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
  }
  .canonical-site-header .unified-primary-link:hover,
  .canonical-site-header .unified-primary-link[aria-current="page"],
  .canonical-site-header .unified-services-trigger:hover,
  .canonical-site-header .unified-services-trigger[aria-expanded="true"],
  .canonical-site-header .unified-services-trigger.is-current{
    color:#65e3e8!important;
  }
  .canonical-site-header .unified-services-trigger svg{
    width:11px!important;
    height:8px!important;
    transition:transform .18s ease!important;
  }
  .canonical-site-header .unified-services-trigger[aria-expanded="true"] svg{transform:rotate(180deg)!important}

  .canonical-site-header .canonical-header-actions{
    grid-column:3!important;
    grid-row:1!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-self:end!important;
    gap:8px!important;
  }
  .canonical-site-header .canonical-recommend,
  .canonical-site-header .instagram-header-link,
  .canonical-site-header .canonical-header-cta,
  .canonical-site-header .theme-toggle{
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:5px!important;
    background:transparent!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  .canonical-site-header .canonical-recommend{
    padding:8px 11px!important;
    border:1px solid #65e3e8!important;
    color:#65e3e8!important;
    cursor:pointer!important;
  }
  .canonical-site-header .canonical-recommend:hover{background:rgba(101,227,232,.1)!important}
  .canonical-site-header .instagram-header-link{
    gap:7px!important;
    padding:8px 10px!important;
    border:1px solid transparent!important;
    color:#65e3e8!important;
  }
  .canonical-site-header .instagram-header-link:hover{
    border-color:rgba(101,227,232,.45)!important;
    background:rgba(101,227,232,.08)!important;
    color:#65e3e8!important;
  }
  .canonical-site-header .instagram-header-link svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 auto!important;
  }
  .canonical-site-header .canonical-header-cta{
    min-width:158px!important;
    padding:8px 13px!important;
    border:1px solid rgba(255,255,255,.38)!important;
    color:#fff!important;
  }
  .canonical-site-header .canonical-header-cta:hover{
    border-color:rgba(255,255,255,.78)!important;
    background:rgba(255,255,255,.1)!important;
    color:#fff!important;
  }
  .canonical-site-header .theme-toggle{
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.42)!important;
    color:#fff!important;
    background:rgba(255,255,255,.06)!important;
  }
  .canonical-site-header .theme-toggle:hover{background:rgba(255,255,255,.14)!important}

  .canonical-site-header .global-services-panel{
    position:absolute!important;
    z-index:1010!important;
    top:calc(100% - 2px)!important;
    left:50%!important;
    right:auto!important;
    width:min(660px,calc(100vw - 36px))!important;
    transform:translateX(-50%)!important;
  }
  .canonical-site-header .global-services-panel[hidden]{display:none!important}

  .canonical-site-header .unified-mobile-recommend,
  .canonical-site-header .unified-mobile-instagram{display:none!important}

  .footer-links .footer-instagram-link{
    display:inline!important;
    gap:0!important;
    color:inherit!important;
  }
  .footer-links .footer-instagram-link svg,
  .footer-links .footer-instagram-link::before,
  .footer-links .footer-instagram-link::after{display:none!important;content:none!important}

  .global-recommend-dialog{
    width:min(720px,calc(100% - 28px))!important;
    max-width:720px!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#10243e!important;
    box-shadow:0 28px 100px rgba(0,25,45,.34)!important;
  }
  .global-recommend-dialog::backdrop{background:rgba(2,35,55,.72);backdrop-filter:blur(4px)}
  .global-recommend-dialog .recommend-dialog-inner{position:relative;padding:34px}
  .global-recommend-dialog .recommend-close{
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    width:40px!important;
    height:40px!important;
    border:1px solid #dbe6eb!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#061c3d!important;
    cursor:pointer!important;
    font-size:22px!important;
  }
  .global-recommend-dialog h2{max-width:580px;margin:0;font-size:clamp(29px,5vw,42px);line-height:1.05;letter-spacing:-.04em;color:#10243e!important}
  .global-recommend-dialog .eyebrow{color:#087d8d!important}
  .global-recommend-dialog .dialog-lead{margin:14px 42px 26px 0;color:#617186!important;font-size:14px}
  .global-recommend-dialog .recommend-targets{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .global-recommend-dialog .recommend-target{
    padding:18px!important;
    border:1px solid #dbe6eb!important;
    border-radius:9px!important;
    background:#eff9fa!important;
    color:#10243e!important;
    cursor:pointer!important;
    text-align:left!important;
    font-weight:800!important;
  }
  .global-recommend-dialog .recommend-target small{display:block;margin-top:5px;color:#617186!important;font-weight:400}
  .global-recommend-dialog .recommend-target[aria-pressed="true"]{border-color:#00b8cc!important;background:#d8f3f4!important}
  .global-recommend-dialog .recommend-preview{margin:18px 0 0;padding:18px;border-left:4px solid #00b8cc;background:#eff9fa;color:#617186!important;font-size:13px;line-height:1.65}
  .global-recommend-dialog .recommend-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}
  .global-recommend-dialog .recommend-action{
    min-height:46px!important;
    padding:11px 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #dbe6eb!important;
    border-radius:5px!important;
    background:#fff!important;
    color:#10243e!important;
    cursor:pointer!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:800!important;
  }
  .global-recommend-dialog .recommend-action-primary{border-color:#061c3d!important;background:#061c3d!important;color:#fff!important}
  .global-recommend-dialog .recommend-note{margin:15px 0 0;color:#617186!important;font-size:10px;line-height:1.5}

  html[data-theme="dark"] .global-recommend-dialog{
    background:#0b2c59!important;
    color:#f4fbfc!important;
  }

  .page-cockpit{
    --navy:#061c3d!important;
    --navy2:#0b2c59!important;
    --cyan:#00b8cc!important;
    --cyan2:#65e3e8!important;
    --ice:#eff9fa!important;
    --paper:#fff!important;
    --bg:#fff!important;
    --ink:#10243e!important;
    --muted:#617186!important;
    --line:#dbe6eb!important;
    background:#fff!important;
  }
  .page-cockpit .hero{
    padding:94px 0!important;
    background:radial-gradient(circle at 72% 35%,rgba(101,227,232,.14),transparent 28%),linear-gradient(128deg,#061c3d,#0b2c59)!important;
  }
  .page-cockpit .hero h1{font-size:clamp(45px,6vw,68px)!important}
  .page-cockpit .section{padding:108px 0!important}
  .page-cockpit .card{
    border:1px solid #dbe6eb!important;
    border-radius:7px!important;
    background:#fff!important;
    box-shadow:0 16px 44px rgba(6,28,61,.07)!important;
  }
  .page-cockpit .dark{background:#061c3d!important}
}

@media(max-width:1180px) and (min-width:901px){
  .canonical-site-header .canonical-header-inner{
    width:min(1180px,calc(100% - 24px))!important;
    grid-template-columns:180px minmax(270px,1fr) auto!important;
    gap:14px!important;
  }
  .canonical-site-header .canonical-brand,
  .canonical-site-header .canonical-brand img{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
  }
  .canonical-site-header .unified-primary-nav{gap:15px!important}
  .canonical-site-header .canonical-recommend{padding-inline:9px!important}
  .canonical-site-header .instagram-header-link{padding-inline:7px!important}
  .canonical-site-header .canonical-header-cta{min-width:148px!important;padding-inline:10px!important}
}

@media(max-width:900px){
  .canonical-site-header{
    min-height:auto!important;
  }
  .canonical-site-header .canonical-header-inner{
    width:calc(100% - 24px)!important;
    min-height:auto!important;
    padding:9px 0 8px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:8px 10px!important;
  }
  .canonical-site-header .canonical-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:150px!important;
    min-width:0!important;
    max-width:42vw!important;
  }
  .canonical-site-header .canonical-brand img{
    display:block!important;
    width:150px!important;
    min-width:0!important;
    max-width:42vw!important;
    height:auto!important;
  }
  .canonical-site-header .canonical-header-actions{
    grid-column:2!important;
    grid-row:1!important;
    gap:6px!important;
  }
  .canonical-site-header .canonical-recommend,
  .canonical-site-header .instagram-header-link{display:none!important}
  .canonical-site-header .canonical-header-cta,
  .canonical-site-header .theme-toggle{
    min-height:34px!important;
    height:34px!important;
    font-size:10px!important;
  }
  .canonical-site-header .canonical-header-cta{
    min-width:0!important;
    max-width:122px!important;
    padding:7px 10px!important;
  }
  .canonical-site-header .theme-toggle{
    width:34px!important;
    min-width:34px!important;
    padding:0!important;
  }
  .canonical-site-header .unified-primary-nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:10px 0 3px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:15px!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .canonical-site-header .unified-primary-nav::-webkit-scrollbar{display:none!important}
  .canonical-site-header .unified-primary-nav :where(a,button){
    flex:0 0 auto!important;
    min-height:28px!important;
    margin:0!important;
    padding:3px 0!important;
    color:rgba(255,255,255,.78)!important;
    font-family:inherit!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .canonical-site-header .unified-primary-nav .unified-mobile-recommend{
    display:inline-flex!important;
    align-items:center!important;
    padding:3px 8px!important;
    border:1px solid #65e3e8!important;
    border-radius:4px!important;
    background:transparent!important;
    color:#65e3e8!important;
    cursor:pointer!important;
  }
  .canonical-site-header .unified-primary-nav .unified-mobile-instagram{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    color:#65e3e8!important;
    text-decoration:none!important;
  }
  .canonical-site-header .unified-primary-nav .unified-mobile-instagram svg{
    width:15px!important;
    height:15px!important;
  }
  .canonical-site-header .global-services-panel{
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:min(68vh,520px)!important;
    transform:none!important;
    grid-template-columns:1fr!important;
    overflow-y:auto!important;
  }
  .global-recommend-dialog .recommend-dialog-inner{padding:28px 20px!important}
  .global-recommend-dialog .recommend-targets,
  .global-recommend-dialog .recommend-actions{grid-template-columns:1fr!important}
  .page-cockpit .hero{padding:68px 0!important}
  .page-cockpit .section{padding:72px 0!important}
}

@media(max-width:420px){
  .canonical-site-header .canonical-brand,
  .canonical-site-header .canonical-brand img{width:138px!important;max-width:39vw!important}
  .canonical-site-header .canonical-header-cta{max-width:112px!important;padding-inline:8px!important}
}


/* Final cockpit typography alignment: makes all canonical header controls truly identical. */
@media screen{
  body.page-cockpit{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  }
}


/* Dark-mode interaction states: selected answers remain unmistakable and readable. */
@media screen{
  html[data-theme="dark"] .option input:checked + label,
  html[data-theme="dark"] .answer input:checked + label{
    background:#176a7f!important;
    color:#ffffff!important;
    border-color:#65e3e8!important;
    box-shadow:inset 4px 0 0 #31d2da,0 0 0 2px rgba(101,227,232,.28)!important;
  }

  html[data-theme="dark"] .option input:checked + label *,
  html[data-theme="dark"] .answer input:checked + label *{
    color:#ffffff!important;
  }

  html[data-theme="dark"] .answer input:checked + label::before{
    background:#31d2da!important;
    border-color:#65e3e8!important;
    box-shadow:inset 0 0 0 5px #08283c!important;
  }

  html[data-theme="dark"] .answer.correct label{
    background:#124f43!important;
    color:#f7fcfd!important;
    border-color:#6ee7b7!important;
    box-shadow:inset 4px 0 0 #6ee7b7!important;
  }

  html[data-theme="dark"] .answer.wrong label{
    background:#5a2c39!important;
    color:#fff7f8!important;
    border-color:#f08fa0!important;
    box-shadow:inset 4px 0 0 #f08fa0!important;
  }

  html[data-theme="dark"] .feedback.good{
    background:#103f37!important;
    color:#f7fcfd!important;
    border-color:#6ee7b7!important;
  }

  html[data-theme="dark"] .feedback.bad{
    background:#4a2631!important;
    color:#fff7f8!important;
    border-color:#f08fa0!important;
  }

  html[data-theme="dark"] :where(.feedback.good,.feedback.bad) :where(strong,p,small){
    color:inherit!important;
  }
}

/* The mobile contact CTA always stays inside its visible border. */
@media(max-width:900px){
  .canonical-site-header .canonical-header-cta{
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    padding:6px!important;
    overflow:hidden!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }
}

@media(max-width:420px){
  .canonical-site-header .canonical-header-cta{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    padding-inline:5px!important;
    font-size:8.5px!important;
  }
}


/* Compact visual label for the mobile CTA; the anchor keeps its full accessible name. */
@media(max-width:900px){
  .canonical-site-header .canonical-header-cta{
    font-size:0!important;
  }
  .canonical-site-header .canonical-header-cta::before{
    content:"20 Min. kennenlernen";
    display:block;
    color:inherit;
    font-family:inherit;
    font-size:9px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.01em;
    white-space:nowrap;
  }
}

@media(max-width:420px){
  .canonical-site-header .canonical-header-cta::before{
    font-size:8.5px;
  }
}


/* Contrast integrity layer
   Keeps LANE SWITCH accents readable on light surfaces and prevents late
   page-specific rules from turning dark-mode cards white. */
@media screen{
  /* On white and ice surfaces, the brand cyan remains an accent while the
     darker petrol tone carries text at WCAG-readable contrast. */
  html:not([data-theme="dark"]) main :where(
    .eyebrow,.card-index,.card-label,.service-audience,.num,.text-link,
    .mode-icon,.mode-card span:last-child
  ){
    color:#087b8b!important;
  }

  html:not([data-theme="dark"]) main :where(
    .hero,.subpage-hero,.dark,.section-dark,.cooperation-section,.student-cover-section
  ) :where(
    .eyebrow,.card-index,.card-label,.service-audience,.num,.text-link,
    .mode-icon,.mode-card span:last-child
  ){
    color:#65e3e8!important;
  }

  html:not([data-theme="dark"]) .form-footnote{
    color:#526b7c!important;
  }

  /* The Cockpit contains navy sections in both themes. Their cards must never
     inherit the white-card normalization used by the light content sections. */
  body.page-cockpit .dark-grid .card{
    background:#0d3d58!important;
    color:#f7fcfd!important;
    border-color:#3a7891!important;
    box-shadow:0 16px 44px rgba(0,10,22,.22)!important;
  }
  body.page-cockpit .dark-grid .card :where(h3,strong){
    color:#f7fcfd!important;
  }
  body.page-cockpit .dark-grid .card p{
    color:#c8dbe1!important;
  }
  body.page-cockpit .dark-grid .card a{
    color:#65e3e8!important;
  }

  /* Reset the late Cockpit light-theme variables when dark mode is active. */
  html[data-theme="dark"] body.page-cockpit{
    --paper:var(--dark-surface)!important;
    --bg:var(--dark-page)!important;
    --ice:var(--dark-section)!important;
    --ink:var(--dark-text)!important;
    --muted:var(--dark-muted)!important;
    --line:var(--dark-line)!important;
    background:var(--dark-page)!important;
    color:var(--dark-text)!important;
  }

  html[data-theme="dark"] body.page-cockpit :where(.card,.faq details,.notice){
    background:var(--dark-surface)!important;
    color:var(--dark-text)!important;
    border-color:var(--dark-line)!important;
    box-shadow:0 16px 44px rgba(0,10,22,.22)!important;
  }
  html[data-theme="dark"] body.page-cockpit :where(.card,.faq details,.notice) :where(h3,summary,strong){
    color:var(--dark-text)!important;
  }
  html[data-theme="dark"] body.page-cockpit :where(.card p,.faq p,.notice){
    color:var(--dark-muted)!important;
  }
  html[data-theme="dark"] body.page-cockpit :where(.card a,.text-link){
    color:var(--dark-accent)!important;
  }
  html[data-theme="dark"] body.page-cockpit .dark-grid .card{
    background:var(--dark-surface-2)!important;
  }
  html[data-theme="dark"] body.page-cockpit .button-secondary{
    background:var(--dark-surface-2)!important;
    color:var(--dark-text)!important;
    border-color:var(--dark-line)!important;
  }

  /* Lernwelt and theory trainer: active panels are created only after a mode
     is selected, so they need explicit dark surfaces of their own. */
  html[data-theme="dark"] :where(.topic-picker,.question-card,.result-card,.storage-panel){
    background:var(--dark-surface)!important;
    color:var(--dark-text)!important;
    border-color:var(--dark-line)!important;
  }
  html[data-theme="dark"] :where(.topic-button,.ghost,.secondary,.result-number,.review-item){
    background:var(--dark-surface-2)!important;
    color:var(--dark-text)!important;
    border-color:var(--dark-line)!important;
  }
  html[data-theme="dark"] :where(.topic-picker,.topic-button,.ghost,.secondary,.result-card)
    :where(h2,h3,strong,label){
    color:var(--dark-text)!important;
  }
  html[data-theme="dark"] :where(.topic-button span,.result-number span,.review-item span){
    color:var(--dark-muted)!important;
  }
  html[data-theme="dark"] .topic-button:hover,
  html[data-theme="dark"] .topic-button:focus-visible,
  html[data-theme="dark"] .ghost:hover,
  html[data-theme="dark"] .ghost:focus-visible,
  html[data-theme="dark"] .secondary:hover,
  html[data-theme="dark"] .secondary:focus-visible{
    background:#176a7f!important;
    color:#fff!important;
    border-color:var(--dark-accent)!important;
  }
  html[data-theme="dark"] .toast{
    color:#ffadba!important;
  }

  /* Selected choices, including the 5-minute check and theory trainer, use a
     darker petrol fill in dark mode instead of cyan-on-cyan. */
  html[data-theme="dark"] :where(.option input:checked + label,.answer input:checked + label){
    background:#176a7f!important;
    color:#fff!important;
    border-color:#65e3e8!important;
  }
}


/* Final light-mode contrast refinements for highlighted navy cards and steps. */
@media screen{
  html:not([data-theme="dark"]) main .step-no{
    color:#087b8b!important;
  }

  html:not([data-theme="dark"]) main :where(.audience-card-dark,.feature-benefit)
    :where(.card-label,.card-index,.text-link){
    color:#65e3e8!important;
  }

html:not([data-theme="dark"]) body.page-cockpit .section:not(.dark) .card a{
    color:#087b8b!important;
  }
}

/* Fahrschueler:innen: entry cards for EaSI Drive and the accident helper. */
@media screen{
  .student-new-tools{background:#fff}
  .student-new-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .student-tool-card{
    min-height:360px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:clamp(30px,4vw,46px);
    border:1px solid var(--line,#dbe6eb);
    border-radius:8px;
    background:var(--paper,#fff);
    color:var(--ink,#10243e);
    box-shadow:0 18px 48px rgba(6,28,61,.09)
  }
  .student-tool-card-easi{border-top:5px solid #00b8cc}
  .student-tool-card-accident{border-top:5px solid #0b2c59}
  .student-tool-card .card-label{margin:0 0 32px;color:#087b8b;font-size:12px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
  .student-tool-card h3{margin:0 0 15px;font-size:clamp(28px,3.2vw,40px);line-height:1.08;letter-spacing:-.04em}
  .student-tool-card>p:not(.card-label){margin:0 0 28px;color:var(--muted,#617186);font-size:16px;line-height:1.72}
  .student-tool-card .button{margin-top:auto}
  html[data-theme="dark"] .student-new-tools{background:var(--dark-page)!important}
  html[data-theme="dark"] .student-tool-card{background:var(--dark-surface)!important;color:var(--dark-text)!important;border-color:var(--dark-line)!important}
  html[data-theme="dark"] .student-tool-card-easi{border-top-color:var(--dark-accent)!important}
  html[data-theme="dark"] .student-tool-card-accident{border-top-color:#8ebbd2!important}
  html[data-theme="dark"] .student-tool-card h3{color:var(--dark-text)!important}
  html[data-theme="dark"] .student-tool-card>p:not(.card-label){color:var(--dark-muted)!important}
  html[data-theme="dark"] .student-tool-card .card-label{color:var(--dark-accent)!important}
}
@media(max-width:760px){
  .student-new-tools-grid{grid-template-columns:1fr}
  .student-tool-card{min-height:330px}
}