/* About + Contact: explicit light/dark contrast layer loaded after the shared theme. */
:root{
  --support-bg:#07131c;
  --support-bg-2:#0b1d2a;
  --support-surface:#0f1b29;
  --support-surface-soft:#132437;
  --support-text:#eefaff;
  --support-body:#cde0ea;
  --support-muted:#a8b7c0;
  --support-border:rgba(79,238,241,.22);
  --support-accent:#4feef1;
  --support-accent-strong:#84fbf6;
  --support-header:rgba(7,19,28,.92);
  --support-shadow:0 18px 48px rgba(0,0,0,.32);
}
html[data-theme="light"]{
  --support-bg:#f5f9fb;
  --support-bg-2:#edf4f7;
  --support-surface:#ffffff;
  --support-surface-soft:#edf4f7;
  --support-text:#10232e;
  --support-body:#334d59;
  --support-muted:#526873;
  --support-border:#bfd1d9;
  --support-accent:#087f89;
  --support-accent-strong:#066a73;
  --support-header:rgba(255,255,255,.96);
  --support-shadow:0 16px 40px rgba(16,35,46,.10);
}
html body{
  background:radial-gradient(circle at 80% 6%,color-mix(in srgb,var(--support-accent) 9%,transparent),transparent 28%),linear-gradient(145deg,var(--support-bg),var(--support-bg-2))!important;
  color:var(--support-text)!important;
}
html body h1,html body h2,html body h3{color:var(--support-text)!important;-webkit-text-fill-color:var(--support-text)!important}
html body .sitebar{
  background:var(--support-header)!important;
  border-bottom-color:var(--support-border)!important;
  color:var(--support-text)!important;
}
html[data-theme="dark"] body .sitebar .brand-max{color:#eefaff!important}
html[data-theme="dark"] body .sitebar .brand-examlab{color:#4feef1!important}
html[data-theme="dark"] body .sitebar .brand-tagline,
html[data-theme="dark"] body .sitebar .page-context{color:#a8b7c0!important}
html[data-theme="light"] body .sitebar .brand-max{color:#10232e!important}
html[data-theme="light"] body .sitebar .brand-examlab{color:#087f89!important}
html[data-theme="light"] body .sitebar .brand-tagline,
html[data-theme="light"] body .sitebar .page-context{color:#526873!important}
html body .nav a,
html body .back{
  color:var(--support-body)!important;
  background:var(--support-surface)!important;
  border-color:var(--support-border)!important;
}
html body .nav a:hover,
html body .nav a:focus-visible,
html body .back:hover,
html body .back:focus-visible{
  color:var(--support-accent-strong)!important;
  border-color:var(--support-accent)!important;
  background:var(--support-surface-soft)!important;
  outline:3px solid color-mix(in srgb,var(--support-accent) 25%,transparent);
  outline-offset:2px;
}
html body .nav a.back-to-site{
  background:var(--support-accent)!important;
  border-color:var(--support-accent)!important;
  color:#07131c!important;
}
html[data-theme="light"] body .nav a.back-to-site{color:#fff!important}
html body .hero{
  background:linear-gradient(135deg,var(--support-surface),var(--support-surface-soft))!important;
  color:var(--support-text)!important;
  border-color:var(--support-border)!important;
  box-shadow:var(--support-shadow)!important;
}
html body .eyebrow{color:var(--support-accent)!important}
html body .hero h1{color:var(--support-text)!important;-webkit-text-fill-color:var(--support-text)!important}
html body .hero p{color:var(--support-body)!important;-webkit-text-fill-color:var(--support-body)!important}
html body .card{
  background:var(--support-surface)!important;
  border-color:var(--support-border)!important;
  color:var(--support-text)!important;
  box-shadow:var(--support-shadow)!important;
}
html body .card h2,html body .card h3{color:var(--support-text)!important}
html body .card p{color:var(--support-body)!important;-webkit-text-fill-color:var(--support-body)!important}
html body .principles article{
  background:var(--support-surface-soft)!important;
  border-color:var(--support-border)!important;
}
html body .principles b{color:var(--support-accent)!important}
html body .principles span{color:var(--support-body)!important}
html body .type{
  background:var(--support-surface)!important;
  color:var(--support-body)!important;
  border-color:var(--support-border)!important;
}
html body .type:hover,html body .type:focus-visible{color:var(--support-text)!important;border-color:var(--support-accent)!important}
html body .type.active{
  background:var(--support-accent)!important;
  border-color:var(--support-accent)!important;
  color:#07131c!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .type.active{color:#fff!important}
html body .form label{color:var(--support-body)!important}
html body .form input,
html body .form select,
html body .form textarea{
  background:var(--support-surface-soft)!important;
  color:var(--support-text)!important;
  border-color:var(--support-border)!important;
  -webkit-text-fill-color:var(--support-text)!important;
}
html body .form input::placeholder,
html body .form textarea::placeholder{color:var(--support-muted)!important;opacity:1}
html body .form input:focus,
html body .form select:focus,
html body .form textarea:focus{border-color:var(--support-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--support-accent) 20%,transparent)!important}
html body .submit{
  background:var(--support-accent)!important;
  border-color:var(--support-accent)!important;
  color:#07131c!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .submit{color:#fff!important}
html body .status{color:var(--support-accent-strong)!important}
html body .privacy-note{color:var(--support-muted)!important}
html body a[href^="mailto:"],html body a[href*="mail.google.com"]{text-underline-offset:3px}
html body footer{
  color:var(--support-muted)!important;
  border-top-color:var(--support-border)!important;
}
html body ::selection{background:var(--support-accent)!important;color:#07131c!important;-webkit-text-fill-color:#07131c!important}