/* Optional graphite edition. The approved light palette and layout stay in
   landing-silver.css; every rule here is confined to the public landing. */
.landing-study { color-scheme: light; }
.landing-study .header-actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.landing-study .landing-theme-toggle {
  width: 44px; height: 44px; flex-shrink: 0; display: inline-flex;
  align-items: center; justify-content: center; color: var(--muted);
}
.landing-study .landing-theme-toggle:hover { color: var(--ink); }
.landing-study .landing-theme-toggle:focus-visible { outline: 2px solid #647699; outline-offset: 2px; border-radius: 50%; }
.landing-study .theme-icon-sun { display: none; }
.landing-study .landing-menu-toggle, .landing-study .primary-nav .mobile-partner-access { display: none; }
.landing-study[data-theme="dark"] .theme-icon-sun { display: block; }
.landing-study[data-theme="dark"] .theme-icon-moon { display: none; }
.landing-study[data-theme="dark"] {
  color-scheme: dark;
  --paper: #080808; --paper-bright: #111111; --ink: #e6e6e6;
  --muted: #adadad; --line: #353535;
}
.landing-study[data-theme="dark"] .brand-stop { color: #b2b2b2; }
.landing-study[data-theme="dark"] .primary-nav a { color: #c4c4c4; }
.landing-study[data-theme="dark"] :is(.primary-nav a, .quiet-link):hover { color: #f2f2f2; }
.landing-study[data-theme="dark"] :is(.primary-button, .engine-link) { border-color: #8b8b8b; }
.landing-study[data-theme="dark"] :is(.primary-button, .engine-link, .text-link):hover:not(:disabled):not([aria-disabled="true"]) {
  color: #f2f2f2; border-color: #cccccc; background: transparent;
}
.landing-study[data-theme="dark"] :is(.primary-button, .engine-link):active:not(:disabled):not([aria-disabled="true"]) { color: #c7c7c7; border-color: #9c9c9c; }
.landing-study[data-theme="dark"] :is(.primary-button, .engine-link):is(:disabled, [aria-disabled="true"]) { color: #898989; border-color: #4d4d4d; }
.landing-study[data-theme="dark"] .text-link { border-color: #7c7c7c; }
.landing-study[data-theme="dark"] :is(button, a, summary, [tabindex], select):focus-visible { outline-color: #cacaca; }
.landing-study[data-theme="dark"] .hero { background: #090909; }
.landing-study[data-theme="dark"] .hero::before { background: linear-gradient(100deg, #080808e8 0%, #080808b0 30%, #08080826 55%, transparent 75%); }
.landing-study[data-theme="dark"] .hero-waves { background: radial-gradient(ellipse at 82% 4%, #101010 0%, #0c0c0c 48%, #090909 100%); }
.landing-study[data-theme="dark"] .wave-fallback path:first-child { fill: #999999; opacity: .12; }
.landing-study[data-theme="dark"] .wave-fallback path:last-child { stroke: #d6d6d6; opacity: .28; }
.landing-study[data-theme="dark"] :is(.hero .eyebrow, .hero-description) { color: #bfbfbf; }
.landing-study[data-theme="dark"] .hero-caption { color: #acacac; }
.landing-study[data-theme="dark"] :is(.story-category p, .story-evidence > p, .value-context > p) { color: #bcbcbc; }
.landing-study[data-theme="dark"] :is(.story-number, .story-evidence > .story-context) { color: #a8a8a8; }
.landing-study[data-theme="dark"] .story-evidence details > div { border-color: #616161; }
.landing-study[data-theme="dark"] .story-evidence summary span { color: #b9b9b9; }
.landing-study[data-theme="dark"] .stories-footer p { color: #aaaaaa; }
.landing-study[data-theme="dark"] .approach-section {
  background: #090909; border-color: #353535;
  border-image: linear-gradient(90deg, #434343 0%, #414141 54%, #353535 100%) 1;
}
.landing-study[data-theme="dark"] :is(.approach-steps li, .approach-note, .publication-stat) { border-color: var(--line); }
.landing-study[data-theme="dark"] :is(.step-number, .approach-note) { color: #acacac; }
.landing-study[data-theme="dark"] .approach-steps p { color: #bababa; }
.landing-study[data-theme="dark"] .publication-intro > p:last-child { color: #bbbbbb; }
.landing-study[data-theme="dark"] :is(.site-footer p, .site-footer > div) { color: #afafaf; }
.landing-study[data-theme="dark"] .team-section::before { background: linear-gradient(90deg, #7e7e7e, #878787 48%, #858585 75%, var(--line)); }
.landing-study[data-theme="dark"] .landing-frontier { color: #f1f1f1; border-color: #303030; background: #080808; }
.landing-study[data-theme="dark"] :is(.frontier-toolbar, .frontier-caption, .frontier-detail) { border-color: #303030; }
.landing-study[data-theme="dark"] :is(.frontier-toolbar p, .frontier-detail > p, .frontier-control-label, .frontier-caption p) { color: #c2c2c2; }
.landing-study[data-theme="dark"] .frontier-toolbar button { color: #e8e8e8; border-color: #6d6d6d; }
.landing-study[data-theme="dark"] .frontier-toolbar button:hover:not(:disabled) { background: #171717; border-color: #b6b6b6; }
.landing-study[data-theme="dark"] .frontier-inspector { background: #0d0d0d; border-color: #303030; }
.landing-study[data-theme="dark"] .frontier-inspector select { color: #ededed; background: #090909; border-color: #656565; }
.landing-study[data-theme="dark"] .frontier-detail dt { color: #c0c0c0; }
.landing-study[data-theme="dark"] :is(.frontier-detail dd, .frontier-navigation button, .frontier-caption .frontier-status) { color: #e9e9e9; }
.landing-study[data-theme="dark"] :is(.frontier-toolbar button, .frontier-navigation button):disabled { color: #acacac; }
.landing-study[data-theme="dark"] .frontier-detail .frontier-theme-description { color: #d7d7d7; }
.landing-study[data-theme="dark"] .frontier-caption a { border-color: #9c9c9c; }
.landing-study[data-theme="dark"] .frontier-field::after { box-shadow: inset 0 20px 24px -12px #080808, inset 0 -20px 24px -12px #080808; }
.landing-study[data-theme="dark"] .frontier-field::before { color: #c2c2c2; }
@media (max-width: 900px) {
  .landing-study .site-header { display: grid; grid-template-columns: 1fr auto; gap: 0 20px; padding-block: 17px 12px; }
  .landing-study .header-actions { grid-column: 2; grid-row: 1; }
  .landing-study .header-actions .engine-link { margin-left: 0; }
  .landing-study .primary-nav { grid-column: 1 / -1; grid-row: 2; width: 100%; margin: 8px 0 0; justify-content: space-between; }
}
@media (max-width: 640px) {
  .landing-study .site-header { column-gap: 8px; }
  .landing-study .header-actions { gap: 8px; }
  .landing-study[data-theme="dark"] .hero::before { background: linear-gradient(180deg, #080808f5 0%, #080808e6 42%, #08080866 67%, transparent 82%); }
}
@media (max-width: 380px) { .landing-study .header-actions .engine-link span { display: none; } }

/* A small navigation disclosure on mobile; desktop and no-script links remain. */
@media (max-width: 900px) {
  .landing-study[data-menu-ready] .site-header { position: relative; z-index: 30; display: flex; min-height: 80px; padding-block: 14px; flex-wrap: nowrap; gap: 12px; }
  .landing-study[data-menu-ready] .header-actions { margin-left: auto; gap: 8px; }
  .landing-study[data-menu-ready] .header-actions > .engine-link { display: none; }
  .landing-study .landing-menu-toggle:not([hidden]) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 3px 0 8px; border: 0; border-radius: 0; background: transparent; color: var(--ink); font: 500 11px/1 var(--interface); cursor: pointer; }
  .landing-study .landing-menu-toggle svg { transition: transform 160ms ease; }
  .landing-study .landing-menu-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
  .landing-study .landing-menu-toggle:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }
  .landing-study[data-menu-ready] .primary-nav { position: absolute; top: calc(100% - 2px); right: 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; width: min(280px, calc(100vw - 40px)); margin: 0; padding: 12px 22px; border: 1px solid var(--line); background: var(--paper); box-shadow: 0 14px 30px #0000000c; }
  .landing-study[data-menu-ready] .primary-nav[hidden] { display: none; }
  .landing-study[data-menu-ready] .primary-nav a { display: flex; min-height: 44px; padding: 12px 0; color: var(--ink); font-size: 12px; }
  .landing-study[data-menu-ready] .primary-nav .mobile-partner-access { display: flex; justify-content: space-between; margin-top: 7px; border-top: 1px solid var(--line); padding-top: 18px; }
}
@media (prefers-reduced-motion: reduce) { .landing-study .landing-menu-toggle svg { transition: none; } }
