/* Explicit system dark theme keeps monochrome artwork readable on dark surfaces. */
@media (prefers-color-scheme: dark){
 :root{color-scheme:dark;--bg:#111;--panel:#1b1b1b;--ink:#eee;--muted:#aaa;--line:#363636;--mint:#eee;--blue:#bbb}
 body{background:var(--bg);color:var(--ink)}
 .hero .hero-collage{filter:invert(1);mix-blend-mode:screen}
 .header .brand-mark,footer .brand-mark{filter:invert(1)}
 .hero-english,.eyebrow,.service-list .eyebrow,.hero-note,.tiny-cross,.vision-label>span,.purpose-step small,.num,.capability-terms,.model-description,.model-lead,.model-facts span,.model-facts p,.contact-caption,.company-location,.contact-social>span,footer>span,footer small,footer .admin-entry,.knowledge p,.knowledge-date,.knowledge caption,.works-schedule{color:var(--muted)}
 .wordmark,.wordmark-lab,.hero h1,.intelligence-title,.models-feature h2,.model-facts strong{color:var(--ink)}
 .learning-hero figcaption{color:#bbb;border-color:var(--line)}
 .journey,.principles{background:var(--panel)}
 .steps>div,.knowledge section,.knowledge details,.knowledge th,.knowledge td,.model-facts,.model-facts>div{border-color:var(--line)}
 .steps>div:before,.status{background:var(--ink)}
 .steps span{color:var(--muted)}
 .text-link,.email,nav,.contact-social-icons a,footer .footer-social a{color:var(--ink)}
 .email,.contact-social-icons a{border-color:var(--line)}
 a:hover,.text-link:hover,.email:hover{color:#fff}
 .button,.skip{background:#eee;color:#111;border-color:#eee}
 .button:hover{background:#fff;color:#111}
 .nav-action{color:var(--ink);border-color:#777;background:transparent}
 .nav-action:hover{background:#eee;color:#111}
 .nav-action span{color:inherit}
 .contact-social-icons a:hover{background:#292929;border-color:#777}
 .scroll-header,.scroll-header::before{background:var(--bg)}
 .scroll-header.header-scrolled::before{border-bottom-color:var(--line)}
 .language-menu,.header .nav-tools .language-menu summary,.language-menu .language-options .language-switch{color:var(--ink)}
 .language-options{background:var(--panel);border-color:var(--line)}
 .language-options .language-switch:hover{background:#303030}
 .language-menu summary:focus-visible,.language-options a:focus-visible,.contact-social-icons a:focus-visible{outline-color:var(--ink)}
 .form-row input,.form-row textarea,.form-row select{background:var(--panel);color:var(--ink);border-color:#555}
}
/* Keep overview links usable on narrow screens without affecting the header. */
@media(max-width:720px){.knowledge-links,.discovery-links{display:flex;flex-wrap:wrap}.knowledge-links>a,.discovery-links>a{display:inline-block}.works-services article{grid-template-columns:21px minmax(0,1fr)}.works-services p{max-width:100%}}
/* Align the small index with the cap-height of the first title line. */
.works-services article{grid-template-columns:26px minmax(0,1fr);align-items:start}
.works-services .num{padding-top:3px;margin:0;font-size:12px;line-height:1.4}
.works-services h3{margin:0 0 10px;line-height:1.4}
.works-services .text-link{display:inline-flex;margin-top:12px}
@media(max-width:720px){.works-services article{grid-template-columns:21px minmax(0,1fr)}}
