/* Owner-approved emerald / gold presentation. No filters on brand or central-logo artwork. */
body.cosmos {
  --bg:#020b08; --panel:#071810; --panel2:#0b2017; --line:#294235;
  --text:#f3f1e6; --muted:#b5c7bb; --gold:#ddb75b; --gold2:#ffe4a0;
  --cz-bg:#020b08; --cz-bg2:#06160f;
  --cz-panel:rgba(6,25,17,.86); --cz-panel-strong:rgba(4,17,11,.95);
  --cz-cyan:#61bc95; --cz-cyan-soft:rgba(111,165,123,.44); --cz-cyan-faint:rgba(111,165,123,.18);
  --cz-gold:#e8bd61; --cz-gold2:#ffe3a0; --cz-gold-deep:#aa7a28;
  --cz-text:#f4f1e6; --cz-muted:#b5c7bb;
  --cz-glow:0 0 0 1px rgba(186,154,75,.10),0 0 24px rgba(26,105,64,.16),inset 0 0 26px rgba(45,110,72,.06);
  background-color:var(--cz-bg);
  background-image:url('assets/emerald-nebula.webp');
  background-position:center top; background-size:1920px auto; background-repeat:repeat-y;
}
body.cosmos .site-header {
  background:rgba(2,13,9,.97);border-bottom-color:rgba(205,169,79,.48);
  box-shadow:0 1px 0 rgba(219,180,90,.08),0 8px 26px rgba(0,0,0,.45);
}
body.cosmos :is(.cosmos-ticker,.signal-market-pane,.market-live,.analysis-card-link,.card,.app-card,.account-card,.login-card,
  #outlookFreshness,.calendar-shell,.calendar-panel,.calendar-board,.calendar-filter-bar,
  .calendar-filter-panel,.calendar-filter-toggle,.calendar-event-guide,.edu-card,.contact-box,.cz-card,
  .edu-path,.edu-toc,.edu-example,.edu-check,.analysis-flow,.detail-badge,.detail-card,.scenario-panel,
  .macro-board article,.timeline-grid article,.pdca-grid article,.waste-grid article,.edu-pager a,
  .detail-pager a,.check-list li,.source-note,.trade-process article,
  .account-card,.login-card,.app-card,.legal-card,.wallet-card,.launch-check,.launch-summary>div) {
  background-color:#06160f;background-image:none;border-color:rgba(178,157,91,.36);box-shadow:var(--cz-glow);
}
body.cosmos :is(.signal-pane-filters button,.market-live input,.calendar-controls button) {
  background-color:#06160f;
}
body.cosmos .cosmos-home-eyebrow {color:#b6d5b7;text-shadow:0 0 12px rgba(61,130,82,.35)}
body.cosmos .site-footer {background-color:#020c08;border-top-color:rgba(205,169,79,.42)}
body.cosmos .site-footer:before {filter:hue-rotate(-35deg) saturate(.72)}
body.cosmos.home-page:not(.app-home)>main.cosmos-home:before {filter:hue-rotate(-35deg) saturate(.72)}
body.cosmos.home-page:not(.app-home) .cosmos-hub {margin-bottom:22px}
body.cosmos .market-live :is(thead th,tbody tr:hover) {background:#0b2116}
body.cosmos .market-live :is(thead th,tbody tr) {border-bottom-color:rgba(145,173,129,.15)}
body.cosmos .calendar-day-grid>button.calendar-day-tile:not(.is-selected) {
  background:#071a11;border-color:rgba(135,163,104,.34);box-shadow:inset 0 0 18px rgba(40,90,47,.08);
}
body.cosmos .calendar-board :is(select,input,.calendar-table) {background-color:#06160f}
body.cosmos .calendar-table .calendar-day-row th,
body.cosmos .calendar-board .calendar-day-toggle {background:#102a1b;border-color:rgba(177,157,91,.24)}
body.cosmos .calendar-filter-toggle {color:#eee2bc}
body.cosmos .cz-card-head {border-bottom-color:rgba(205,169,79,.22)}
body.cosmos.control-page .sidebar {background:#04120c;box-shadow:6px 0 24px rgba(17,87,47,.13)}
body.cosmos.control-page :is(.card,.panel,.stat,.table-wrap,.topbar) {border-color:rgba(178,157,91,.32)}
body.cosmos.control-page :is(.card,.panel,.table-wrap,.stat-card,.control-card,.modal-content) {background-color:#071a11;background-image:none}
body.cosmos.control-page .nav-item:hover {background:rgba(119,159,104,.09)}
body.cosmos .cz-orbit {border-color:rgba(210,178,98,.58);box-shadow:0 0 16px rgba(166,134,54,.24),inset 0 0 18px rgba(70,128,77,.12)}
.cosmos-hub .hub-ring-outer {border-color:rgba(109,162,113,.40);box-shadow:0 0 16px rgba(67,131,80,.25),inset 0 0 24px rgba(45,96,54,.14)}
.cosmos-hub .hub-ring-mid {border-color:rgba(205,169,79,.25);box-shadow:none}
.cosmos-hub .hub-ring-inner {border-color:rgba(164,174,115,.20)}

/* Every anchor keeps its original label and href; only its decorative art changes. */
body.cosmos :is(.cosmos-hub,.cz-row) .planet {
  --c:#dcb65c;--g:rgba(207,161,65,.38);--tint:none;
  border-radius:50%;
  transition:scale .22s ease,filter .22s ease;transform-origin:center;
}
body.cosmos :is(.cosmos-hub,.cz-row) .planet-orb {
  overflow:visible;background:none;border:0;box-shadow:none;animation:cz-pulse 4.2s ease-in-out var(--d,0s) infinite;
  transition:filter .22s ease;
}
body.cosmos :is(.cosmos-hub,.cz-row) .planet-orb:after {display:none}
body.cosmos .planet .planet-art {
  position:absolute;left:50%;top:50%;width:136%;height:136%;max-width:none;
  transform:translate(-50%,-50%);object-fit:contain;pointer-events:none;user-select:none;
  filter:drop-shadow(0 3px 9px rgba(0,0,0,.6));
}
body.cosmos :is(.cosmos-hub,.cz-row) .planet-label {
  top:calc(100% + 6px);min-width:0;padding:.42em .8em;
  color:#fff1d2;border-color:rgba(225,182,80,.70);background:#031009;
  box-shadow:0 0 12px rgba(196,144,42,.20),inset 0 0 8px rgba(148,114,43,.08);
}
body.cosmos .cz-row .pl-arrow {display:none}
body.cosmos :is(.cosmos-hub,.cz-row) .planet:focus-visible {
  outline:2px solid #ffe7a1;outline-offset:12px;z-index:5;scale:1.07;
}
body.cosmos :is(.cosmos-hub,.cz-row) .planet:active {
  transform:translate(-50%,-50%);scale:1.08;z-index:5;
}
@media (hover:hover) and (pointer:fine) {
  body.cosmos :is(.cosmos-hub,.cz-row) .planet:hover {scale:1.08;z-index:5}
  body.cosmos :is(.cosmos-hub,.cz-row) .planet:hover .planet-orb {filter:brightness(1.10)}
}
/* Scale is independent of the existing transform/keyframes. Resting artwork/layout stays exact. */
:is(.cz-emblem,.cosmos-core,.cosmic-center) {transition:scale .24s ease}
:is(.cz-emblem,.cosmos-core,.cosmic-center).is-logo-hovered {scale:1.025}
@media (max-width:860px) {
  .cosmos-hub .platform-navigation {touch-action:pan-y}
  .cosmos-hub a.planet {touch-action:manipulation}
  body.cosmos .cosmos-hub .planet-label {font-size:clamp(10px,2.8cqi,14px);padding:.35em .62em}
  body.cosmos .cosmos-hub .planet .planet-art {width:130%;height:130%}
  body.cosmos .site-header .nav {background:#03150e;border-color:rgba(205,169,79,.46)}
  body.cosmos {background-size:auto 1200px}
}
body.app-home .cosmos-hub a.planet {touch-action:manipulation}
@media (prefers-reduced-motion:reduce) {
  body.cosmos :is(.cosmos-hub,.cz-row) .planet,
  body.cosmos :is(.cosmos-hub,.cz-row) .planet-orb,
  :is(.cz-emblem,.cosmos-core,.cosmic-center) {transition:none}
  :is(.cz-emblem,.cosmos-core,.cosmic-center).is-logo-hovered {scale:1}
  body.cosmos :is(.cosmos-hub,.cz-row) .planet-orb {animation:none}
}
@media (forced-colors:active) {
  body.cosmos .planet-label {border-color:ButtonText;color:ButtonText;background:Canvas}
  body.cosmos {background-image:none}
}