/* The original dark identity is preserved. Light changes only its dark surfaces. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-inner{gap:24px}
.header-inner nav{margin-left:auto;gap:24px}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.theme-control{display:flex;align-items:center;gap:7px;padding:0 10px;min-height:44px;border:1px solid #ffffff38;border-radius:7px;color:#d2d8e3;cursor:pointer}
.theme-control[hidden]{display:none}
.theme-control svg{flex-shrink:0}
.theme-control select{font:inherit;font-size:14px;min-height:42px;max-width:115px;color:inherit;background:transparent;border:0;cursor:pointer;padding:0 3px}
.theme-control option{background:var(--navy);color:white}
.theme-control:focus-within{outline:3px solid var(--cyan);outline-offset:4px}
.theme-control select:focus-visible{outline:none}

:root[data-theme="light"]{--hero-surface:#f3f8fc}
[data-theme="light"] .site-header{background:#fff;border-bottom-color:var(--line);color:var(--ink)}
[data-theme="light"] .brand img{filter:brightness(0) saturate(100%) invert(10%) sepia(20%) saturate(2100%) hue-rotate(180deg)}
[data-theme="light"] .header-inner nav>a:not(.button){color:#405169}
[data-theme="light"] .header-inner nav>a:hover{color:#00758f}
[data-theme="light"] .theme-control{border-color:#cad6e3;color:#405169;background:#f7fafc}
[data-theme="light"] .theme-control option{background:#fff;color:var(--ink)}
[data-theme="light"] .menu-toggle{color:var(--ink);border-color:#cad6e3}
[data-theme="light"] .hero{background:var(--hero-surface);color:var(--ink)}
[data-theme="light"] .eyebrow.light{color:#067794}
[data-theme="light"] .hero h1 em{color:#007fa3}
[data-theme="light"] .hero-description{color:#4e6077}
[data-theme="light"] .hero-proof p{color:#536780;border-left-color:#c7d5e5}
[data-theme="light"] .hero-proof>strong span{color:#007fa3}
[data-theme="light"] .photo-family{border-color:var(--hero-surface);color:#fff}
[data-theme="light"] .visual-caption{color:#5b718b}
[data-theme="light"] .hero-bottom{color:#52657e;border-top-color:#d3dfe9}
[data-theme="light"] .hero-bottom a{color:var(--ink)}
[data-theme="light"] .hero .text-link:hover{color:#00758f}
[data-theme="light"] .hero-visual:before{border-color:#15304a20}
[data-theme="light"] .hero-visual:after{background:linear-gradient(90deg,transparent,#15304a25,transparent)}
[data-theme="light"] .hero-visual-head{color:#58718c}
[data-theme="light"] .hero-note{background:#ffffffdd;border-color:#15304a18;color:#243850;box-shadow:0 10px 30px #15304a12}
[data-theme="light"] .hero-note-dot{box-shadow:inset 0 0 0 2px #fff}
[data-theme="light"] .hero-topline{color:#58718c}
[data-theme="light"] .hero-signal{color:#58718c}
[data-theme="light"] .sectors{background:#eaf5fa;color:var(--ink)}
[data-theme="light"] .sectors .eyebrow{color:#067794}
[data-theme="light"] .sectors li{background:#fff;border-color:#c7dee8;color:#40566e}
[data-theme="light"] .materials-section{background:#f2f6fa;color:var(--ink)}
[data-theme="light"] .materials-section h2 span{color:#62728c}
[data-theme="light"] .materials-section .section-heading>p,
[data-theme="light"] .material-caption p{color:#53657d}
[data-theme="light"] .material-caption>span{color:#067794}
[data-theme="light"] .site-footer{background:#fff;border-top:1px solid var(--line);color:#5b6577}
[data-theme="light"] .site-footer .brand{color:var(--ink)}
[data-theme="light"] .back-top{border-color:#cad6e3;color:var(--ink)}
[data-theme="light"] .hero-cover{background:#dcebf1;color:var(--ink)}
[data-theme="light"] .hero-cover-image-tint{background:linear-gradient(90deg,#eaf5f8f5 0%,#eaf5f8e8 30%,#eaf5f8a8 57%,#eaf5f850 84%,#eaf5f89c 100%),linear-gradient(0deg,#eaf5f8c7 0%,transparent 55%,#eaf5f875 100%)}
[data-theme="light"] .hero-cover-grid{opacity:.22;background-image:linear-gradient(#15304a2c 1px,transparent 1px),linear-gradient(90deg,#15304a2c 1px,transparent 1px)}
[data-theme="light"] .hero-cover-meta{border-color:#15304a40;color:#3e5872}
[data-theme="light"] .hero-cover-meta span:last-child{color:#007d9d}
[data-theme="light"] .hero-cover-copy .eyebrow{color:#067794}
[data-theme="light"] .hero-cover-copy h1 em{color:#007fa3}
[data-theme="light"] .hero-cover-description{color:#425b75}
[data-theme="light"] .hero-cover-copy .text-link{color:var(--ink)}
[data-theme="light"] .hero-cover-copy .text-link:hover{color:#00758f}
[data-theme="light"] .hero-cover-rail{border-color:#15304a40}
[data-theme="light"] .hero-cover-rail>a{border-color:#15304a32}
[data-theme="light"] .hero-cover-rail small{color:#55718c}
[data-theme="light"] .hero-cover-rail strong{color:var(--ink)}
[data-theme="light"] .rail-number{color:#007d9d}
[data-theme="light"] .rail-location{color:#55718c}
[data-theme="light"] .hero-cover-scroll{color:#55718c}
[data-theme="light"] .hero-cover-card{border-color:#ffffff80;box-shadow:0 28px 70px #16344938}
[data-theme="light"] .guide-mockup-window{background:#fff;border-color:#d6e2eb;color:var(--ink);box-shadow:0 25px 60px #10223a16}
[data-theme="light"] .guide-mockup-top{background:#eaf4f8;border-color:#d6e2eb}
[data-theme="light"] .mockup-brand{color:#26425d}
[data-theme="light"] .guide-mockup-body aside{border-color:#d6e2eb}
[data-theme="light"] .guide-mockup-body aside small,[data-theme="light"] .mockup-content-head small{color:#5a7590}
[data-theme="light"] .mockup-filter{color:#5b7088}
[data-theme="light"] .mockup-filter.is-active{background:#00b8e61b;color:#007d9d}
[data-theme="light"] .mockup-cards article{border-color:#d9e4ed;background:#f0f6f9}
[data-theme="light"] .mockup-cards article span,[data-theme="light"] .mockup-location{color:#5c728c}

@media(max-width:1100px) and (min-width:1001px){.header-inner{gap:16px}.header-inner nav{gap:17px}.header-inner nav .button{gap:12px;padding-inline:13px}.theme-control{padding-inline:7px}}
@media(max-width:1000px){
  .header-inner{min-height:80px;gap:18px}
  .header-actions{margin-left:auto}
  .menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;color:white;border:1px solid #ffffff40;border-radius:6px;padding:13px;cursor:pointer}
  .menu-toggle span{display:block;width:22px;height:2px;background:currentColor}
  .header-inner nav{position:absolute;top:80px;left:0;right:0;margin-left:0;background:var(--navy);padding:22px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ffffff30;gap:19px}
  .js .header-inner nav{display:none}
  .js .header-inner nav.is-open{display:flex}
  [data-theme="light"] .header-inner nav{background:#fff;border-bottom-color:var(--line)}
}
@media(max-width:420px){
  .header-inner{gap:10px}
  .header-actions{gap:8px}
  .theme-control{gap:4px;padding-inline:6px}
  .theme-control select{max-width:102px;font-size:13px}
  .theme-control svg{width:14px;height:14px}
  .site-header .brand{gap:7px}
  .site-header .brand>span{font-size:8px}
}
@media(max-width:350px){.site-header .brand>span{display:none}.theme-control select{font-size:14px}}