/* Shared visual foundation: identical in design and winter repositories. */
:root,:root[data-theme="day"]{--site-bg:#f0efeb;--site-surface:#f8f7f3;--site-soft:#e6e5df;--site-text:#222424;--site-muted:#565856;--site-line:#d7d8d3;--site-font:MiSans,"PingFang SC","Microsoft YaHei",Arial,sans-serif;--site-control:12px;--site-section:34px;--site-gap:64px;--paper:var(--site-bg);--ink:var(--site-text);--secondary:var(--site-muted);--bg:var(--site-bg);--panel:var(--site-surface);--panel2:var(--site-soft);--text:var(--site-text);--muted:var(--site-muted);--line:var(--site-line);--accent:var(--site-text);--ice:var(--site-muted);--surface:var(--site-surface);--good:var(--site-text)}
:root[data-theme="night"]{--site-bg:#222424;--site-surface:#2a2c2c;--site-soft:#343636;--site-text:#f0efeb;--site-muted:#b7b8b5;--site-line:#4a4c4a;--paper:var(--site-bg);--ink:var(--site-text);--secondary:var(--site-muted);--bg:var(--site-bg);--panel:var(--site-surface);--panel2:var(--site-soft);--text:var(--site-text);--muted:var(--site-muted);--line:var(--site-line);--accent:var(--site-text);--ice:var(--site-muted);--surface:var(--site-surface);--good:var(--site-text)}
body,[data-theme="day"] body{background:var(--site-bg);color:var(--site-text);font-family:var(--site-font);-webkit-font-smoothing:antialiased}
button,input,select,textarea,summary,.card,.hero,.day,.route-switch,.pill,.tripbar,.prep-progress,.backup-tools,.destination-photo{border-radius:0!important;box-shadow:none!important}
.button,.close,.link-button,.theme-toggle,.menu-toggle,.nav-menu-toggle,.work-filters button,.roadbook-tools select{min-height:44px;font-size:var(--site-control);font-weight:400;border-radius:0;line-height:1.5}
.button{padding:14px 20px;background:var(--site-text);color:var(--site-bg)}.close,.link-button,.theme-toggle,.menu-toggle,.nav-menu-toggle{padding:11px 16px;border:1px solid var(--site-line);background:transparent;color:var(--site-text)}
.button:hover{background:var(--site-muted)}.close:hover,.link-button:hover,.theme-toggle:hover,.menu-toggle:hover,.nav-menu-toggle:hover{background:var(--site-soft);border-color:var(--site-muted)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--site-text);outline-offset:4px}
.site-actions{display:flex;align-items:center;gap:10px;order:3}.nav .wordmark{order:1}.nav #main-nav{order:2;margin-left:auto}.nav{gap:30px}.nav,.site-nav{height:88px;min-height:88px;padding-top:0;padding-bottom:0;align-items:center;background:var(--site-bg);border-bottom:1px solid var(--site-line)}
.nav .wordmark,.site-nav .brand{font-size:24px;font-weight:600;letter-spacing:-.8px;color:var(--site-text)}.nav nav,.site-nav .nav-links{gap:26px}.nav nav a,.site-nav .nav-links a{font-size:12px;font-weight:400;color:var(--site-muted);padding:12px 0;min-height:44px;line-height:20px}.nav nav a:hover,.site-nav .nav-links a:hover{color:var(--site-text);background:transparent}.nav-links a[aria-current="page"]{background:transparent;color:var(--site-text);text-decoration:underline;text-underline-offset:8px}
.wrap{max-width:1248px;width:calc(100% - 112px)}.shell{max-width:1360px;padding-left:56px;padding-right:56px;margin:auto}.section h2,h2{font-size:var(--site-section);font-weight:500;line-height:1.5;letter-spacing:-1px}.section .lead{font-size:13px;line-height:2}.eyebrow,.kicker{font-size:10px;letter-spacing:1.5px;font-weight:400;line-height:1.8;color:var(--site-muted)}.section{padding-top:64px}
.site-nav{position:relative;margin-bottom:32px}.site-nav .nav-actions{gap:10px}.site-nav .theme-toggle{font-size:12px;padding:11px 16px}.site-nav .brand{letter-spacing:-.8px}.hero{box-shadow:none!important}.hero-photo-mobile{border-radius:0!important;filter:saturate(.65)}.route-switch{background:transparent;padding:4px}.route-switch button{min-height:44px;font-size:12px;font-weight:400}.hero .route-switch button.active{background:var(--site-text);color:var(--site-bg)}.hero .kicker{font-size:10px}.hero h1{font-weight:500;line-height:1.4}.hero-sub{font-size:13px;line-height:2}.card{border:1px solid var(--site-line);background:var(--site-surface)}.tripbar,[data-theme="day"] .tripbar{box-shadow:none;background:var(--site-surface)}.tripbar button{background:var(--site-text);color:var(--site-bg);font-weight:400}.day,.day.active,[data-theme="day"] .day.active{background:var(--site-surface)}.day:hover,[data-theme="day"] .day:hover{background:var(--site-soft)}.pill,.pill.play,.pill.buffer,[data-theme="day"] .pill,[data-theme="day"] .pill.play,[data-theme="day"] .pill.buffer{color:var(--site-muted);background:var(--site-soft);border-color:var(--site-line)}
.hero-art{background:#f0efeb;color:#222424}.hero-art .image-caption{background:#f0efeb;color:#565856}.brand-stage>span{color:#565856}.contact{background:#222424;color:#f0efeb}.contact .email,.contact h2{color:#f0efeb}.contact .serif{color:#f0efeb}.contact .eyebrow{color:#b7b8b5}.contact .button{background:#f0efeb;color:#222424}
.about-band{background:var(--site-soft)}.empty-canvas,.application-placeholder>div,.orbit-features>div{background:var(--site-soft);border-color:var(--site-line)}.empty-canvas .slot-cross,.slot-number,.slot-state{color:var(--site-muted)}.work-filters button{background:transparent;color:var(--site-muted)}.work-filters button[aria-pressed="true"]{background:var(--site-text);color:var(--site-bg)}.principles span,.specs>div,.system-title{border-color:var(--site-line)}
/* Formal black brand artwork stays on an intentional light proofing surface. */
.construction-card,.orbit-art{background:#fff}.construction-card figcaption{color:#222424}.construction-card figcaption small{color:#565856}.brand-stage>p{color:#222424}
@media(min-width:801px){.site-nav{grid-template-columns:auto 1fr auto;gap:30px}.site-nav .nav-links{display:flex;grid-column:2;grid-row:1;justify-content:flex-end;border:0;padding:0;background:transparent}.site-nav .nav-actions{grid-column:3;grid-row:1}.site-nav .nav-menu-toggle{display:none}.nav .menu-toggle{display:none}.nav #main-nav{display:flex;position:static;background:transparent;box-shadow:none;border:0;padding:0}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.shell{padding-left:32px;padding-right:32px}.nav,.site-nav{gap:18px}.nav nav,.site-nav .nav-links{gap:18px}.nav .wordmark span{display:none}}
@media(max-width:800px){.nav,.site-nav{height:auto;min-height:78px}.nav .site-actions{margin-left:auto}.nav .menu-toggle{display:flex}.nav #main-nav{display:none;position:absolute;top:77px;left:0;right:0;margin:0;padding:12px 0 18px;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--site-line);background:var(--site-bg);box-shadow:none;z-index:25}.nav.menu-open #main-nav{display:grid}.nav nav a{display:block!important;padding:12px}.site-nav{grid-template-columns:1fr auto;gap:12px}.site-nav .nav-actions{grid-column:2;grid-row:1}.site-nav .nav-menu-toggle{display:inline-flex}.site-nav .nav-links{display:none;grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid var(--site-line);background:var(--site-bg)}.site-nav .nav-links.is-open{display:grid}.site-nav .nav-links a{padding:12px;justify-content:flex-start;background:transparent}.nav .wordmark,.site-nav .brand{font-size:21px}.site-nav .brand{grid-column:1;grid-row:1}.section h2,h2{font-size:28px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.shell{padding-left:20px;padding-right:20px}.nav .site-actions{gap:8px}.theme-toggle,.menu-toggle,.nav-menu-toggle,.site-nav .theme-toggle{font-size:11px;padding:10px 12px;min-height:44px}.site-nav .nav-actions{gap:8px}.nav,.site-nav{min-height:78px;gap:10px}.nav #main-nav{left:0;right:0}.nav .wordmark{font-size:20px}.wordmark span{display:none}.eyebrow,.kicker,.hero .kicker{font-size:9px;letter-spacing:1px}.section{padding-top:48px}.section h2,h2{font-size:27px}.hero h1{font-size:35px}.hero-sub{font-size:12px}.button,.close,.link-button{font-size:12px}.shell .hero{padding:24px 20px}.hero-content{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Both sites use the same sticky header and menu affordance. */
.site-nav{position:sticky;top:0;z-index:40}.nav-menu-icon{width:auto;height:auto;border:0;font-size:15px;line-height:1}.nav-menu-icon:after{content:"＋";position:static;border:0}.nav-menu-toggle[aria-expanded="true"] .nav-menu-icon{transform:rotate(45deg)}

/* Reading progress and interactive surfaces follow the active theme. */
.reading-progress{position:fixed;inset:0 auto auto 0;height:2px;width:0;background:var(--site-text);z-index:150;pointer-events:none}
summary:hover,:root[data-theme="night"] summary:hover,:root[data-theme="day"] summary:hover{background:var(--site-soft);color:var(--site-text)}
summary:focus-visible{background:var(--site-soft);color:var(--site-text)}
.work-group>summary:hover,.system-details>summary:hover{background:var(--site-soft);color:var(--site-text)}
:root[data-theme="night"] .nav nav a:hover,:root[data-theme="night"] .site-nav .nav-links a:hover{background:var(--site-soft);color:var(--site-text)}
:root[data-theme="night"] .hero-art:hover .image-caption{background:#d7d8d3;color:#222424}

/* Keep interaction feedback visible with theme-appropriate emphasis. */
:root,:root[data-theme="day"]{--site-hover-bg:#e6e5df;--site-hover-border:#80827f}
:root[data-theme="night"]{--site-hover-bg:#343636;--site-hover-border:#80827f}
summary:hover,:root[data-theme="night"] summary:hover,:root[data-theme="day"] summary:hover,.work-group>summary:hover,.system-details>summary:hover,summary:focus-visible{background:var(--site-hover-bg);color:var(--site-text);border-color:var(--site-hover-border)}
.work-filters button:hover,.work-filters button:focus-visible{background:var(--site-hover-bg);color:var(--site-text);border-color:var(--site-hover-border)}
.work-filters button[aria-pressed="true"]:hover{background:var(--site-text);color:var(--site-bg)}
.close:hover,.link-button:hover,.theme-toggle:hover,.menu-toggle:hover,.nav-menu-toggle:hover{background:var(--site-hover-bg);border-color:var(--site-hover-border)}
