:root {
  color-scheme: dark;
  --requested-bg: #101217;
  --requested-bg-2: #f4f1ea;
  --requested-bg-3: #d8d1c4;
  --requested-text: #f8f3e8;
  --requested-muted: #c9c0b4;
  --requested-accent: #a3e635;
  --bg: var(--requested-bg);
  --bg-2: var(--requested-bg-2);
  --bg-3: var(--requested-bg-3);
  --surface: color-mix(in srgb, var(--text) 5.5%, transparent);
  --surface-strong: color-mix(in srgb, var(--text) 14%, transparent);
  --text: var(--requested-text);
  --muted: var(--requested-muted);
  --accent: var(--requested-accent);
  --accent-soft: rgba(163, 230, 53, 0.18);
  --on-accent: #081018;
  --on-deep: #081018;
  --on-bg-2: #081018;
  --radius-card: 14px;
  --radius-hero: 18px;
  --section-gap: 44px;
  --heading-tracking: 0.025em;
  --shadow: color-mix(in srgb, var(--text) 14%, transparent);
  --header-bg: color-mix(in srgb, var(--bg) 94%, transparent);
  --cookie-bg: color-mix(in srgb, var(--bg-2) 96%, var(--bg));
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: var(--font-body);
  --font-code: "Roboto Mono", "Courier New", ui-monospace, monospace;
  font-family: var(--font-body);
}

* { box-sizing: border-box; }
img,
svg,
video,
canvas { max-width: 100%; }
main,
main > *,
[data-section],
[data-source-wrap] { min-width: 0; }
body {
  margin: 0;
  min-height: 100vh;
  background-color: var(--bg);
  background-image: linear-gradient(90deg, var(--bg), var(--bg-2) 45%, var(--bg-3) 100%);
  color: var(--text);
  font-family: var(--font-body);
}
body[data-typography-pair="grotesk-neutral"] {
  --font-body: Arial, Helvetica, ui-sans-serif, sans-serif;
  --font-display: "Helvetica Neue", Arial, ui-sans-serif, sans-serif;
}
body[data-typography-pair="grotesk-display"] {
  --font-body: "Helvetica Neue", Arial, ui-sans-serif, sans-serif;
  --font-display: "Arial Black", Impact, ui-sans-serif, sans-serif;
}
body[data-typography-pair="humanist-readable"] {
  --font-body: "Trebuchet MS", Avenir, ui-sans-serif, sans-serif;
  --font-display: Avenir, "Trebuchet MS", ui-sans-serif, sans-serif;
}
body[data-typography-pair="serif-editorial"] {
  --font-body: Georgia, "Times New Roman", serif;
  --font-display: Georgia, "Times New Roman", serif;
}
body[data-typography-pair="slab-technical"] {
  --font-body: Rockwell, "Roboto Slab", Georgia, serif;
  --font-display: Rockwell, "Roboto Slab", Georgia, serif;
}
body[data-typography-pair="mono-console"] {
  --font-body: "Roboto Mono", "Courier New", ui-monospace, monospace;
  --font-display: "Roboto Mono", "Courier New", ui-monospace, monospace;
}
body[data-typography-pair="condensed-poster"] {
  --font-body: "Arial Narrow", "Helvetica Neue", ui-sans-serif, sans-serif;
  --font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}
body[data-typography-pair="rounded-friendly"] {
  --font-body: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;
  --font-display: "Arial Rounded MT Bold", ui-rounded, "Trebuchet MS", sans-serif;
}
body[data-typography-pair="transitional-journal"] {
  --font-body: Baskerville, "Iowan Old Style", "Times New Roman", serif;
  --font-display: Baskerville, "Iowan Old Style", Georgia, serif;
}
body[data-typography-pair="geometric-modern"] {
  --font-body: Futura, "Century Gothic", Avenir, ui-sans-serif, sans-serif;
  --font-display: "Century Gothic", Futura, Avenir, ui-sans-serif, sans-serif;
}
body[data-typography-pair="system-utilitarian"] {
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body[data-typography-pair="contrast-magazine"] {
  --font-body: Georgia, "Times New Roman", serif;
  --font-display: "Arial Black", Impact, ui-sans-serif, sans-serif;
}
body :is(h1, h2, h3, .brand-name, .section-heading > strong) {
  font-family: var(--font-display);
}
body :is(code, kbd, samp, output, data) {
  font-family: var(--font-code);
}
body[data-type-scale="compact"] {
  --type-h1: clamp(37px, 7vw, 84px);
  --type-h2: clamp(25px, 4vw, 48px);
  --type-h3: clamp(18px, 2.2vw, 26px);
}
body[data-type-scale="editorial"] {
  --type-h1: clamp(42px, 8vw, 96px);
  --type-h2: clamp(29px, 4.6vw, 56px);
  --type-h3: clamp(19px, 2.4vw, 29px);
}
body[data-type-scale="display"] {
  --type-h1: clamp(48px, 9vw, 108px);
  --type-h2: clamp(33px, 5vw, 64px);
  --type-h3: clamp(20px, 2.7vw, 32px);
}
body[data-type-scale="poster"] {
  --type-h1: clamp(52px, 10vw, 120px);
  --type-h2: clamp(37px, 5.7vw, 72px);
  --type-h3: clamp(21px, 3vw, 35px);
}
body[data-type-scale] h1 { font-size: var(--type-h1); }
body[data-type-scale] h2:not(.footer-title) { font-size: var(--type-h2); }
body[data-type-scale] h3 { font-size: var(--type-h3); }
body[data-type-scale] main [data-section]:not([data-section="hero"]) > .section-heading h2 {
  max-width: 20ch;
  font-size: clamp(30px, 3.8vw, 50px);
  line-height: 1.06;
  letter-spacing: -.035em;
}
body[data-type-scale] main [data-section]:not([data-section="hero"]) > .section-heading > p:last-child {
  max-width: 68ch;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.65;
}
body[data-accent-mode="warm"] {
  --axis-accent: color-mix(in srgb, var(--requested-accent) 44%, #f97316);
  --axis-accent-soft: color-mix(in srgb, var(--axis-accent) 24%, transparent);
  --axis-decoration-angle: 24deg;
}
body[data-accent-mode="cool"] {
  --axis-accent: color-mix(in srgb, var(--requested-accent) 44%, #22d3ee);
  --axis-accent-soft: color-mix(in srgb, var(--axis-accent) 24%, transparent);
  --axis-decoration-angle: 156deg;
}
body[data-accent-mode="dual"] {
  --axis-accent: color-mix(in srgb, var(--requested-accent) 56%, #a855f7);
  --axis-accent-soft: color-mix(in srgb, var(--axis-accent) 24%, #06b6d4 12%);
  --axis-decoration-angle: 90deg;
}
body[data-accent-mode="monochrome"] {
  --axis-accent: color-mix(in srgb, var(--requested-accent) 30%, var(--text));
  --axis-accent-soft: color-mix(in srgb, var(--axis-accent) 20%, transparent);
  --axis-decoration-angle: 0deg;
}
body[data-accent-mode] main [data-section]:not([data-section="hero"]) > .section-heading {
  background-image: linear-gradient(
    var(--axis-decoration-angle),
    var(--axis-accent-soft),
    transparent 42%
  );
  border-inline-start-color: var(--axis-accent);
}
body[data-accent-mode] .material-geometry-envelope {
  --material-axis-accent: var(--axis-accent);
}
body[data-contrast-mode="light"] {
  --surface: color-mix(in srgb, var(--text) 4%, transparent);
  --surface-strong: color-mix(in srgb, var(--text) 11%, transparent);
}
body[data-contrast-mode="dark"] {
  --surface: color-mix(in srgb, var(--text) 8%, transparent);
  --surface-strong: color-mix(in srgb, var(--text) 18%, transparent);
}
body[data-contrast-mode="mixed"] main > [data-section]:nth-of-type(even) {
  background-image: linear-gradient(
    135deg,
    color-mix(in srgb, var(--accent-soft) 36%, transparent),
    transparent 52%
  );
}
body[data-contrast-mode="high-contrast"] {
  --surface: color-mix(in srgb, var(--text) 10%, transparent);
  --surface-strong: color-mix(in srgb, var(--text) 28%, transparent);
}
a { color: inherit; }
.site-header,
.site-footer {
  width: min(1420px, calc(100% - 32px));
  margin: 0 auto;
  padding: 24px 0;
}
.site-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.site-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid var(--surface-strong);
  background: var(--header-bg);
  backdrop-filter: blur(18px);
}
.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 900; letter-spacing: -0.04em; text-decoration: none; }
.site-header .brand-with-logo .brand-name {
  display: inline-block;
  flex: 0 1 auto;
  position: static;
  width: max-content;
  max-width: min(34vw, 280px);
  min-width: 0;
  height: auto;
  overflow: hidden;
  clip: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header-logo { width: clamp(56px, 5vw, 88px); height: clamp(48px, 4.6vw, 74px); object-fit: contain; }
.brand-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  aspect-ratio: 1;
  border-radius: 18px;
  background: var(--accent);
  color: var(--on-accent);
  font-size: 20px;
}
.brand-name { max-width: 190px; line-height: 1; }
.desktop-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 6px;
  color: var(--muted);
  font-size: 14px;
  overflow: hidden;
}
.desktop-nav a,
.mobile-nav a,
.page-link-grid a { text-decoration: none; }
.desktop-nav a,
.mobile-nav a {
  border-radius: 999px;
  padding: 10px 12px;
  white-space: nowrap;
}
.desktop-nav a:hover,
.mobile-nav a:hover { background: var(--surface); color: var(--text); }
.mobile-menu {
  display: none;
  margin-left: auto;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.mobile-menu summary {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  align-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  color: var(--text);
  list-style: none;
  cursor: pointer;
}
.mobile-menu summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 10px; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.burger-icon { display: grid; gap: 4px; width: 18px; justify-items: stretch; }
.burger-icon span { display: block; height: 2px; border-radius: 999px; background: currentColor; }
.mobile-menu--lines .burger-icon { gap: 4px; width: 18px; }
.mobile-menu--thin-lines .burger-icon { gap: 5px; width: 17px; }
.mobile-menu--thin-lines .burger-icon span { height: 1px; }
.mobile-menu--offset-lines .burger-icon span:nth-child(1) { width: 13px; justify-self: start; }
.mobile-menu--offset-lines .burger-icon span:nth-child(2) { width: 19px; justify-self: center; }
.mobile-menu--offset-lines .burger-icon span:nth-child(3) { width: 13px; justify-self: end; }
.mobile-menu--dots .burger-icon { width: 18px; grid-template-columns: repeat(3, 4px); gap: 3px; justify-content: center; }
.mobile-menu--dots .burger-icon span,
.mobile-menu--kebab .burger-icon span { width: 4px; height: 4px; border-radius: 999px; }
.mobile-menu--kebab .burger-icon { width: 4px; gap: 3px; justify-items: center; }
.mobile-menu--boxed-lines .burger-icon { gap: 3px; width: 16px; }
.mobile-menu--boxed-lines .burger-icon span:nth-child(2) { width: 20px; justify-self: center; }
.mobile-nav {
  position: fixed;
  left: max(14px, env(safe-area-inset-left));
  right: max(14px, env(safe-area-inset-right));
  top: max(72px, calc(env(safe-area-inset-top) + 64px));
  z-index: 60;
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--surface-strong);
  border-radius: 22px;
  background: var(--cookie-bg);
  color: var(--on-bg-2);
  box-shadow: 0 20px 70px var(--shadow);
  max-height: calc(100vh - 88px);
  overflow: auto;
}
.mobile-nav a {
  white-space: normal;
  overflow-wrap: anywhere;
}
.mobile-menu:not([open]) > .mobile-nav { display: none; }
.header-rail {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding-top: 10px;
  border-top: 1px solid var(--surface-strong);
  color: var(--muted);
  font-size: 13px;
}
.header-rail a {
  text-decoration: none;
  border-radius: 999px;
  padding: 8px 10px;
}
.header-rail a:hover { background: var(--surface); color: var(--text); }
.header--classic {
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding-block: 22px;
}
.header--classic .desktop-nav { gap: 4px; }
.header--classic .desktop-nav a {
  border-radius: 0;
  border-bottom: 2px solid transparent;
  padding-inline: 4px;
  margin-inline: 8px;
}
.header--classic .desktop-nav a:hover {
  border-color: var(--accent);
  background: transparent;
}
.header--centered {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  padding-block: 18px 20px;
  border-bottom: 4px double var(--surface-strong);
}
.header--centered .brand {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}
.header--centered .brand-name { max-width: 260px; }
.header--centered .header-logo,
.header--centered .brand-badge { width: 50px; height: 50px; }
.header--centered .desktop-nav {
  grid-column: 1;
  grid-row: 2;
  justify-content: center;
  align-self: center;
  width: min(920px, 100%);
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--surface-strong);
  text-align: center;
  gap: 10px;
}
.header--centered .desktop-nav a { border-radius: 999px; padding: 8px 12px; }
.header--centered .mobile-menu { grid-column: 1; grid-row: 1; justify-self: end; }
.header--split {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0 20px;
  padding: 18px 0 0;
  align-items: center;
}
.header--split .brand {
  grid-column: 1;
  padding-bottom: 14px;
}
.header--split .desktop-nav {
  grid-column: 1 / -1;
  grid-row: 2;
  justify-content: center;
  width: 100%;
  padding-block: 12px;
  border-top: 1px solid var(--surface-strong);
}
.header--split .desktop-nav a {
  border-radius: 10px;
  min-width: 96px;
  text-align: center;
}
.header--split .header-rail {
  grid-row: 3;
  justify-content: flex-end;
  padding-block: 10px 12px;
  border-top: 1px dashed var(--surface-strong);
}
.header--split .mobile-menu { grid-column: 2; grid-row: 1; }
.header--compact-rail {
  width: min(1260px, calc(100% - 28px));
  gap: 10px;
  padding: 10px 0 8px;
  border-bottom: 0;
}
.header--compact-rail .brand-name { max-width: min(26vw, 220px); font-size: 13px; letter-spacing: 0; }
.header--compact-rail .header-logo,
.header--compact-rail .brand-badge { width: 38px; height: 38px; border-radius: 12px; }
.header--compact-rail .desktop-nav {
  justify-content: flex-start;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.header--compact-rail .desktop-nav a { padding: 7px 9px; }
.header--compact-rail .header-rail {
  justify-content: flex-start;
  padding: 7px 0 0;
  font-size: 12px;
  border-top-style: dotted;
}
.header--compact-pills {
  width: min(1180px, calc(100% - 24px));
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid var(--surface-strong);
  border-radius: 999px;
  box-shadow: 0 18px 58px var(--shadow);
}
.header--compact-pills .brand { gap: 8px; }
.header--compact-pills .brand-name { max-width: min(28vw, 230px); font-size: 14px; letter-spacing: -.02em; }
.header--compact-pills .header-logo,
.header--compact-pills .brand-badge { width: 42px; height: 36px; border-radius: 999px; }
.header--compact-pills .desktop-nav {
  justify-content: flex-end;
  gap: 4px;
}
.header--compact-pills .desktop-nav a {
  border: 1px solid var(--surface-strong);
  background: rgba(255,255,255,.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.header--masthead {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 10px;
  padding: 24px 0 16px;
  text-align: center;
  border-bottom: 6px double var(--surface-strong);
}
.header--masthead .brand { flex-direction: column; gap: 8px; font-size: clamp(24px, 4vw, 42px); }
.header--masthead .header-logo { width: clamp(64px, 7vw, 110px); height: clamp(50px, 6vw, 88px); }
.header--masthead .desktop-nav {
  justify-content: center;
  width: 100%;
  padding-top: 12px;
  border-top: 1px solid var(--surface-strong);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.header--masthead .desktop-nav a { border-radius: 0; padding: 6px 12px; }
.header--masthead .desktop-nav a:hover { background: transparent; color: var(--accent); }
.header--masthead .mobile-menu { position: absolute; right: 0; top: 18px; }
.header--dock {
  grid-template-columns: minmax(190px, 240px) minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border-bottom: 1px solid var(--surface-strong);
  width: 100%;
}
.header--dock .brand {
  align-self: stretch;
  padding: 16px clamp(16px, 3vw, 28px);
  border-right: 1px solid var(--surface-strong);
  background: var(--surface);
}
.header--dock .desktop-nav {
  align-self: stretch;
  justify-content: start;
  padding-inline: clamp(12px, 3vw, 28px);
}
.header--dock .desktop-nav a {
  border-radius: 0;
  border-left: 1px solid var(--surface-strong);
  padding: 18px 16px;
}
.header--dock .mobile-menu { align-self: center; margin-right: 16px; }
.header--tabbed {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: end;
  padding: 18px 0 0;
  border-bottom: 1px solid var(--surface-strong);
}
.header--tabbed .desktop-nav { align-self: end; justify-content: flex-end; gap: 0; }
.header--tabbed .desktop-nav a {
  border-bottom: 3px solid transparent;
  border-radius: 14px 14px 0 0;
  border-left: 1px solid var(--surface-strong);
  padding: 16px 18px 14px;
}
.header--tabbed .desktop-nav a:hover { border-color: var(--accent); }
.header--split-band {
  grid-template-columns: 1fr auto;
  gap: 0 18px;
  padding: 14px 0 0;
}
.header--split-band .brand { grid-column: 1; padding-bottom: 12px; }
.header--split-band .desktop-nav {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  justify-content: space-between;
  padding-block: 10px;
  border-top: 1px solid var(--surface-strong);
  border-bottom: 1px solid var(--surface-strong);
  background: color-mix(in srgb, var(--surface) 60%, transparent);
}
.header--split-band .desktop-nav a { border-radius: 0; }
.header--split-band .mobile-menu { grid-column: 2; grid-row: 1; align-self: center; }
main { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.hero { padding: 96px 0 72px; max-width: 820px; }
.hero-with-asset {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1fr);
  gap: 32px;
  align-items: center;
  max-width: none;
}
.brand-mark { max-height: 54px; max-width: 180px; object-fit: contain; margin-bottom: 20px; }
.hero-asset {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: var(--radius-hero);
  border: 1px solid var(--surface-strong);
  box-shadow: 0 28px 90px var(--shadow);
}
.hero-media,
.hero-picture { display: block; margin: 0; min-width: 0; }
.hero-copy { width: 100%; min-width: 0; }
.hero-media .hero-asset,
.hero-picture .hero-asset { display: block; }
.hero-dom--article-aside .hero-copy {
  border-left: 4px solid var(--accent);
  padding-left: clamp(18px, 3vw, 36px);
}
.hero-dom--picture-first .hero-picture { order: -1; }
.hero-dom--poster-figure .hero-media { order: 1; }
.hero-dom--poster-figure .hero-copy { order: 2; }
.hero-dom--compact-masthead.hero-with-asset { grid-template-columns: minmax(0, 1.25fr) minmax(220px, .7fr); }
.hero-dom--background-article.hero-with-asset {
  border: 1px solid var(--surface-strong);
  border-radius: var(--radius-hero);
  padding-inline: clamp(22px, 5vw, 64px);
}
.eyebrow { color: var(--accent); text-transform: uppercase; letter-spacing: 0.2em; font-size: 12px; font-weight: 800; }
h1 { font-size: clamp(42px, 7vw, 84px); line-height: 0.92; letter-spacing: var(--heading-tracking); margin: 12px 0 20px; }
h2 { font-size: clamp(24px, 3vw, 42px); letter-spacing: var(--heading-tracking); margin: 8px 0 12px; }
h3 { font-size: 24px; letter-spacing: calc(var(--heading-tracking) * .7); margin: 12px 0; }
h1,
h2,
h3 {
  /* Headings are readable phrases, not arbitrary identifiers.  `anywhere`
     was allowing browsers to split a word into a vertical letter column when
     a variant produced a narrow grid track. */
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}
.button { overflow-wrap: anywhere; }
.lead { font-size: 20px; line-height: 1.7; color: var(--muted); max-width: 720px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.button {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 14px 18px;
  text-decoration: none;
  font-weight: 800;
  text-align: center;
}
.button.primary { background: var(--accent); color: var(--on-accent); }
.button.secondary { border: 1px solid var(--surface-strong); color: var(--text); }
.hero--split.hero-with-asset { grid-template-columns: minmax(0, 1fr) minmax(300px, .88fr); }
.hero--background.hero-with-asset {
  display: block;
  max-width: none;
  min-height: min(760px, 74vh);
  padding: clamp(44px, 8vw, 104px);
  border: 1px solid var(--surface-strong);
  border-radius: var(--radius-hero);
  background-image: linear-gradient(90deg, rgba(5, 8, 18, .84), rgba(5, 8, 18, .48) 55%, rgba(5, 8, 18, .24)), var(--hero-bg);
  background-size: cover;
  background-position: center;
  box-shadow: 0 28px 90px var(--shadow);
}
.hero--background .hero-copy {
  max-width: 760px;
  padding: 0;
  text-shadow: 0 3px 22px rgba(0, 0, 0, .72);
}
.hero--background .hero-asset { display: none; }
.hero--background .lead { color: rgba(247, 247, 255, .86); }
.hero--stacked.hero-with-asset {
  grid-template-columns: 1fr;
  max-width: 980px;
  margin-inline: auto;
}
.hero--stacked .hero-copy { max-width: 820px; }
.hero--stacked :is(.hero-media, .hero-picture) { order: -1; }
.hero--stacked .hero-asset { max-height: 420px; }
.asset-cues {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 12px;
  margin: clamp(18px, 3vw, 36px) 0;
}
.asset-cues [data-asset-cue] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  border: 1px solid var(--surface-strong);
  border-radius: var(--radius-card);
  padding: 12px 14px;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--accent) 8%, transparent),
      transparent 58%
    ),
    var(--surface);
  box-shadow: 0 12px 34px color-mix(in srgb, var(--shadow) 72%, transparent);
}
.asset-cues [data-asset-cue] img {
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  object-fit: cover;
  border-radius: calc(var(--radius-card) * .72);
}
.asset-cues [data-asset-cue="icons"] img { object-fit: contain; border-radius: 10px; }
.asset-cues span {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.panel-grid,
.editorial-strip,
.link-board,
.criteria-grid,
.route-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  margin: 32px 0;
  align-items: stretch;
}
.games { display: grid; grid-template-columns: 1fr; gap: 16px; margin: var(--section-gap) 0; }
.panel,
.game-card,
.top-game-card,
.rank-row,
.description-panel,
.advantage-card,
.spotlight-card,
.criteria-card,
.session-step,
.route-card,
.reliability-panel,
.contact-section,
.contact-form,
.testimonial-card,
.asset-gallery figure,
.editorial-strip article,
.link-board a,
.cta-panel,
details,
.legal-page,
.content-page {
  border: 1px solid var(--surface-strong);
  background: var(--surface);
  border-radius: var(--radius-card);
  padding: 24px;
  box-shadow: 0 20px 80px var(--shadow);
  min-width: 0;
  overflow-wrap: break-word;
}
.panel p,
.advantage-card p,
.criteria-card p,
.session-step p,
.route-card p,
.editorial-strip article p,
.reliability-grid article p { max-width: 68ch; }
body[data-design-grammar]:not([data-design-grammar="legacy"]) .panel-grid .panel h2 {
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1.08;
}
.panel-index,
.game-card span,
.game-tags span,
.editorial-strip span,
.link-board span,
.spotlight-card span,
.criteria-card span,
.session-step span,
.route-card span { color: var(--accent); font-weight: 900; }
.panel-icon { width: 42px; height: 42px; object-fit: contain; margin-bottom: 12px; }
.games-ranking .section-heading { margin-bottom: 8px; text-align: center; }
.games-ranking .section-heading p { margin-inline: auto; }
.section-heading p { color: var(--muted); line-height: 1.7; max-width: 720px; }
.top-games { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.top-game-card { min-height: 100%; display: flex; flex-direction: column; gap: 16px; border-width: 2px; }
.top-game-card__badge {
  align-self: flex-start;
  display: inline-flex;
  border-radius: 999px;
  padding: 10px 14px;
  background: var(--text);
  color: var(--bg);
  font-size: 14px;
  font-weight: 900;
}
.top-game-card__img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; border-radius: 18px; border: 1px solid var(--surface-strong); }
/* game-layout-stability-guard */
.top-game-card__img,
.rank-row__thumb,
.game-table-row img,
.game-rank-ol img,
.game-directory img,
.game-figure-grid img,
.game-spotlight-mixed img {
  display: block;
  max-width: 100%;
  min-width: 0;
  object-fit: cover;
}
.game-table-row .game-media-link,
.game-rank-ol .game-media-link,
.game-directory .game-media-link,
.rank-row .game-media-link {
  display: block;
  min-width: 0;
  max-width: 100%;
}
.game-media-link { display: block; color: inherit; text-decoration: none; border-radius: inherit; }
.game-media-link img { display: block; }
.game-title-link { color: inherit; text-decoration: none; }
.game-title-link:hover { text-decoration: underline; text-underline-offset: 0.16em; }
.top-game-card:not(:has(.top-game-card__img)) { justify-content: space-between; }
.top-game-card:not(:has(.top-game-card__img)) .top-game-card__body { padding-top: 8px; }
.top-game-card__body { display: grid; gap: 12px; flex: 1; }
.game-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.game-tags span {
  border: 1px solid var(--surface-strong);
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(255, 255, 255, 0.04);
  font-size: 13px;
}
.game-points { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; color: var(--muted); line-height: 1.55; }
.game-points li { display: grid; grid-template-columns: auto 1fr; gap: 8px; }
.game-points li::before { content: "✓"; color: var(--accent); font-weight: 900; }
.top-game-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; }
.game-score { color: var(--text); font-size: clamp(24px, 2.4vw, 38px); font-weight: 900; letter-spacing: -0.05em; }
.button-small { min-height: 44px; padding: 10px 14px; font-size: 14px; text-align: center; }
.rank-list { display: grid; gap: 12px; }
.game-rank-ol {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: games;
}
.game-rank-ol li,
.game-directory > div,
.game-table-row,
.game-figure-grid figure,
.game-spotlight-mixed,
.game-mini-link {
  border: 1px solid var(--surface-strong);
  background: var(--surface);
  border-radius: var(--radius-card);
  box-shadow: 0 18px 64px var(--shadow);
}
.game-rank-ol li {
  display: grid;
  grid-template-columns: auto minmax(88px, 128px) minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 16px;
}
.game-figure-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
}
.game-figure-grid figure {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 18px;
}
.game-figure-grid img,
.game-spotlight-mixed img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid var(--surface-strong);
}
.game-figure-grid figcaption { display: grid; gap: 10px; }
.game-figure-grid figcaption p,
.game-directory p { color: var(--muted); line-height: 1.55; margin: 0; }
.game-directory {
  display: grid;
  gap: 12px;
  margin: 0;
}
.game-directory > div { padding: 18px; }
.game-directory dt {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
}
.game-directory dd {
  display: grid;
  grid-template-columns: minmax(82px, 120px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin: 12px 0 0;
}
.game-directory dd .game-tags { grid-column: 2; }
.game-table { display: grid; gap: 10px; }
.game-table-row {
  display: grid;
  grid-template-columns: auto minmax(76px, 112px) minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
}
.game-spotlight-mixed {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(240px, .75fr);
  gap: 18px;
  padding: 20px;
}
.game-spotlight-mixed > header {
  display: grid;
  grid-template-columns: minmax(160px, .85fr) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}
.game-spotlight-mixed > aside { display: grid; gap: 10px; }
.game-mini-link {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--text);
  text-decoration: none;
  padding: 12px 14px;
}
.game-mini-link span { color: var(--accent); font-weight: 900; }
.rank-row {
  display: grid;
  grid-template-columns: minmax(96px, 132px) minmax(0, 1fr) minmax(150px, auto);
  align-items: start;
  gap: 22px;
  padding: 18px;
}
.rank-row__thumb {
  width: 100%;
  max-width: 132px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid var(--surface-strong);
}
.rank-row__info { display: grid; gap: 8px; min-width: 0; }
.rank-row__info h3 { margin: 0; line-height: 1.12; overflow-wrap: anywhere; }
.rank-row__info p { margin: 0; color: var(--muted); line-height: 1.55; }
.rank-row__side { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 14px; min-width: 0; }
.game-card {
  display: grid;
  grid-template-columns: auto 164px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
}
.game-rank { color: var(--accent); font-size: 22px; letter-spacing: -0.04em; }
.game-copy h3 { margin-top: 4px; }
.game-link {
  border: 1px solid var(--surface-strong);
  border-radius: 999px;
  padding: 12px 14px;
  text-decoration: none;
  font-weight: 900;
  white-space: nowrap;
}
.game-link:hover { background: var(--accent); color: var(--on-accent); }
.games-compact .game-card { grid-template-columns: auto 112px minmax(0, 1fr) auto; padding: 18px; }
.games-split .game-card[data-item-parity="even"] { margin-left: clamp(0px, 5vw, 72px); }
.games-split .game-card[data-item-parity="odd"] { margin-right: clamp(0px, 5vw, 72px); }
.game-card img,
.spotlight-card img,
.testimonial-card img,
.asset-gallery img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 18px; margin-bottom: 16px; }
.game-card img { margin-bottom: 0; }
.spotlight-section,
.criteria-grid,
.session-plan,
.route-board { margin: var(--section-gap) 0; }
.spotlight-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 16px; }
.spotlight-card { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 18px; align-items: center; }
.spotlight-card[data-item-position="1"] { grid-row: span 2; grid-template-columns: 1fr; align-items: stretch; }
.spotlight-card[data-item-position="1"] img { aspect-ratio: 16 / 9; }
.spotlight-card img { margin: 0; aspect-ratio: 4 / 3; }
.spotlight-card p,
.criteria-card p,
.session-step p,
.route-card p { color: var(--muted); line-height: 1.65; }
.spotlight-card ul { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; color: var(--muted); line-height: 1.5; }
.spotlight-card li { display: grid; grid-template-columns: auto 1fr; gap: 8px; }
.spotlight-card li::before { content: "→"; color: var(--accent); font-weight: 900; }
.criteria-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.criteria-grid .section-heading { grid-column: 1 / -1; }
.criteria-card { min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end; }
.session-plan {
  border: 1px solid var(--surface-strong);
  border-radius: var(--radius-hero);
  padding: clamp(26px, 5vw, 56px);
  background: linear-gradient(135deg, var(--surface), rgba(255,255,255,.025));
  box-shadow: 0 20px 80px var(--shadow);
}
.session-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 24px; }
@media (min-width: 700px) {
  .session-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1000px) {
  .session-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.session-step { box-shadow: none; background: rgba(255, 255, 255, 0.035); }
.route-board { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.route-board .section-heading { grid-column: 1 / -1; }
.route-card { display: block; text-decoration: none; }
.route-card strong { display: block; margin: 10px 0 8px; font-size: 22px; color: var(--text); }
.testimonials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 32px 0; }
.testimonial-card img { width: 72px; height: 72px; aspect-ratio: 1; border-radius: 999px; }
.testimonial-card strong { color: var(--text); }
.asset-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 32px 0; }
.asset-gallery figure { margin: 0; }
.asset-gallery figcaption { color: var(--muted); font-size: 14px; font-weight: 800; line-height: 1.35; overflow-wrap: break-word; }
.gallery-mosaic-grid,
.gallery-carousel,
.gallery-spotlight-list,
.gallery-filmstrip,
.gallery-catalog,
.gallery-storyboard,
.gallery-contact-sheet {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.gallery-mosaic-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.gallery-mosaic-grid article { min-width: 0; }
.gallery-mosaic-grid article[data-item-position="1"] { grid-column: span 2; grid-row: span 2; }
.gallery-mosaic-grid article[data-item-position="1"] img { aspect-ratio: 16 / 13; }
.gallery-mosaic-grid p,
.gallery-spotlight-list p { margin: 0; color: var(--muted); font-size: 14px; font-weight: 800; line-height: 1.35; }
.gallery-carousel {
  display: grid;
  grid-template-columns: repeat(6, minmax(220px, 1fr));
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x proximity;
}
.gallery-carousel li { min-width: 0; scroll-snap-align: start; }
.gallery-carousel img { aspect-ratio: 4 / 5; }
.gallery-spotlight-lead { grid-column: span 2; grid-row: span 2; min-width: 0; }
.gallery-spotlight-lead img { aspect-ratio: 16 / 14; }
.gallery-spotlight-list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.gallery-spotlight-list article { min-width: 0; }
.gallery-spotlight-list article { grid-column: span 2; }
.gallery-spotlight-list article[data-item-position="5"],
.gallery-spotlight-list article[data-item-position="6"] { grid-column: span 3; }
.gallery-dom--spotlight-article .gallery-spotlight-list img { aspect-ratio: 16 / 9; }
.gallery-filmstrip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.gallery-filmstrip li { min-width: 0; }
.gallery-filmstrip img { aspect-ratio: 3 / 5; }
.gallery-filmstrip figcaption { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 6px; padding-top: 10px; }
.gallery-filmstrip data { color: var(--accent); font-size: 10px; }
.gallery-catalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--surface-strong); }
.gallery-catalog > div { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(0, 1.3fr); align-items: stretch; min-width: 0; background: var(--bg); }
.gallery-catalog :is(dt, dd) { min-width: 0; margin: 0; padding: 16px; }
.gallery-catalog dt { align-self: center; color: var(--text); font-weight: 800; line-height: 1.35; }
.gallery-catalog dd { border-left: 1px solid var(--surface-strong); }
.gallery-catalog img { height: 100%; min-height: 150px; aspect-ratio: 4 / 3; }
.gallery-storyboard { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gallery-storyboard article { display: grid; grid-template-rows: auto 1fr; min-width: 0; border-top: 4px solid var(--accent); }
.gallery-storyboard header { padding: 14px 0; }
.gallery-storyboard data { color: var(--accent); font-size: 10px; text-transform: uppercase; }
.gallery-storyboard h3 { margin: 6px 0 0; font-size: 18px; }
.gallery-storyboard img { height: 100%; min-height: 180px; aspect-ratio: 16 / 10; }
.gallery-contact-sheet { width: 100%; border-collapse: collapse; table-layout: fixed; }
.gallery-contact-sheet :is(th, td) { width: 50%; padding: 14px; border: 1px solid var(--surface-strong); text-align: left; vertical-align: middle; }
.gallery-contact-sheet th data { display: block; margin-bottom: 8px; color: var(--accent); font-size: 10px; }
.gallery-contact-sheet th span { color: var(--text); line-height: 1.35; }
.gallery-contact-sheet img { aspect-ratio: 16 / 7; }
.asset-gallery--mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.asset-gallery--mosaic figure[data-item-position="1"] { grid-column: span 2; grid-row: span 2; }
.asset-gallery--mosaic figure[data-item-position="1"] img { aspect-ratio: 16 / 13; }
.asset-gallery--mosaic figure[data-item-position="4"] { grid-column: span 2; }
.asset-gallery--strip {
  grid-template-columns: repeat(6, minmax(220px, 1fr));
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x proximity;
}
.asset-gallery--strip figure { scroll-snap-align: start; }
.asset-gallery--strip > figure img,
.gallery-dom--carousel-strip .gallery-carousel img { aspect-ratio: 4 / 5; }
.asset-gallery--spotlight { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, .8fr)); }
.asset-gallery--spotlight figure[data-item-position="1"] { grid-row: span 2; }
.asset-gallery--spotlight figure[data-item-position="1"] img { aspect-ratio: 16 / 14; }
.asset-gallery--spotlight figure:not([data-item-position="1"]) img { aspect-ratio: 16 / 9; }
.section-heading { grid-column: 1 / -1; }
.description-panel,
.reliability-panel,
.contact-section { margin: var(--section-gap) 0; }
.description-panel { text-align: center; padding: clamp(28px, 5vw, 58px); }
.description-panel h2,
.reliability-panel h2,
.contact-section h2 { max-width: 860px; }
.description-panel h2,
.description-panel .description-copy { margin-inline: auto; }
.description-copy { max-width: 900px; display: grid; gap: 16px; color: var(--muted); line-height: 1.7; }
.description-copy p { margin: 0; }
.advantage-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: var(--section-gap) 0; }
.advantage-card { min-height: 240px; display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; }
.advantage-icon {
  width: 58px;
  aspect-ratio: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--accent);
  color: var(--on-accent);
  font-size: 24px;
}
.advantage-card p,
.reliability-panel p,
.contact-copy p { color: var(--muted); line-height: 1.7; }
.editorial-strip { grid-template-columns: 1fr 1fr 1fr; margin-top: 56px; }
.editorial-strip .section-heading { grid-column: 1 / -1; }
.reliability-panel { padding: clamp(28px, 4vw, 48px); }
.reliability-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.reliability-grid article {
  border: 1px solid var(--surface-strong);
  border-radius: 22px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.04);
}
.contact-section { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1fr); gap: 24px; align-items: start; }
.contact-form { display: grid; gap: 14px; }
.field-group { display: grid; gap: 7px; }
.field-group label { color: var(--text); font-weight: 800; }
.field-group input,
.field-group textarea {
  width: 100%;
  border: 1px solid var(--surface-strong);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  padding: 14px 16px;
  font: inherit;
}
.field-group textarea { min-height: 140px; resize: vertical; }
.field-error { display: none; color: #fb7185; font-size: 13px; font-weight: 800; }
.field-group.has-error .field-error { display: block; }
.field-group.has-error input,
.field-group.has-error textarea { border-color: #fb7185; }
.form-check { display: flex; gap: 10px; align-items: flex-start; color: var(--muted); line-height: 1.5; }
.form-check input { margin-top: 4px; accent-color: var(--accent); }
.link-board { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.link-board a { text-decoration: none; color: var(--text); }
.link-board strong { display: block; margin-top: 8px; font-size: 18px; line-height: 1.25; }
.cta-panel { margin: 56px 0; max-width: 900px; }
.cta-panel p { color: var(--muted); line-height: 1.7; max-width: 720px; }
.faq { display: grid; gap: 12px; margin: var(--section-gap) 0; }
.faq-article-list,
.faq-definition-list,
.faq-two-column-list,
.faq-ordered-briefs,
.faq-question-register,
.faq-disclosure-menu,
.faq-aside-ledger {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.faq-article-list { display: grid; gap: 12px; }
.faq-article-list .faq-item,
.faq-two-column-list .faq-item,
.faq-definition-list > div {
  min-width: 0;
  border: 1px solid var(--surface-strong);
  border-radius: 20px;
  padding: 20px;
  background: var(--surface);
}
.faq-article-list h3,
.faq-two-column-list h3 { margin-top: 0; }
.faq-article-list p,
.faq-two-column-list p,
.faq-definition-list dd { margin-bottom: 0; color: var(--muted); line-height: 1.7; }
.faq-definition-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.faq-definition-list dt { color: var(--text); font-weight: 900; line-height: 1.35; }
.faq-definition-list dd { margin: 10px 0 0; }
.faq-two-column-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.faq-ordered-briefs { list-style: none; counter-reset: faq-brief; }
.faq-ordered-briefs > li { counter-increment: faq-brief; border-top: 1px solid var(--surface-strong); }
.faq-ordered-briefs > li:last-child { border-bottom: 1px solid var(--surface-strong); }
.faq-ordered-briefs article {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: clamp(18px, 3vw, 40px);
  align-items: start;
  padding: clamp(22px, 3vw, 38px) 0;
}
.faq-ordered-briefs data { color: var(--accent); font-size: 12px; font-weight: 900; }
.faq-ordered-briefs h3,
.faq-ordered-briefs p { margin: 0; }
.faq-ordered-briefs p { margin-top: 10px; color: var(--muted); line-height: 1.7; }
.faq-question-register { width: 100%; border-collapse: collapse; table-layout: fixed; }
.faq-question-register caption { padding: 0 0 14px; color: var(--muted); text-align: left; }
.faq-question-register :is(th, td) { padding: clamp(18px, 2.5vw, 32px); border: 1px solid var(--surface-strong); text-align: left; vertical-align: top; }
.faq-question-register th { width: 42%; }
.faq-question-register th data { display: block; margin-bottom: 12px; color: var(--accent); font-size: 11px; }
.faq-question-register th span { color: var(--text); line-height: 1.35; }
.faq-question-register td { color: var(--muted); line-height: 1.7; }
.faq-disclosure-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; list-style: none; }
.faq-disclosure-menu > li { min-width: 0; }
.faq-disclosure-menu details { height: 100%; padding: 0; }
.faq-disclosure-menu summary { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 20px; }
.faq-disclosure-menu summary::marker { content: ""; }
.faq-disclosure-menu summary data { color: var(--accent); font-size: 11px; }
.faq-disclosure-menu details > div { padding: 0 20px 20px 70px; }
.faq-disclosure-menu p { margin: 0; color: var(--muted); line-height: 1.7; }
.faq-aside-ledger { display: grid; gap: 0; }
.faq-aside-ledger article { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr); border-top: 1px solid var(--surface-strong); }
.faq-aside-ledger article:last-child { border-bottom: 1px solid var(--surface-strong); }
.faq-aside-ledger :is(header, aside) { min-width: 0; padding: clamp(20px, 3vw, 34px); }
.faq-aside-ledger header { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; }
.faq-aside-ledger header data { color: var(--accent); font-size: 11px; }
.faq-aside-ledger h3,
.faq-aside-ledger p { margin: 0; }
.faq-aside-ledger aside { border-left: 1px solid var(--surface-strong); }
.faq-aside-ledger p { color: var(--muted); line-height: 1.7; }
summary { cursor: pointer; font-weight: 800; }
details p,
.panel p,
.game-card p,
.testimonial-card p,
.legal-page p,
.content-page p { color: var(--muted); line-height: 1.7; }
.content-page {
  width: min(1060px, calc(100% - 48px));
  max-width: 1060px;
  margin: 56px auto 0;
}
.content-page h1 { font-size: clamp(36px, 5vw, 66px); }
.back-link { display: inline-flex; margin-bottom: 24px; color: var(--muted); text-decoration: none; font-weight: 800; }
.content-sections { display: grid; gap: 18px; margin-top: 32px; }
.content-section-card {
  border: 1px solid var(--surface-strong);
  border-radius: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.04);
}
.content-section-card h2 { font-size: clamp(24px, 3vw, 38px); }
.content-points { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.content-points li { display: grid; grid-template-columns: auto 1fr; gap: 10px; color: var(--muted); line-height: 1.6; }
.content-points li::before { content: "•"; color: var(--accent); font-weight: 900; }
.page-link-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.page-link-grid a { border: 1px solid var(--surface-strong); border-radius: 16px; padding: 12px 14px; color: var(--muted); }
.page-link-grid a:hover { background: var(--surface); color: var(--text); }
.site-footer { color: var(--muted); border-top: 1px solid var(--surface-strong); margin-top: 64px; align-items: start; }
.footer-grid { grid-column: 1 / -1; display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); gap: 24px; width: 100%; }
.footer-brand { display: grid; gap: 14px; }
.footer-brand p,
.footer-copy,
.footer-bottom p { color: var(--muted); line-height: 1.6; margin: 0; }
.footer-title {
  color: var(--text);
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.15;
  font-weight: 900;
  margin: 0 0 12px;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.footer-links { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.footer-links a { color: var(--muted); text-decoration: none; }
.footer-links a:hover { color: var(--text); }
.footer-strip,
.footer-centered,
.footer-split,
.footer-rail,
.footer-magazine-head {
  grid-column: 1 / -1;
  width: 100%;
}
.footer-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.footer-inline-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}
.footer-centered {
  display: grid;
  justify-items: center;
  gap: 14px;
  text-align: center;
}
.footer-split {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  gap: clamp(22px, 4vw, 52px);
  align-items: start;
}
.footer-rail {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) repeat(auto-fit, minmax(150px, 1fr));
  gap: 18px;
  align-items: start;
}
.footer-rail details {
  box-shadow: none;
  padding: 0;
  background: transparent;
}
.footer-rail details a {
  display: block;
  color: var(--muted);
  text-decoration: none;
  margin-top: 8px;
}
.footer-magazine-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid var(--surface-strong);
  padding-bottom: 20px;
}
.footer-magazine-grid article { min-width: 0; }
.footer-dom--compact-strip,
.footer-dom--centered-brand { justify-items: center; text-align: center; }
.footer-bottom {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  width: 100%;
  padding-top: 22px;
  border-top: 1px solid var(--surface-strong);
  text-align: center;
}
.cookie-banner {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
  padding: 16px;
  border: 1px solid var(--surface-strong);
  border-radius: 22px;
  background: var(--cookie-bg);
  color: var(--on-bg-2);
  box-shadow: 0 20px 80px var(--shadow);
}
.cookie-banner__copy { display: grid; gap: 6px; min-width: 0; }
.cookie-banner__copy strong { color: var(--on-bg-2); font-size: 15px; }
.cookie-banner p {
  margin: 0;
  color: color-mix(in srgb, var(--on-bg-2) 86%, transparent);
  line-height: 1.45;
}
.cookie-banner__policies { display: flex; flex-wrap: wrap; gap: 12px; font-size: 13px; font-weight: 800; }
.cookie-banner__policies a { color: var(--on-bg-2); text-underline-offset: 3px; }
.cookie-banner__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.cookie-banner button { border: 1px solid var(--surface-strong); border-radius: 999px; padding: 12px 16px; font-weight: 900; background: transparent; color: var(--on-bg-2); white-space: nowrap; }
.cookie-banner .cookie-banner__accept { border-color: transparent; background: var(--accent); color: var(--on-accent); }
.cookie-banner[hidden] { display: none; }
.cookie-banner--ledger{display:grid;gap:12px}.cookie-banner--ledger .cookie-banner__ledger-head{display:grid;gap:6px;min-width:0}.cookie-banner--ledger .cookie-banner__ledger-head strong{color:var(--on-bg-2);font-size:15px}.cookie-banner--ledger .cookie-banner__ledger-head p{margin:0;color:var(--on-bg-2);font-size:14px;line-height:1.45}.cookie-banner__ledger-controls{display:flex;align-items:center;justify-content:space-between;gap:14px}.cookie-banner--compact{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.cookie-banner__compact-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--surface-strong);border-radius:50%;font-weight:900;color:var(--on-bg-2)}.cookie-banner--compact .cookie-banner__policies{grid-column:2/-1}.cookie-banner--compact .cookie-banner__actions{flex-direction:column;align-items:stretch}.cookie-banner--compact .cookie-banner__actions button{padding:8px 12px}
body[data-archetype="magazine"] .panel-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
body[data-archetype="quest-board"] .game-card { border-radius: 12px 36px 12px 36px; }
body[data-archetype="console-hub"] .hero { margin-left: auto; text-align: right; }
body[data-archetype="arcade-lanes"] .panel-grid .panel { border-radius: 8px 30px 8px 30px; }
body[data-layout="ranking-portal"] .top-game-card--1 { transform: translateY(-18px); }
body[data-layout="ranking-portal"] .top-game-card { border-width: 3px; }
body[data-layout="editorial-magazine"] main { width: min(1240px, calc(100% - 32px)); }
body[data-layout="editorial-magazine"] .hero { max-width: 980px; }
body[data-layout="editorial-magazine"] .hero-with-asset { grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr); }
body[data-layout="editorial-magazine"] .description-panel { text-align: left; }
body[data-layout="editorial-magazine"] .editorial-strip { grid-template-columns: 1.2fr 0.8fr 1fr; }
body[data-layout="editorial-magazine"] .top-games { grid-template-columns: 1.1fr 0.9fr; }
body[data-layout="editorial-magazine"] .top-game-card[data-item-position="3"] { grid-column: 1 / -1; }
body[data-layout="compact-guide"] main { width: min(980px, calc(100% - 32px)); }
body[data-layout="compact-guide"] h1 { font-size: clamp(38px, 6vw, 68px); }
body[data-layout="compact-guide"] .top-games,
body[data-layout="compact-guide"] .panel-grid,
body[data-layout="compact-guide"] .advantage-grid,
body[data-layout="compact-guide"] .link-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body[data-layout="compact-guide"] .top-game-card__img { aspect-ratio: 16 / 9; }
body[data-layout="comparison-hub"] .games { gap: 22px; }
body[data-layout="comparison-hub"] .top-games { grid-template-columns: 1fr; }
body[data-layout="comparison-hub"] .top-game-card { display: grid; grid-template-columns: 180px minmax(0, 1fr) auto; align-items: center; }
body[data-layout="comparison-hub"] .top-game-card__img { aspect-ratio: 4 / 3; }
body[data-layout="comparison-hub"] .top-game-card__badge { grid-column: 1 / -1; }
body[data-layout="comparison-hub"] .rank-row { grid-template-columns: minmax(86px, 112px) minmax(0, 1fr) minmax(150px, auto); }
body[data-layout="neon-showcase"] .hero {
  max-width: none;
  min-height: 72vh;
  align-items: center;
}
body[data-layout="neon-showcase"] .hero-with-asset { grid-template-columns: minmax(0, 0.82fr) minmax(300px, 1.18fr); }
body[data-layout="neon-showcase"] .hero-asset,
body[data-layout="neon-showcase"] .top-game-card,
body[data-layout="neon-showcase"] .rank-row { box-shadow: 0 0 60px var(--accent-soft), 0 24px 80px var(--shadow); }
body[data-layout="neon-showcase"] .top-games { grid-template-columns: repeat(3, minmax(220px, 1fr)); }
body[data-layout="neon-showcase"] .description-panel { border-radius: 42px; }
body[data-layout="atlas-directory"] main { width: min(1280px, calc(100% - 32px)); }
body[data-layout="atlas-directory"] .hero { max-width: 1040px; }
body[data-layout="atlas-directory"] .panel-grid,
body[data-layout="atlas-directory"] .link-board { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-layout="atlas-directory"] .top-games { grid-template-columns: 1fr 1fr; }
body[data-layout="atlas-directory"] .top-game-card[data-item-position="1"] { grid-column: 1 / -1; }
body[data-layout="rookie-map"] main { width: min(1080px, calc(100% - 32px)); }
body[data-layout="rookie-map"] .hero { text-align: center; margin-inline: auto; }
body[data-layout="rookie-map"] .hero-actions { justify-content: center; }
body[data-layout="rookie-map"] .top-games,
body[data-layout="rookie-map"] .advantage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body[data-layout="rookie-map"] .rank-row { grid-template-columns: minmax(80px, 104px) minmax(0, 1fr); }
body[data-layout="rookie-map"] .rank-row__side { grid-column: 1 / -1; justify-content: flex-end; }
body[data-layout="signal-station"] .site-header { border-bottom-style: dashed; }
body[data-layout="signal-station"] .hero-with-asset { grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr); }
body[data-layout="signal-station"] .editorial-strip,
body[data-layout="signal-station"] .reliability-grid { grid-template-columns: 1fr; }
body[data-layout="signal-station"] .top-game-card { display: flex; flex-direction: column; align-items: stretch; }
body[data-layout="quest-journal"] .panel,
body[data-layout="quest-journal"] .top-game-card,
body[data-layout="quest-journal"] .rank-row,
body[data-layout="quest-journal"] details { border-style: dashed; }
body[data-layout="quest-journal"] .hero { max-width: 760px; }
body[data-layout="quest-journal"] .description-panel { text-align: left; }
body[data-layout="quest-journal"] .link-board { grid-template-columns: 1fr 1fr; }
body[data-layout="arena-ledger"] main { width: min(1180px, calc(100% - 32px)); }
body[data-layout="arena-ledger"] .games-ranking .section-heading { text-align: left; }
body[data-layout="arena-ledger"] .games-ranking .section-heading p { margin-inline: 0; }
body[data-layout="arena-ledger"] .top-games { grid-template-columns: 1fr; }
body[data-layout="arena-ledger"] .top-game-card { display: flex; flex-direction: column; align-items: stretch; }
body[data-layout="arena-ledger"] .top-game-card__img { width: 100%; aspect-ratio: 16 / 8; }
/* Section-level view variants. These intentionally change geometry per generation. */
.hero--centered { max-width: 980px; margin-inline: auto; text-align: center; }
.hero--centered .hero-actions { justify-content: center; }
.hero--centered.hero-with-asset { grid-template-columns: 1fr; }
.hero--centered .hero-asset { max-height: 420px; }
.hero--poster.hero-with-asset { grid-template-columns: minmax(0, .72fr) minmax(300px, 1.28fr); }
.hero--poster .hero-copy { order: 2; }
.hero--poster :is(.hero-media, .hero-picture) { order: 1; }
.hero--poster .hero-asset { aspect-ratio: 4 / 5; max-height: 720px; }
.hero--billboard { max-width: none; min-height: 70vh; align-items: center; }
.hero--billboard.hero-with-asset { grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); }
.hero--billboard h1 { font-size: clamp(48px, 8vw, 108px); }
.hero--sidebar { max-width: none; border-left: 6px solid var(--accent); padding-left: clamp(20px, 4vw, 52px); }
.hero--sidebar.hero-with-asset { grid-template-columns: minmax(220px, .55fr) minmax(0, 1fr); }
.hero--sidebar .hero-copy { order: 2; }
.hero--sidebar :is(.hero-media, .hero-picture) { order: 1; }
.hero--sidebar .hero-asset { aspect-ratio: 1; }
.hero--reverse.hero-with-asset { grid-template-columns: minmax(300px, .95fr) minmax(0, 1.05fr); }
.hero--reverse .hero-copy { order: 2; }
.hero--reverse :is(.hero-media, .hero-picture) { order: 1; }
.hero--reverse .hero-asset { aspect-ratio: 4 / 3; }
.hero--cinematic {
  max-width: none;
  min-height: 64vh;
  padding-block: clamp(56px, 8vw, 112px);
  border-top: 1px solid var(--surface-strong);
  border-bottom: 1px solid var(--surface-strong);
}
.hero--cinematic.hero-with-asset {
  grid-template-columns: 1fr;
  gap: 28px;
}
.hero--cinematic .hero-copy {
  max-width: 1040px;
  margin-inline: auto;
  text-align: center;
}
.hero--cinematic .hero-actions { justify-content: center; }
.hero--cinematic .hero-asset {
  order: -1;
  width: min(100%, 1180px);
  max-height: 420px;
  margin-inline: auto;
  border-radius: 0;
  aspect-ratio: 21 / 8;
}
.hero--compact {
  max-width: 760px;
  padding: 56px 0 44px;
}
.hero--compact.hero-with-asset { grid-template-columns: minmax(0, 1fr) minmax(220px, .62fr); }
.hero--compact h1 { font-size: clamp(36px, 5vw, 62px); }
.hero--compact .lead { font-size: 18px; }
.description--split { display: grid; grid-template-columns: .8fr 1.2fr; gap: 24px; text-align: left; align-items: start; }
.description--split .description-copy { margin-inline: 0; }
.description--note { max-width: 860px; margin-left: auto; border-left: 8px solid var(--accent); text-align: left; }
.description--banner { border-radius: 999px; padding-inline: clamp(28px, 6vw, 76px); }
.description--ledger {
  display: grid;
  grid-template-columns: minmax(160px, .42fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  text-align: left;
}
.description--ledger .eyebrow {
  border-right: 1px solid var(--surface-strong);
  padding: 10px 18px 10px 0;
  min-height: 100%;
}
.description--ledger .description-copy { margin-inline: 0; }
.description--aside {
  max-width: 980px;
  margin-left: 0;
  text-align: left;
}
.description--aside .description-copy {
  margin-inline: 0;
  padding-left: 24px;
  border-left: 1px solid var(--surface-strong);
}
.features--steps { counter-reset: featureStep; grid-template-columns: 1fr; }
.features--steps .panel { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; }
.features--steps .panel-index { grid-row: auto; font-size: 34px; }
.features--ribbon { grid-template-columns: 1fr; }
.features--ribbon .panel { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; border-radius: var(--radius-card); }
.features--alternating .panel[data-item-parity="even"] { transform: translateY(28px); }
.features--matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.features--matrix .section-heading { grid-column: 1 / -1; }
.features--matrix .panel {
  min-height: 170px;
  border-radius: 6px;
  box-shadow: none;
}
.features--rail { grid-template-columns: 1fr; }
.features--rail .panel {
  display: grid;
  grid-template-columns: minmax(64px, 88px) minmax(0, 1fr);
  grid-template-areas:
    "index title"
    "index body";
  gap: 20px;
  align-items: start;
  min-height: auto;
}
.features--rail .panel:has(.panel-icon) {
  grid-template-areas:
    "icon title"
    "index body";
}
.features--rail .panel-icon { grid-area: icon; align-self: start; }
.features--rail .panel-index { grid-area: index; align-self: start; font-size: 40px; }
.features--rail .panel h2 { grid-area: title; min-width: 180px; overflow-wrap: normal; word-break: normal; }
.features--rail .panel p { grid-area: body; min-width: 0; }
.feature-list-rail,
.feature-numbered-steps,
.feature-definition-list {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.feature-list-rail { display: grid; gap: 14px; }
.feature-list-rail .panel {
  display: grid;
  grid-template-columns: 56px 72px minmax(0, 1fr);
  grid-template-areas: none;
  gap: 18px;
  align-items: start;
  min-height: 0;
}
.feature-list-rail .panel-icon { width: 48px; height: 48px; }
.feature-list-rail .panel-index { font-size: 30px; }
.feature-list-rail .panel > div { grid-column: 3; min-width: 0; }
.feature-list-rail h2 { margin-top: 0; overflow-wrap: normal; word-break: normal; }
.feature-definition-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.feature-definition-list .panel { display: block; min-height: 0; grid-template: none; grid-template-areas: none; }
.feature-definition-list dt { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: center; }
.feature-definition-list dt .panel-icon { grid-row: span 2; width: 44px; height: 44px; }
.feature-definition-list dt strong { font-size: 22px; color: var(--text); }
.feature-definition-list dd { margin: 14px 0 0; color: var(--muted); line-height: 1.7; }
.feature-numbered-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; counter-reset: feature-family-step; }
.feature-numbered-steps .panel { min-height: 0; display: grid; grid-template-columns: 1fr; grid-template-areas: none; align-content: start; }
.feature-numbered-steps .panel-index { color: var(--accent); font-size: 40px; }
.feature-numbered-steps .panel-icon { width: 44px; height: 44px; }
.feature-table-register,
.feature-disclosure-stack,
.feature-menu-board,
.feature-quote-ledger {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
}
.feature-table-register {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--bg-2);
  color: var(--on-bg-2);
}
.feature-table-register :is(th, td) {
  padding: clamp(12px, 2vw, 22px);
  border: 1px solid var(--surface-strong);
  vertical-align: top;
  text-align: start;
}
.feature-table-register th { width: 32%; }
.feature-table-register td:last-child { width: 14%; }
.feature-table-register td > p { margin: 0; color: inherit; }
.feature-disclosure-stack { display: grid; gap: 12px; }
.feature-disclosure-stack > details {
  padding: clamp(12px, 2vw, 22px);
  border: 1px solid var(--surface-strong);
  background: var(--bg-2);
  color: var(--on-bg-2);
}
.feature-disclosure-stack summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.feature-disclosure-stack details > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  padding-block: 14px;
}
.feature-menu-board,
.feature-quote-ledger {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0;
  list-style: none;
}
.feature-menu-board > li,
.feature-quote-ledger > blockquote {
  display: grid;
  gap: 14px;
  min-width: 0;
  margin: 0;
  padding: clamp(14px, 2vw, 22px);
  border: 1px solid var(--surface-strong);
  background: var(--bg-2);
  color: var(--on-bg-2);
}
.feature-menu-board :is(header, footer),
.feature-quote-ledger :is(header, footer) {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.feature-menu-board blockquote { margin: 0; padding-inline-start: 14px; border-inline-start: 2px solid var(--accent); }
.feature-menu-board p,
.feature-quote-ledger p { margin: 0; color: inherit; }
.advantages--timeline { grid-template-columns: 1fr; }
.advantages--timeline .advantage-card {
  min-height: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
}
.advantages--timeline .advantage-icon { grid-row: auto; }
.advantages--checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.advantages--checklist .advantage-card {
  min-height: auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  justify-content: stretch;
}
.advantages--checklist .advantage-icon { grid-row: 1 / span 2; }
.advantages--checklist .advantage-card :is(h3, p) { grid-column: 2; }
.advantages--badges .advantage-card {
  min-height: 180px;
  border-radius: 999px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.advantages--split-rail {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: stretch;
}
.advantages--split-rail .advantage-card[data-item-position="1"] {
  grid-row: span 2;
  min-height: 100%;
  justify-content: flex-end;
}
.advantages--numbered {
  counter-reset: advantageItem;
}
.advantages--numbered .advantage-card {
  position: relative;
  padding-top: 52px;
}
.advantages--numbered .advantage-card::before {
  counter-increment: advantageItem;
  content: counter(advantageItem, decimal-leading-zero);
  position: absolute;
  top: 18px;
  left: 22px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .18em;
}
.games-view--ledger .top-games { grid-template-columns: 1fr; }
.games-view--ledger .top-game-card { display: flex; flex-direction: column; align-items: stretch; }
.games-view--ledger .top-game-card__img { width: 100%; aspect-ratio: 16 / 8; }
.games-view--mosaic .top-games { grid-template-columns: 1.2fr .8fr; }
.games-view--mosaic .top-game-card[data-item-position="1"] { grid-row: span 2; }
.games-view--mosaic .top-game-card[data-item-position="1"] .top-game-card__img { aspect-ratio: 16 / 12; }
.games-view--stack .top-games { grid-template-columns: 1fr; max-width: 920px; margin-inline: auto; }
.games-view--stack .top-game-card[data-item-parity="even"],
.games-view--stack .rank-row[data-item-parity="even"] { margin-left: clamp(0px, 8vw, 96px); }
.games-view--stack .top-game-card[data-item-parity="odd"],
.games-view--stack .rank-row[data-item-parity="odd"] { margin-right: clamp(0px, 8vw, 96px); }
.games-view--spotlight .top-games { grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr); }
.games-view--spotlight .top-game-card[data-item-position="1"] { grid-row: span 2; }
.games-view--spotlight .top-game-card[data-item-position="1"] .top-game-card__img { aspect-ratio: 16 / 11; }
.games-view--spotlight .rank-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.games-view--spotlight .rank-row { grid-template-columns: 96px minmax(0, 1fr); }
.games-view--spotlight .rank-row__side { grid-column: 1 / -1; justify-content: flex-start; }
.games-view--poster-grid .top-games { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.games-view--poster-grid .top-game-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.games-view--poster-grid .top-game-card__img { aspect-ratio: 4 / 5; }
.games-view--poster-grid .rank-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.games-view--poster-grid .rank-row { grid-template-columns: 1fr; text-align: left; }
.games-view--poster-grid .rank-row__thumb { width: 100%; max-width: none; aspect-ratio: 16 / 9; }
.games-view--poster-grid .rank-row__side { justify-content: flex-start; }
.games-view--compact-rows .top-games { display: none; }
.games-view--compact-rows .rank-list { grid-template-columns: 1fr; max-width: 980px; margin-inline: auto; }
.games-view--compact-rows .rank-row {
  grid-template-columns: 76px minmax(0, 1fr) auto;
  gap: 16px;
  padding: 12px 16px;
  border-radius: 14px;
  box-shadow: none;
}
.games-view--compact-rows .rank-row__thumb { width: 76px; max-width: 76px; border-radius: 10px; }
.games-view--compact-rows .rank-row__copy h3 { font-size: 20px; margin: 0 0 6px; }
.games-view--compact-rows .rank-row__copy p { margin: 0; font-size: 15px; }
.games-view--compact-rows .rank-row__side { grid-column: auto; }
@media (min-width: 821px) {
  /* desktop-games-layout-guard */
  .top-games:has(.rank-row),
  .top-games:has(.top-game-card[data-item-position="4"]),
  body[data-layout="arena-ledger"] .top-games:has(.rank-row),
  body[data-layout="arena-ledger"] .top-games:has(.top-game-card[data-item-position="4"]),
  .games-view--ledger .top-games:has(.rank-row),
  .games-view--ledger .top-games:has(.top-game-card[data-item-position="4"]),
  .games-view--podium .top-games:has(.rank-row),
  .games-view--podium .top-games:has(.top-game-card[data-item-position="4"]),
  .games-view--stack .top-games:has(.rank-row),
  .games-view--stack .top-games:has(.top-game-card[data-item-position="4"]) {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    margin-inline: 0;
    max-width: 100%;
    min-width: 0;
  }
  .top-games:has(.rank-row) .rank-row {
    max-width: 100%;
    min-width: 0;
  }
}
.editorial--timeline { grid-template-columns: 1fr; }
.editorial--timeline article { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; }
.editorial--quotes article p::before { content: "“"; color: var(--accent); font-size: 42px; line-height: 0; }
.editorial--columns { column-count: 1; display: grid; }
.editorial--columns .section-heading, .editorial--columns article { break-inside: avoid; margin-bottom: 16px; }
.editorial--newspaper {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .82fr) minmax(0, .82fr);
  align-items: stretch;
}
.editorial--newspaper .section-heading { grid-column: 1 / -1; text-align: left; }
.editorial--newspaper article[data-item-position="1"] {
  grid-row: span 2;
  padding: clamp(26px, 4vw, 42px);
}
.editorial--newspaper article[data-item-position="1"] h3 { font-size: clamp(28px, 4vw, 48px); }
.editorial--sidecar {
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  align-items: start;
}
.editorial--sidecar .section-heading {
  position: sticky;
  top: 110px;
  text-align: left;
}
.reliability--split { display: grid; grid-template-columns: .8fr 1.2fr; gap: 24px; align-items: center; }
.reliability--split .reliability-grid { margin-top: 0; }
.reliability--checklist .reliability-grid { grid-template-columns: 1fr; }
.reliability--compact { max-width: 900px; margin-inline: auto; }
.reliability--seal {
  max-width: 980px;
  margin-inline: auto;
  text-align: center;
  border-radius: 999px;
}
.reliability--seal .reliability-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.reliability--ledger .reliability-grid { grid-template-columns: 1fr; }
.reliability--ledger .reliability-grid article {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 18px;
  align-items: baseline;
  text-align: left;
  border-bottom: 1px solid var(--surface-strong);
  padding-bottom: 16px;
}
.pages--chips { display: flex; flex-wrap: wrap; }
.pages--chips .section-heading { flex-basis: 100%; }
.pages--chips a { border-radius: 999px; }
.pages--columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pages--index a { display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: center; }
.pages--directory { grid-template-columns: 1fr; max-width: 920px; margin-inline: auto; }
.pages--directory a {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  align-items: center;
  border-radius: 12px;
}
.pages--directory a::after { content: "/"; color: var(--accent); font-weight: 900; }
.pages--rail {
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  padding-bottom: 8px;
}
body[data-design-grammar] .pages--rail .section-heading {
  display: block;
  flex: 0 0 clamp(300px, 28vw, 400px);
  min-width: 0;
  text-align: left;
}
body[data-design-grammar] .pages--rail .section-heading h2 {
  font-size: clamp(32px, 3.6vw, 54px);
  overflow-wrap: normal;
  word-break: normal;
}
.pages--rail a { flex: 0 0 240px; }
body[data-home-realism='v4'] .pages--rail {
  display: grid;
  overflow-x: visible;
}
.faq--compact details { padding: 16px 20px; box-shadow: none; }
.faq--split { grid-template-columns: .8fr 1.2fr; align-items: start; }
.faq--split .section-heading { grid-row: span 4; }
.faq--boxed { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.faq--rail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items: stretch;
  overflow-x: visible;
}
.faq--rail .section-heading {
  grid-column: 1 / -1;
  text-align: left;
}
.faq--rail details { min-width: 0; }
.faq--two-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.contact--card { max-width: 840px; margin-inline: auto; grid-template-columns: 1fr; }
.contact--minimal { border: 0; box-shadow: none; background: transparent; padding-inline: 0; }
.contact--banner {
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
  border-radius: 999px;
  align-items: center;
}
.contact--banner .contact-form { min-width: 0; }
.contact--inline {
  grid-template-columns: 1fr;
  max-width: none;
  border-radius: 18px;
}
.contact--inline .contact-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.contact--inline .form-check,
.contact--inline button { grid-column: 1 / -1; }
.contact--poster {
  grid-template-columns: minmax(0, .72fr) minmax(320px, 1fr);
  align-items: center;
  border-radius: var(--radius-hero);
  background:
    radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 34%),
    var(--surface);
}
.contact--poster .contact-text h2 { font-size: clamp(32px, 5vw, 64px); }
body[data-design="cream-atlas"] {
  background: linear-gradient(120deg, var(--bg) 0%, var(--bg-2) 52%, var(--bg-3) 100%);
}
body[data-design="cream-atlas"] .site-footer {
  color: var(--muted);
  border-color: var(--surface-strong);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--bg-2) 78%, transparent),
    color-mix(in srgb, var(--bg-2) 94%, var(--bg))
  );
}
body[data-design="cream-atlas"] .footer-title,
body[data-design="cream-atlas"] .footer-brand .brand-name { color: var(--text); }
body[data-design="cream-atlas"] .footer-links a,
body[data-design="cream-atlas"] .footer-brand p,
body[data-design="cream-atlas"] .footer-copy,
body[data-design="cream-atlas"] .footer-bottom p { color: var(--muted); }
body[data-design="cream-atlas"] .footer-links a:hover { color: var(--text); }
body[data-design="cream-atlas"] .button.primary,
body[data-design="cream-atlas"] .brand-badge,
body[data-design="cream-atlas"] .advantage-icon { color: var(--on-accent); }
body[data-design="ink-ledger"] .panel,
body[data-design="ink-ledger"] .top-game-card,
body[data-design="ink-ledger"] .rank-row,
body[data-design="ink-ledger"] .description-panel { box-shadow: none; }
body[data-design="cyan-arcade"] .panel,
body[data-design="cyan-arcade"] .top-game-card,
body[data-design="cyan-arcade"] .rank-row { border-width: 2px; }
body[data-frame="angled"] .panel,
body[data-frame="angled"] .top-game-card,
body[data-frame="angled"] .rank-row,
body[data-frame="angled"] .description-panel,
body[data-frame="angled"] details { border-radius: 10px 34px 10px 34px; }
body[data-frame="outlined"] .panel,
body[data-frame="outlined"] .top-game-card,
body[data-frame="outlined"] .rank-row,
body[data-frame="outlined"] .description-panel,
body[data-frame="outlined"] details { background: transparent; border-width: 2px; }
/* rtl-layout-guard */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .mobile-menu {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] .header--masthead .mobile-menu {
  left: 0;
  right: auto;
}
html[dir="rtl"] .header--dock .brand {
  border-left: 1px solid var(--surface-strong);
  border-right: 0;
}
html[dir="rtl"] .header--dock .desktop-nav a,
html[dir="rtl"] .header--tabbed .desktop-nav a {
  border-left: 0;
  border-right: 1px solid var(--surface-strong);
}
html[dir="rtl"] .header--dock .mobile-menu {
  margin-left: 16px;
  margin-right: 0;
}
html[dir="rtl"] .hero-dom--article-aside .hero-copy {
  border-left: 0;
  border-right: 4px solid var(--accent);
  padding-left: 0;
  padding-right: clamp(18px, 3vw, 36px);
}
html[dir="rtl"] body[data-archetype="console-hub"] .hero {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}
html[dir="rtl"] body[data-layout="editorial-magazine"] .description-panel,
html[dir="rtl"] body[data-layout="quest-journal"] .description-panel,
html[dir="rtl"] body[data-layout="arena-ledger"] .games-ranking .section-heading,
html[dir="rtl"] .description--split,
html[dir="rtl"] .games-view--poster-grid .rank-row,
html[dir="rtl"] .editorial--newspaper .section-heading,
html[dir="rtl"] .editorial--sidecar .section-heading,
html[dir="rtl"] .reliability--ledger .reliability-grid article,
html[dir="rtl"] .pages--rail .section-heading,
html[dir="rtl"] .faq--rail .section-heading {
  text-align: right;
}
html[dir="rtl"] .hero--sidebar {
  border-left: 0;
  border-right: 6px solid var(--accent);
  padding-left: 0;
  padding-right: clamp(20px, 4vw, 52px);
}
html[dir="rtl"] .description--note {
  border-left: 0;
  border-right: 8px solid var(--accent);
  margin-left: 0;
  margin-right: auto;
  text-align: right;
}
html[dir="rtl"] .description--ledger { text-align: right; }
html[dir="rtl"] .description--ledger .eyebrow {
  border-left: 1px solid var(--surface-strong);
  border-right: 0;
  padding: 10px 0 10px 18px;
}
html[dir="rtl"] .description--aside {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
html[dir="rtl"] .description--aside .description-copy {
  border-left: 0;
  border-right: 1px solid var(--surface-strong);
  padding-left: 0;
  padding-right: 24px;
}
html[dir="rtl"] .advantages--numbered .advantage-card::before {
  left: auto;
  right: 22px;
}
html[dir="rtl"] .games-split .game-card[data-item-parity="even"],
html[dir="rtl"] .games-view--stack .top-game-card[data-item-parity="even"],
html[dir="rtl"] .games-view--stack .rank-row[data-item-parity="even"] {
  margin-left: 0;
  margin-right: clamp(0px, 8vw, 96px);
}
html[dir="rtl"] .games-split .game-card[data-item-parity="odd"],
html[dir="rtl"] .games-view--stack .top-game-card[data-item-parity="odd"],
html[dir="rtl"] .games-view--stack .rank-row[data-item-parity="odd"] {
  margin-left: clamp(0px, 8vw, 96px);
  margin-right: 0;
}
html[dir="rtl"] .game-tags,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .rank-row__side,
html[dir="rtl"] .games-view--spotlight .rank-row__side,
html[dir="rtl"] .games-view--poster-grid .rank-row__side {
  justify-content: flex-start;
}
body[data-density="compact"] main { width: min(1000px, calc(100% - 32px)); }
body[data-density="compact"] .hero { padding: 64px 0 48px; }
body[data-density="compact"] .panel,
body[data-density="compact"] .top-game-card,
body[data-density="compact"] .rank-row,
body[data-density="compact"] details { padding: 18px; }
body[data-density="airy"] main { width: min(1280px, calc(100% - 32px)); }
body[data-density="airy"] .hero { padding: 116px 0 88px; }

/* Opt-in art directions: cohesive page systems used by design review demos. */
body[data-art-direction="graphic-playground"] main:not(.sr3-content-page):not(.content-page),
body[data-art-direction="frontier-archive"] main:not(.sr3-content-page):not(.content-page),
body[data-art-direction="field-atlas"] main:not(.sr3-content-page):not(.content-page) {
  width: 100%;
  margin: 0;
  overflow: clip;
}
body[data-art-direction="graphic-playground"] main [data-section],
body[data-art-direction="frontier-archive"] main [data-section],
body[data-art-direction="field-atlas"] main [data-section] {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(72px, 8vw, 124px) max(24px, calc((100% - 1240px) / 2));
}
body[data-art-direction="graphic-playground"] main [data-section] + [data-section],
body[data-art-direction="frontier-archive"] main [data-section] + [data-section],
body[data-art-direction="field-atlas"] main [data-section] + [data-section] {
  border-top: 1px solid var(--surface-strong);
}
body[data-art-direction="graphic-playground"] .site-header,
body[data-art-direction="frontier-archive"] .site-header,
body[data-art-direction="field-atlas"] .site-header {
  width: min(1240px, calc(100% - 48px));
}
body[data-art-direction="graphic-playground"] .site-footer,
body[data-art-direction="frontier-archive"] .site-footer,
body[data-art-direction="field-atlas"] .site-footer {
  width: min(1240px, calc(100% - 48px));
  margin-top: 0;
  padding-block: 64px;
}

body[data-art-direction="graphic-playground"] {
  --radius-card: 18px;
  --radius-hero: 28px;
  background: var(--bg);
}
body[data-art-direction="graphic-playground"] h1,
body[data-art-direction="graphic-playground"] h2,
body[data-art-direction="graphic-playground"] h3 {
  font-family: "Arial Black", "Avenir Next", ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -.065em;
}
body[data-art-direction="graphic-playground"] .site-header {
  min-height: 86px;
  border-bottom: 2px solid var(--text);
  backdrop-filter: none;
}
body[data-art-direction="graphic-playground"] .brand-badge,
body[data-art-direction="graphic-playground"] .button.primary {
  border: 2px solid var(--text);
  box-shadow: 4px 4px 0 var(--text);
}
body[data-art-direction="graphic-playground"] .hero {
  min-height: min(760px, 82vh);
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  gap: clamp(36px, 6vw, 88px);
  align-items: center;
  background:
    radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--accent) 88%, transparent) 0 11%, transparent 11.4%),
    linear-gradient(115deg, var(--bg-2) 0 64%, var(--bg) 64%);
}
body[data-art-direction="graphic-playground"] .hero-picture,
body[data-art-direction="graphic-playground"] .hero-media { order: 2; }
body[data-art-direction="graphic-playground"] .hero-copy { order: 1; max-width: 680px; }
body[data-art-direction="graphic-playground"] .hero h1 { font-size: clamp(58px, 7.8vw, 116px); }
body[data-art-direction="graphic-playground"] .hero-asset {
  aspect-ratio: 4 / 5;
  max-height: 610px;
  border: 2px solid var(--text);
  border-radius: 120px 24px 24px 24px;
  box-shadow: 14px 14px 0 var(--text);
}
body[data-art-direction="graphic-playground"] main [data-section="spotlight"],
body[data-art-direction="graphic-playground"] main [data-section="features"],
body[data-art-direction="graphic-playground"] main [data-section="criteria"],
body[data-art-direction="graphic-playground"] main [data-section="editorial"] { background: var(--bg-2); }
body[data-art-direction="graphic-playground"] main [data-section="games"],
body[data-art-direction="graphic-playground"] main [data-section="advantages"],
body[data-art-direction="graphic-playground"] main [data-section="assets"] {
  background: var(--bg-3);
  color: var(--on-deep);
}
body[data-art-direction="graphic-playground"] main :is(
  [data-section="games"],
  [data-section="advantages"],
  [data-section="assets"]
) .section-heading :is(.eyebrow, p) {
  color: color-mix(in srgb, var(--on-deep) 88%, transparent);
}
body[data-art-direction="graphic-playground"] main [data-section="games"] :is(
  .game-command-entry,
  .game-folio-entry
) p {
  color: color-mix(in srgb, var(--on-deep) 88%, transparent);
}
body[data-art-direction="graphic-playground"] main [data-section="faq"] { background: var(--bg-2); }
body[data-art-direction="graphic-playground"] main [data-section="contact"] { background: var(--accent); color: var(--on-accent); }
body[data-art-direction="graphic-playground"] .section-heading { max-width: 760px; margin-bottom: 34px; }
body[data-art-direction="graphic-playground"] .section-heading h2 { font-size: clamp(42px, 6vw, 76px); }
body[data-art-direction="graphic-playground"] .spotlight-card,
body[data-art-direction="graphic-playground"] .panel,
body[data-art-direction="graphic-playground"] .advantage-card,
body[data-art-direction="graphic-playground"] .criteria-card,
body[data-art-direction="graphic-playground"] .editorial-strip article,
body[data-art-direction="graphic-playground"] .game-figure-grid figure,
body[data-art-direction="graphic-playground"] .game-rank-ol li,
body[data-art-direction="graphic-playground"] .top-game-card,
body[data-art-direction="graphic-playground"] details {
  border: 2px solid var(--text);
  background: var(--bg-2);
  color: var(--text);
  box-shadow: 7px 7px 0 var(--text);
}
body[data-art-direction="graphic-playground"] .game-figure-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
body[data-art-direction="graphic-playground"] .game-figure-grid figure[data-item-position="1"] {
  grid-column: span 2;
  grid-row: span 2;
}
body[data-art-direction="graphic-playground"] .game-figure-grid figure[data-item-position="1"] img { aspect-ratio: 16 / 11; }
body[data-art-direction="graphic-playground"] .game-figure-grid img { border: 0; border-radius: 10px; }
body[data-art-direction="graphic-playground"] .asset-gallery figure { padding: 0; border: 2px solid var(--text); }
body[data-art-direction="graphic-playground"] .asset-gallery figcaption { padding: 0 18px 18px; color: var(--text); }
body[data-art-direction="graphic-playground"] .contact-section .eyebrow,
body[data-art-direction="graphic-playground"] .contact-section p { color: color-mix(in srgb, currentColor 82%, transparent); }
body[data-art-direction="graphic-playground"] .contact-form { border: 2px solid currentColor; background: var(--bg-2); color: var(--text); }

body[data-art-direction="frontier-archive"] {
  --surface: transparent;
  --radius-card: 2px;
  --radius-hero: 2px;
  background:
    linear-gradient(color-mix(in srgb, var(--accent) 4%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 4%, transparent) 1px, transparent 1px),
    var(--bg);
  background-size: 48px 48px;
}
body[data-art-direction="frontier-archive"] h1,
body[data-art-direction="frontier-archive"] h2,
body[data-art-direction="frontier-archive"] h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -.035em;
}
body[data-art-direction="frontier-archive"] .site-header {
  min-height: 92px;
  border-bottom-color: var(--accent);
  backdrop-filter: none;
}
body[data-art-direction="frontier-archive"] .desktop-nav a { border-radius: 0; text-transform: uppercase; letter-spacing: .09em; }
body[data-art-direction="frontier-archive"] .hero {
  min-height: 720px;
  grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
  gap: clamp(44px, 8vw, 112px);
  align-items: center;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--bg) 98%, transparent), color-mix(in srgb, var(--bg) 75%, transparent)),
    radial-gradient(circle at 80% 30%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 32%);
}
body[data-art-direction="frontier-archive"] .hero-copy {
  position: relative;
  border-left: 1px solid var(--accent);
  padding: 24px 0 24px clamp(24px, 4vw, 64px);
}
body[data-art-direction="frontier-archive"] .hero-copy::before {
  content: "ARCHIVE / 01";
  position: absolute;
  left: clamp(24px, 4vw, 64px);
  top: -22px;
  color: var(--accent);
  font-size: 11px;
  letter-spacing: .22em;
}
body[data-art-direction="frontier-archive"] .hero h1 { max-width: 850px; font-size: clamp(58px, 6.5vw, 96px); }
body[data-art-direction="frontier-archive"] .hero-asset {
  min-height: 520px;
  border: 1px solid var(--accent);
  border-radius: 0;
  filter: saturate(.72) sepia(.16) contrast(1.08);
  box-shadow: 22px 22px 0 color-mix(in srgb, var(--accent) 12%, transparent);
}
body[data-art-direction="frontier-archive"] main [data-section][data-section-parity="even"]:not([data-section="contact"]):not([data-section="games"]) {
  background: rgba(255,255,255,.025);
}
body[data-art-direction="frontier-archive"] main [data-section="games"] { background: var(--bg-2); }
body[data-art-direction="frontier-archive"] main [data-section="games"] { color: var(--on-bg-2); }
body[data-art-direction="frontier-archive"] main [data-section="games"] :is(
  .section-heading,
  .game-copy,
  .rank-row__info,
  .game-table-row,
  .game-rank-ol li,
  .game-directory > div,
  .game-figure-grid figcaption,
  .game-score,
  .game-rank,
  .game-title-link
) { color: inherit; }
body[data-art-direction="frontier-archive"] main [data-section="games"] :is(
  .section-heading p,
  .game-copy p,
  .rank-row__info p,
  .game-table-row p,
  .game-directory p,
  .game-figure-grid figcaption p
) { color: inherit; opacity: .78; }
body[data-art-direction="frontier-archive"] main [data-section="contact"] { background: var(--accent); color: var(--on-accent); }
body[data-art-direction="frontier-archive"] .section-heading {
  display: grid;
  grid-template-columns: minmax(180px, .34fr) minmax(0, .66fr);
  gap: 24px;
  align-items: end;
  max-width: none;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--surface-strong);
}
body[data-art-direction="frontier-archive"] .section-heading .eyebrow { grid-row: span 2; align-self: start; }
body[data-art-direction="frontier-archive"] .section-heading h2 { margin: 0; font-size: clamp(40px, 5vw, 72px); }
body[data-art-direction="frontier-archive"] .section-heading p:not(.eyebrow) { grid-column: 2; }
body[data-art-direction="frontier-archive"] .panel,
body[data-art-direction="frontier-archive"] .description-panel,
body[data-art-direction="frontier-archive"] .reliability-panel,
body[data-art-direction="frontier-archive"] .editorial-strip article,
body[data-art-direction="frontier-archive"] .link-board a,
body[data-art-direction="frontier-archive"] details,
body[data-art-direction="frontier-archive"] .contact-form {
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-art-direction="frontier-archive"] .game-table,
body[data-art-direction="frontier-archive"] .game-directory { gap: 0; }
body[data-art-direction="frontier-archive"] .game-table-row,
body[data-art-direction="frontier-archive"] .game-directory > div,
body[data-art-direction="frontier-archive"] .game-rank-ol li {
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding-block: 24px;
}
body[data-art-direction="frontier-archive"] .rank-row__thumb { border-radius: 0; filter: grayscale(.2) sepia(.12); }
body[data-art-direction="frontier-archive"] .button { border-radius: 0; text-transform: uppercase; letter-spacing: .08em; }
body[data-art-direction="frontier-archive"] .contact-section p,
body[data-art-direction="frontier-archive"] .contact-section .eyebrow { color: color-mix(in srgb, currentColor 72%, transparent); }
body[data-art-direction="frontier-archive"] .contact-form { border-color: var(--surface-strong); color: var(--text); background: var(--bg-2); }
body[data-art-direction="frontier-archive"] .contact-form input,
body[data-art-direction="frontier-archive"] .contact-form textarea { border-color: var(--surface-strong); color: var(--text); background: var(--surface); }
body[data-art-direction="frontier-archive"] .contact-form .field-group label,
body[data-art-direction="frontier-archive"] .contact-form .form-check { color: var(--text); }
body[data-art-direction="frontier-archive"] .contact-form input::placeholder,
body[data-art-direction="frontier-archive"] .contact-form textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}
body[data-art-direction="frontier-archive"] .contact-form input,
body[data-art-direction="frontier-archive"] .contact-form textarea { background: var(--surface); }

body[data-art-direction="field-atlas"] {
  --radius-card: 28px;
  --radius-hero: 42px;
  background: var(--bg);
}
body[data-art-direction="field-atlas"] h1,
body[data-art-direction="field-atlas"] h2,
body[data-art-direction="field-atlas"] h3 {
  font-family: "Trebuchet MS", Avenir, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -.05em;
}
body[data-art-direction="field-atlas"] .site-header { min-height: 96px; border-bottom: 0; }
body[data-art-direction="field-atlas"] .desktop-nav { justify-content: center; }
body[data-art-direction="field-atlas"] .desktop-nav a:hover { background: var(--bg-3); color: var(--on-deep); }
body[data-art-direction="field-atlas"] .hero {
  min-height: min(820px, 88vh);
  color: var(--on-deep);
  align-content: end;
  background-color: var(--bg-3);
  background-image:
    linear-gradient(90deg, color-mix(in srgb, var(--bg-3) 96%, transparent), color-mix(in srgb, var(--bg-3) 90%, transparent) 58%, color-mix(in srgb, var(--bg-3) 84%, transparent)),
    var(--hero-bg);
  background-size: cover;
  background-position: center;
}
body[data-art-direction="field-atlas"] .hero h1 { max-width: 980px; font-size: clamp(58px, 7vw, 100px); }
body[data-art-direction="field-atlas"] .hero .lead { color: color-mix(in srgb, currentColor 82%, transparent); }
body[data-art-direction="field-atlas"] .hero .eyebrow { color: var(--accent); }
body[data-art-direction="field-atlas"] .hero .button.secondary {
  border-color: color-mix(in srgb, currentColor 62%, transparent);
  background: color-mix(in srgb, var(--bg-3) 36%, transparent);
  color: currentColor;
}
body[data-art-direction="field-atlas"] .hero-copy { max-width: 920px; }
body[data-art-direction="field-atlas"] .hero-asset { border: 0; box-shadow: none; }
body[data-art-direction="field-atlas"] main [data-section="games"],
body[data-art-direction="field-atlas"] main [data-section="genre-routes"],
body[data-art-direction="field-atlas"] main [data-section="session-plan"] {
  background: var(--bg-2);
  color: var(--on-bg-2);
}
body[data-art-direction="field-atlas"] main [data-section="spotlight"],
body[data-art-direction="field-atlas"] main [data-section="editorial"],
body[data-art-direction="field-atlas"] main [data-section="reliability"] {
  background: color-mix(in srgb, var(--bg-2) 76%, var(--accent-soft));
  color: var(--on-bg-2);
}
body[data-art-direction="field-atlas"] main :is(
  [data-section="games"],
  [data-section="genre-routes"],
  [data-section="session-plan"],
  [data-section="spotlight"],
  [data-section="editorial"],
  [data-section="reliability"]
) .section-heading :is(.eyebrow, h2, p) {
  color: inherit;
}
body[data-art-direction="field-atlas"] main [data-section="contact"] { background: var(--bg-3); color: var(--on-deep); }
body[data-art-direction="field-atlas"] .section-heading { max-width: 820px; margin-bottom: 38px; }
body[data-art-direction="field-atlas"] .section-heading h2 { font-size: clamp(42px, 5.6vw, 78px); }
body[data-art-direction="field-atlas"] .game-rank-ol { gap: 0; counter-reset: atlas-rank; }
body[data-art-direction="field-atlas"] .game-rank-ol li {
  grid-template-columns: 72px minmax(150px, 220px) minmax(0, 1fr) auto;
  gap: 28px;
  border-width: 1px 0 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 28px 0;
}
body[data-art-direction="field-atlas"] .game-rank-ol .game-rank { font-size: 40px; color: var(--accent); }
body[data-art-direction="field-atlas"] .game-rank-ol img { max-width: 220px; aspect-ratio: 16 / 10; border-radius: 120px; }
body[data-art-direction="field-atlas"] .game-rank-ol .game-rank { grid-column: 1; grid-row: 1; }
body[data-art-direction="field-atlas"] .game-rank-ol .game-media-link { grid-column: 2; grid-row: 1; }
body[data-art-direction="field-atlas"] .game-rank-ol .game-copy { grid-column: 3; grid-row: 1; }
body[data-art-direction="field-atlas"] .game-rank-ol .button { grid-column: 4; grid-row: 1; }
body[data-art-direction="field-atlas"] .route-card,
body[data-art-direction="field-atlas"] .spotlight-card,
body[data-art-direction="field-atlas"] .criteria-card,
body[data-art-direction="field-atlas"] .session-step,
body[data-art-direction="field-atlas"] .panel,
body[data-art-direction="field-atlas"] details {
  --text: #081018;
  --muted: #34434a;
  --surface: rgba(8,16,24,.06);
  --surface-strong: rgba(8,16,24,.18);
  border: 1px solid var(--surface-strong);
  background: rgba(255,255,255,.86);
  color: var(--text);
  box-shadow: none;
}
body[data-art-direction="field-atlas"] .route-card[data-item-parity="odd"],
body[data-art-direction="field-atlas"] .spotlight-card[data-item-position="1"] { border-radius: 70px 24px 24px 24px; }
body[data-art-direction="field-atlas"] .contact-section p,
body[data-art-direction="field-atlas"] .contact-section .eyebrow { color: color-mix(in srgb, currentColor 74%, transparent); }
body[data-art-direction="field-atlas"] .contact-form { background: var(--bg-2); color: var(--text); }

/* Design Grammar V2: every grammar owns a complete, responsive page system. */
body[data-design-grammar]:not([data-design-grammar="legacy"]) {
  max-width: 100%;
  overflow-x: clip;
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) main:not(.sr3-content-page):not(.content-page) {
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: clip;
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-footer {
  width: 100%;
  max-width: none;
  padding-inline: max(24px, calc((100% - 1240px) / 2));
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) main [data-section] {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: clamp(68px, 6vw, 104px) max(24px, calc((100% - 1240px) / 2));
  isolation: isolate;
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) main [data-section] + [data-section] {
  border-top: 1px solid var(--surface-strong);
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
  .hero,
  .source-section-core,
  .panel-grid,
  .games,
  .top-games,
  .rank-list,
  .game-rank-ol,
  .game-directory,
  .game-table,
  .game-figure-grid,
  .asset-gallery,
  .spotlight-grid,
  .editorial-strip,
  .link-board,
  .criteria-grid,
  .route-board,
  .session-steps,
  .advantage-grid,
  .reliability-grid,
  .contact-section
) {
  min-width: 0;
  max-width: 1240px;
  margin-inline: auto;
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) main [data-section] {
  max-width: none;
  margin-inline: 0;
}
body[data-design-grammar="atlas-guide"][data-art-direction="field-atlas"] main [data-section]:not([data-section="hero"]) {
  padding-block: clamp(54px, 4vw, 72px);
}

@media (min-width: 821px) {
  body[data-content-mode="prompt_image"][data-design-grammar="editorial-split"]
    main [data-section]:not([data-section="hero"]) {
    padding-block: clamp(62px, 5vw, 90px);
  }
}

@media (min-width: 1121px) {
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header {
    width: min(1320px, calc(100% - 48px));
    min-height: 72px;
    max-height: 104px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: minmax(48px, auto);
    align-items: center;
    justify-items: stretch;
    gap: clamp(16px, 2vw, 28px);
    padding: 10px 18px;
    border: 1px solid var(--surface-strong);
    border-top: 0;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 14px 44px var(--shadow);
    text-align: left;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .brand {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    align-self: center;
    flex-direction: row;
    gap: 10px;
    padding: 0;
    text-align: left;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header :is(.header-logo, .brand-badge) {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 12px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .brand-name {
    max-width: min(22vw, 260px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .desktop-nav {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-content: flex-end;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    gap: 4px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .desktop-nav a {
    min-width: 0;
    padding: 9px 11px;
    font-size: 13px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .desktop-nav a[data-page-role="contact"] {
    background: var(--accent);
    color: var(--on-accent);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .header-rail {
    display: none;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header > :is(
    .artifact-theme-toggle--desktop,
    .artifact-auth-nav--desktop,
    .artifact-search,
    .artifact-search-open
  ) {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: center;
    max-width: 220px;
  }
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(img, video, iframe) {
  display: block;
  max-width: 100%;
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(.hero-asset, .rank-row__thumb, .game-card img) {
  width: 100%;
  object-fit: cover;
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(.panel, .top-game-card, .rank-row, .game-card, details:not(.mobile-menu)) {
  height: auto;
  min-height: 0;
}

body[data-design-grammar="cinematic-showcase"] {
  background: var(--bg);
}
body[data-design-grammar="cinematic-showcase"] .hero {
  min-height: min(720px, 80vh);
  align-content: center;
  padding-block: clamp(32px, 5vw, 72px);
  background-color: var(--bg);
  background-image:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--bg) 96%, transparent),
      color-mix(in srgb, var(--bg) 54%, transparent) 58%,
      color-mix(in srgb, var(--bg) 18%, transparent)
    ),
    var(--hero-bg);
  background-position: center;
  background-size: cover;
}
body[data-design-grammar="cinematic-showcase"] .hero h1 {
  max-width: 980px;
  font-size: clamp(48px, 7vw, 100px);
  line-height: .92;
}
body[data-design-grammar="cinematic-showcase"] .hero .hero-asset {
  max-height: 360px;
}
body[data-design-grammar="cinematic-showcase"] main [data-section][data-section-parity="odd"]:not([data-section="hero"]) {
  background: var(--bg-2);
  color: var(--on-bg-2);
}
body[data-design-grammar="cinematic-showcase"] main [data-section][data-section-parity="odd"]:not([data-section="hero"])
  :is(h2, h3, p, small, strong, span, a:not(.button)) {
  color: inherit;
}
body[data-design-grammar="cinematic-showcase"] main [data-section="games"] {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--accent) 9%, var(--bg)),
    var(--bg) 72%
  );
  color: var(--text);
}
body[data-design-grammar="cinematic-showcase"] main [data-section="games"] > .section-heading {
  border: 1px solid var(--surface-strong);
  border-radius: var(--radius-card);
  padding: clamp(18px, 3vw, 34px);
  background: color-mix(in srgb, var(--accent) 7%, var(--bg));
  color: var(--text);
}
body[data-design-grammar="cinematic-showcase"] main [data-section="games"] > .section-heading p {
  color: var(--muted);
}
body[data-design-grammar="cinematic-showcase"] :is(.top-game-card, .rank-row, .spotlight-card) {
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
  background: color-mix(in srgb, var(--bg-2) 84%, transparent);
  color: var(--text);
}

body[data-design-grammar="ranking-arena"] {
  background: linear-gradient(145deg, var(--bg), var(--bg-2) 62%, var(--bg));
}
body[data-design-grammar="ranking-arena"] .hero {
  min-height: 680px;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: clamp(36px, 6vw, 84px);
  align-items: center;
}
body[data-design-grammar="ranking-arena"] .hero h1 {
  font-size: clamp(58px, 7vw, 104px);
  line-height: .9;
  text-transform: uppercase;
}
body[data-design-grammar="ranking-arena"] main [data-section="games"] {
  background: var(--bg-2);
}
body[data-design-grammar="ranking-arena"] :is(.game-table-row, .game-rank-ol li, .rank-row) {
  border-width: 1px 0 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding-block: 24px;
}
body[data-design-grammar="ranking-arena"] :is(.game-rank, .game-score) {
  color: var(--accent);
  font-variant-numeric: tabular-nums;
}

body[data-design-grammar="typography-poster"] {
  background: var(--bg);
}
body[data-design-grammar="typography-poster"] :is(h1, h2, h3) {
  font-family: Impact, "Arial Narrow", ui-sans-serif, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
body[data-design-grammar="typography-poster"] .hero {
  min-height: 760px;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
  align-items: center;
  background: linear-gradient(115deg, var(--bg) 0 66%, var(--accent) 66%);
}
body[data-design-grammar="typography-poster"] .hero h1 {
  font-size: clamp(68px, 9vw, 138px);
  line-height: .82;
}
body[data-design-grammar="typography-poster"] main [data-section="games"] {
  background: var(--bg-3);
  color: var(--on-deep);
}
body[data-design-grammar="typography-poster"] main [data-section="games"] .section-heading :is(.eyebrow, p) {
  color: var(--on-deep);
}
body[data-design-grammar="typography-poster"] main [data-section="games"] :is(
  .top-game-card,
  .rank-row,
  .game-card,
  .game-table-row,
  .game-rank-ol li,
  .game-directory dd,
  .game-figure-grid figure,
  .game-spotlight-mixed article
) {
  background: var(--bg-2);
  color: var(--text);
}
body[data-design-grammar="typography-poster"] :is(
  .panel,
  .top-game-card,
  .rank-row,
  .game-card,
  .game-table-row,
  .game-rank-ol li,
  .game-directory dd,
  .game-figure-grid figure,
  details:not(.mobile-menu)
) {
  border: 2px solid currentColor;
  border-radius: 0;
  box-shadow: 8px 8px 0 var(--accent);
}

body[data-design-grammar="portal-grid"] {
  background:
    linear-gradient(color-mix(in srgb, var(--accent) 5%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 5%, transparent) 1px, transparent 1px),
    var(--bg);
  background-size: 32px 32px;
}
body[data-design-grammar="portal-grid"] .hero {
  min-height: 620px;
  grid-template-columns: minmax(0, 1fr) minmax(400px, 1fr);
  align-items: center;
}
body[data-design-grammar="portal-grid"] .hero h1 {
  font-size: clamp(56px, 6.5vw, 96px);
}
body[data-design-grammar="portal-grid"] main [data-section="games"] {
  background: color-mix(in srgb, var(--bg-2) 92%, var(--bg));
}
body[data-design-grammar="portal-grid"] :is(.panel, .top-game-card, .rank-row, .route-card, details:not(.mobile-menu)) {
  border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent);
  background: color-mix(in srgb, var(--bg-2) 88%, transparent);
  color: var(--on-bg-2);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text) 6%, transparent);
}

body[data-design-grammar="portal-grid"]
  :is(.panel, .top-game-card, .rank-row, .route-card, details:not(.mobile-menu))
  :is(h2, h3, p, li, dd, dt, strong, output, small, a:not(.button)) {
  color: inherit;
}

body[data-design-grammar="immersive-story"] {
  background: linear-gradient(145deg, var(--bg), var(--bg-2) 60%, var(--bg));
}
body[data-design-grammar="immersive-story"] .hero {
  min-height: min(860px, 90vh);
  align-content: end;
  background-color: var(--bg);
  background-image:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--bg) 14%, transparent),
      color-mix(in srgb, var(--bg) 94%, transparent)
    ),
    var(--hero-bg);
  background-position: center;
  background-size: cover;
}
body[data-design-grammar="immersive-story"] .hero h1 {
  max-width: 1040px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(60px, 7.4vw, 110px);
  line-height: .9;
}
body[data-design-grammar="immersive-story"] main [data-section][data-section-parity="even"]:not([data-section="hero"]) {
  background: color-mix(in srgb, var(--bg-2) 82%, transparent);
  color: var(--on-bg-2);
}
body[data-design-grammar="immersive-story"]
  main [data-section][data-section-parity="even"]:not([data-section="hero"])
  :is(.section-heading, .advantage-card, .panel, .route-card, .spotlight-card, .criteria-card, .session-step, .reliability-grid article)
  :is(h2, h3, p, li, dd, small, .eyebrow),
body[data-design-grammar="immersive-story"]
  main [data-section][data-section-parity="even"]:not([data-section="hero"])
  > :is(h2, .eyebrow) {
  color: inherit;
}
body[data-design-grammar="immersive-story"] :is(.spotlight-card, .editorial-strip article, .session-step) {
  background: color-mix(in srgb, var(--bg-2) 88%, transparent);
  border-color: color-mix(in srgb, var(--accent) 28%, transparent);
  color: var(--on-bg-2);
}
body[data-design-grammar="immersive-story"]
  :is(.spotlight-card, .editorial-strip article, .session-step)
  :is(h2, h3, p, li, dd, small) {
  color: inherit;
}
@media (min-width: 821px) {
  /* Explicit hero recipes outrank the broader legacy layout family. */
  body.site-page .hero--split.hero-with-asset {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .88fr);
  }
  body.site-page .hero--poster.hero-with-asset {
    grid-template-columns: minmax(0, .72fr) minmax(300px, 1.28fr);
  }
  body.site-page .hero--billboard.hero-with-asset {
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
  }
  body.site-page .hero--sidebar.hero-with-asset {
    grid-template-columns: minmax(220px, .55fr) minmax(0, 1fr);
  }
  body.site-page .hero--reverse.hero-with-asset {
    grid-template-columns: minmax(300px, .95fr) minmax(0, 1.05fr);
  }
  body.site-page .hero--compact.hero-with-asset {
    grid-template-columns: minmax(0, 1fr) minmax(220px, .62fr);
  }
  body.site-page :is(.hero--centered, .hero--stacked, .hero--cinematic).hero-with-asset {
    grid-template-columns: minmax(0, 1fr);
  }
  body.site-page .hero--stacked.hero-with-asset {
    gap: clamp(24px, 3vw, 40px);
    padding-block: clamp(48px, 6vw, 76px);
  }
  body.site-page .hero--stacked .hero-asset {
    min-height: 0;
    height: min(32vh, 320px);
    max-height: 320px;
    aspect-ratio: 21 / 7;
  }
  body.site-page[data-design-grammar] .hero--stacked[data-section="hero"] h1 {
    font-size: clamp(48px, 10cqw, 76px);
    line-height: .96;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero-copy {
    container-type: inline-size;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero h1 {
    font-size: clamp(52px, 18cqw, 104px);
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"])
  .hero.hero-with-asset:not(.hero--centered):not(.hero--stacked):not(.hero--cinematic):not([data-dom-family="command-deck"]):not([data-dom-family="folio-cover"]) h1 {
    font-size: clamp(42px, 12cqw, 84px);
    line-height: .96;
  }
}
@media (max-width: 1120px) {
  .desktop-nav { display: none; }
  .mobile-menu { display: block; }
  .header-rail { display: none; }
  body[data-architecture-pack] [data-architecture-navigation] {
    display: none;
  }
  body[data-architecture-pack] [data-architecture-region="root"] {
    grid-column: 1 / -1;
    width: 100%;
  }
  .top-games { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .site-header {
    width: calc(100% - 24px);
    min-height: 64px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
  }
  .site-header .brand {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    justify-self: start;
    padding-block: 0;
  }
  .site-header .mobile-menu {
    position: static;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    margin: 0;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .site-header .header-logo {
    width: 44px;
    height: 40px;
  }
  .site-header .brand-badge {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 16px;
  }
  .header--compact-pills {
    margin-top: 0;
    padding-inline: 10px;
    border-radius: 18px;
  }
  .header--masthead {
    justify-items: stretch;
    text-align: left;
    border-bottom-width: 1px;
  }
  .header--dock,
  .header--split-band,
  .header--centered,
  .header--split,
  .header--tabbed {
    grid-template-columns: minmax(0, 1fr) auto;
    padding-inline: 0;
  }
  .header--dock .brand {
    border-right: 0;
    padding-inline: 0;
  }
  .header--centered .brand,
  .header--split-band .brand,
  .header--split .brand,
  .header--tabbed .brand,
  .header--dock .brand {
    grid-column: 1;
    justify-self: start;
    padding-bottom: 0;
  }
  .header--centered .brand { flex-direction: row; text-align: left; }
  .header--centered .mobile-menu,
  .header--split-band .mobile-menu,
  .header--split .mobile-menu,
  .header--tabbed .mobile-menu,
  .header--dock .mobile-menu {
    grid-column: 2;
    grid-row: 1;
    margin-right: 0;
  }
  .site-footer { align-items: flex-start; flex-direction: column; }
  .panel-grid,
  .games,
  .asset-gallery,
  .testimonials,
  .spotlight-grid,
  .editorial-strip,
  .link-board,
  .criteria-grid,
  .route-board,
  .session-steps,
  .advantage-grid,
  .reliability-grid,
  .contact-section { grid-template-columns: 1fr; }
  .brand-name { max-width: 140px; }
  .rank-row { grid-template-columns: 104px minmax(0, 1fr); text-align: left; }
  .rank-row__thumb { width: 100%; max-width: 104px; }
  .rank-row__side { grid-column: 2; justify-content: flex-start; }
  .game-tags { justify-content: flex-start; }
  .top-game-card__foot { flex-direction: column; align-items: stretch; }
  body[data-layout="comparison-hub"] .top-game-card { grid-template-columns: 1fr; }
  .site-header .brand-name {
    max-width: min(54vw, 220px);
    font-size: clamp(12px, 3.4vw, 16px);
  }
  /* mobile-layout-regression-guard */
  body[data-layout="neon-showcase"] .top-games,
  body[data-layout="atlas-directory"] .top-games,
  body[data-layout="ranking-portal"] .top-games,
  body[data-layout="rookie-map"] .top-games,
  .games-view--podium .top-games,
  .games-view--mosaic .top-games,
  .games-view--spotlight .top-games,
  .games-view--poster-grid .top-games,
  .games-view--stack .top-games {
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
    overflow-x: visible;
  }
  /* mobile-layout-specificity-guard */
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .panel-grid,
    .top-games,
    .rank-list,
    .asset-gallery,
    .testimonials,
    .spotlight-grid,
    .editorial-strip,
    .link-board,
    .criteria-grid,
    .route-board,
    .session-steps,
    .advantage-grid,
    .reliability-grid,
    .page-link-grid,
    .contact-section
  ) {
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
  }
  .top-games,
  .rank-list,
  .game-rank-ol,
  .game-figure-grid,
  .game-directory,
  .game-table,
  .game-spotlight-mixed,
  .asset-cues,
  .asset-cues [data-asset-cue],
  .asset-gallery,
  .asset-gallery figure,
  .description-panel,
  .features--matrix,
  .features--matrix .panel,
  .spotlight-grid,
  .top-game-card,
  .rank-row,
  .game-card,
  .game-table-row,
  .game-directory > div,
  .game-figure-grid figure,
  .game-spotlight-mixed > header {
    max-width: 100%;
    min-width: 0;
  }
  /* mobile-squeezed-section-guard */
  .asset-cues {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin: 16px 0 24px;
  }
  .asset-cues [data-asset-cue] {
    width: 100%;
  }
  .asset-cues img {
    width: 40px;
    height: 40px;
    max-width: 40px;
  }
  .asset-cues span,
  .asset-gallery figcaption,
  .top-game-card h3,
  .top-game-card p,
  .rank-row h3,
  .rank-row p,
  .game-table-row h3,
  .game-table-row p,
  .game-figure-grid h3,
  .game-figure-grid p,
  .game-directory dt,
  .game-directory dd,
  .game-spotlight-mixed h3,
  .game-spotlight-mixed p {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .description--ledger .eyebrow {
    border-right: 0;
    min-height: auto;
    padding: 0;
  }
  .features--matrix .panel {
    min-height: auto;
  }
  .hero {
    max-width: none;
    padding-top: 32px;
    padding-bottom: 40px;
  }
  .hero h1,
  .hero--billboard h1 {
    font-size: clamp(32px, 9vw, 48px);
    line-height: 1.02;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
  .hero-with-asset,
  .hero--split.hero-with-asset,
  .hero--reverse.hero-with-asset,
  .hero--compact.hero-with-asset,
  .hero--poster.hero-with-asset,
  .hero--sidebar.hero-with-asset,
  .hero--billboard.hero-with-asset,
  .hero--cinematic.hero-with-asset,
  .hero--centered.hero-with-asset,
  .hero--stacked.hero-with-asset {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .hero-dom--article-aside .hero-copy {
    border-left: 0;
    padding-left: 0;
  }
  .hero-dom--picture-first .hero-picture,
  .hero-dom--poster-figure .hero-media,
  .hero-dom--compact-masthead .hero-media,
  .hero-dom--background-article .hero-media { order: 2; }
  .hero-with-asset .hero-copy,
  .hero--reverse .hero-copy,
  .hero--poster .hero-copy,
  .hero--sidebar .hero-copy { order: 1; }
  .hero-with-asset :is(.hero-media, .hero-picture),
  .hero--reverse :is(.hero-media, .hero-picture),
  .hero--poster :is(.hero-media, .hero-picture),
  .hero--sidebar :is(.hero-media, .hero-picture),
  .hero--cinematic :is(.hero-media, .hero-picture) { order: 2; }
  .hero-with-asset .hero-asset,
  .hero--reverse .hero-asset,
  .hero--poster .hero-asset,
  .hero--sidebar .hero-asset,
  .hero--cinematic .hero-asset {
    width: 100%;
    max-height: 360px;
    aspect-ratio: 16 / 10;
  }
  .hero--sidebar {
    border-left: 0;
    padding-left: 0;
  }
  .hero--billboard {
    min-height: auto;
  }
  .hero-actions {
    gap: 10px;
  }
  .description--split,
  .description--ledger,
  .hero--split.hero-with-asset,
  .hero--reverse.hero-with-asset,
  .hero--compact.hero-with-asset,
  .hero--poster.hero-with-asset,
  .hero--sidebar.hero-with-asset,
  .hero--billboard.hero-with-asset,
  .hero--cinematic.hero-with-asset,
  .hero--centered.hero-with-asset,
  .hero--stacked.hero-with-asset,
  .features--steps .panel,
  .features--rail .panel,
  .advantages--timeline .advantage-card,
  .advantages--split-rail,
  .games-view--ledger .top-game-card,
  .games-view--compact-rows .rank-row,
  .editorial--timeline article,
  .editorial--sidecar,
  .reliability--ledger .reliability-grid article,
  .reliability--split,
  .faq--split,
  .contact--banner,
  .contact--poster,
  .contact--inline .contact-form { grid-template-columns: 1fr; border-radius: var(--radius-card); }
  .faq--split .section-heading { grid-row: auto; }
  .features--alternating .panel[data-item-parity="even"],
  .games-view--stack .top-game-card[data-item-parity="even"],
  .games-view--stack .rank-row[data-item-parity="even"],
  .games-view--stack .top-game-card[data-item-parity="odd"],
  .games-view--stack .rank-row[data-item-parity="odd"] { transform: none; margin-left: 0; margin-right: 0; }
  .advantages--split-rail .advantage-card[data-item-position="1"] { grid-row: auto; }
  .features--rail .panel,
  .features--rail .panel:has(.panel-icon) { grid-template-areas: none; }
  .features--rail .panel .panel-icon,
  .features--rail .panel .panel-index,
  .features--rail .panel h2,
  .features--rail .panel p {
    grid-column: 1;
    grid-row: auto;
    min-width: 0;
  }
  .advantages--checklist .advantage-card {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: flex-start;
    min-height: auto;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: left;
  }
  .advantages--checklist .advantage-icon {
    flex: 0 0 auto;
    font-size: clamp(14px, 4vw, 20px);
    min-width: 52px;
    width: auto;
    max-width: 100%;
    padding: 0 12px;
  }
  .advantages--checklist .advantage-card h3,
  .advantages--checklist .advantage-card p {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .editorial--columns { column-count: 1; }
  .faq--boxed,
  .faq--two-column,
  .pages--columns,
  .features--matrix,
  .editorial--newspaper,
  .asset-gallery--mosaic,
  .asset-gallery--spotlight,
  .games-view--spotlight .rank-list,
  .games-view--poster-grid .rank-list,
  .game-rank-ol li,
  .game-directory dd,
  .game-table-row,
  .game-spotlight-mixed,
  .game-spotlight-mixed > header,
  .footer-split,
  .footer-rail,
  .reliability--seal .reliability-grid,
  .advantages--checklist,
  .spotlight-card { grid-template-columns: 1fr; }
  .game-directory dd .game-tags { grid-column: auto; }
  .footer-strip,
  .footer-magazine-head { align-items: flex-start; flex-direction: column; }
  .pages--rail,
  .faq--rail { display: grid; grid-template-columns: 1fr; overflow-x: visible; }
  .pages--rail .section-heading,
  .pages--rail a,
  .faq--rail .section-heading,
  .faq--rail details { flex-basis: auto; }
  .asset-gallery--mosaic figure[data-item-position="1"],
  .asset-gallery--mosaic figure[data-item-position="4"],
  .asset-gallery--spotlight figure[data-item-position="1"] { grid-column: auto; grid-row: auto; }
  .asset-gallery--strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    overflow-x: visible;
  }
  .feature-definition-list,
  .feature-numbered-steps,
  .feature-menu-board,
  .feature-quote-ledger,
  .faq-definition-list,
  .faq-two-column-list,
  .faq-disclosure-menu { grid-template-columns: minmax(0, 1fr); }
  .faq-ordered-briefs article { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; }
  .faq-question-register,
  .faq-question-register tbody,
  .faq-question-register tr,
  .faq-question-register :is(th, td) { display: block; width: 100%; }
  .faq-question-register :is(th, td) { box-sizing: border-box; }
  .faq-question-register td { border-top: 0; }
  .faq-disclosure-menu details > div { padding-left: 20px; }
  .faq-aside-ledger article { grid-template-columns: minmax(0, 1fr); }
  .faq-aside-ledger aside { border-top: 1px solid var(--surface-strong); border-left: 0; }
  .feature-table-register,
  .feature-table-register tbody { display: block; width: 100%; }
  .feature-table-register tr { display: grid; grid-template-columns: minmax(0, 1fr); }
  .feature-table-register :is(th, td) { display: block; width: auto; }
  .feature-disclosure-stack details > div { grid-template-columns: minmax(0, 1fr); }
  .feature-list-rail .panel { grid-template-columns: 48px 56px minmax(0, 1fr); gap: 12px; }
  .gallery-mosaic-grid,
  .gallery-carousel,
  .gallery-spotlight-list,
  .gallery-filmstrip,
  .gallery-storyboard { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; overflow-x: visible; }
  .gallery-spotlight-list article,
  .gallery-spotlight-list article[data-item-position="5"],
  .gallery-spotlight-list article[data-item-position="6"] { grid-column: auto; }
  .gallery-spotlight-list article[data-item-position="6"] { grid-column: 1 / -1; }
  .gallery-mosaic-grid article[data-item-position="1"],
  .gallery-spotlight-lead { grid-column: 1 / -1; grid-row: auto; }
  .gallery-catalog { grid-template-columns: minmax(0, 1fr); }
  .gallery-catalog > div { grid-template-columns: minmax(0, 1fr); }
  .gallery-catalog dd { border-top: 1px solid var(--surface-strong); border-left: 0; }
  .gallery-contact-sheet,
  .gallery-contact-sheet tbody,
  .gallery-contact-sheet tr,
  .gallery-contact-sheet :is(th, td) { display: block; width: 100%; }
  .gallery-contact-sheet :is(th, td) { box-sizing: border-box; }
  .gallery-contact-sheet td { border-top: 0; }
  .hero--background.hero-with-asset {
    min-height: auto;
    padding: 24px;
    border-radius: var(--radius-card);
    background-image: linear-gradient(90deg, rgba(5, 8, 18, .9), rgba(5, 8, 18, .72)), var(--hero-bg);
  }
  .hero--cinematic { min-height: auto; }
  .hero--cinematic .hero-asset { border-radius: var(--radius-card); aspect-ratio: 16 / 10; }
  body[data-layout="comparison-hub"] .rank-row,
  body[data-layout="rookie-map"] .rank-row { grid-template-columns: 104px minmax(0, 1fr); }
  .hero--background .hero-copy { padding: 0; }
  body[data-layout="compact-guide"] .top-games,
  body[data-layout="compact-guide"] .panel-grid,
  body[data-layout="compact-guide"] .advantage-grid,
  body[data-layout="compact-guide"] .link-board,
  body[data-layout="editorial-magazine"] .top-games { grid-template-columns: 1fr; }
  .game-card, .games-compact .game-card { grid-template-columns: 1fr; align-items: start; }
  .games-split .game-card[data-item-parity="even"], .games-split .game-card[data-item-parity="odd"] { margin-left: 0; margin-right: 0; }
  .game-card img { width: 100%; }
  .page-link-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  body.cookie-banner-visible {
    padding-bottom: min(38vh, 220px);
  }
  html[dir="rtl"] .header--centered .brand,
  html[dir="rtl"] .header--split-band .brand,
  html[dir="rtl"] .header--split .brand,
  html[dir="rtl"] .header--tabbed .brand,
  html[dir="rtl"] .header--dock .brand {
    justify-self: end;
    text-align: right;
  }
  html[dir="rtl"] .header--centered .mobile-menu,
  html[dir="rtl"] .header--split-band .mobile-menu,
  html[dir="rtl"] .header--split .mobile-menu,
  html[dir="rtl"] .header--tabbed .mobile-menu,
  html[dir="rtl"] .header--dock .mobile-menu {
    margin-left: 0;
    margin-right: 0;
  }
  html[dir="rtl"] .site-footer,
  html[dir="rtl"] .footer-strip,
  html[dir="rtl"] .footer-magazine-head,
  html[dir="rtl"] .advantages--checklist .advantage-card {
    align-items: flex-end;
    text-align: right;
  }
  html[dir="rtl"] .rank-row,
  html[dir="rtl"] .advantages--checklist .advantage-card {
    text-align: right;
  }
  .cookie-banner {
    flex-direction: column;
    align-items: flex-start;
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: auto;
    max-height: min(34vh, 220px);
    overflow: auto;
    gap: 10px;
    padding: 12px;
  }
  .cookie-banner__copy { gap: 4px; }
  .cookie-banner__copy strong { font-size: 14px; }
  .cookie-banner p { font-size: 13px; line-height: 1.4; }
  .cookie-banner__policies { gap: 10px; font-size: 12px; }
.cookie-banner__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  width: 100%;
}
  .cookie-banner button {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    padding: 10px 14px;
    line-height: 1.2;
  white-space: normal;
}
  /* Ledger and compact variants add another flex row around the actions.
     Make that row collapse before its controls can leave a 390/320px banner. */
  .cookie-banner__ledger-controls {
    align-items: stretch;
    flex-direction: column;
    min-width: 0;
    width: 100%;
  }
  .cookie-banner--compact .cookie-banner__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 1 1 auto;
    min-width: 0;
  }
}
@media (max-width: 350px) {
  .cookie-banner__actions,
  .cookie-banner--compact .cookie-banner__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 560px) {
  .content-page {
    width: calc(100% - 28px);
    margin-top: 28px;
    padding: 18px;
  }
  .hero-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .hero-actions .button {
    text-align: center;
    width: 100%;
  }
  .rank-row { grid-template-columns: 80px minmax(0, 1fr); gap: 14px; }
  body[data-layout="comparison-hub"] .rank-row,
  body[data-layout="rookie-map"] .rank-row { grid-template-columns: 80px minmax(0, 1fr); }
  .rank-row__thumb { max-width: 80px; aspect-ratio: 1; }
  .rank-row__side { grid-column: 2; }
  .game-rank-ol li {
    grid-template-columns: auto 76px minmax(0, 1fr);
    gap: 12px;
  }
  .game-rank-ol li .button { grid-column: 2 / -1; }
  .game-directory dd { grid-template-columns: 76px minmax(0, 1fr); }
  .game-directory dd .game-tags { grid-column: 2; }
  .criteria-card h3 {
    font-size: 20px;
    line-height: 1.12;
  }
}

@media (max-width: 820px) {
  body[data-art-direction="graphic-playground"] .site-header,
  body[data-art-direction="frontier-archive"] .site-header,
  body[data-art-direction="field-atlas"] .site-header,
  body[data-art-direction="graphic-playground"] .site-footer,
  body[data-art-direction="frontier-archive"] .site-footer,
  body[data-art-direction="field-atlas"] .site-footer {
    width: calc(100% - 32px);
  }
  body[data-art-direction="graphic-playground"] .site-header .brand-name,
  body[data-art-direction="frontier-archive"] .site-header .brand-name,
  body[data-art-direction="field-atlas"] .site-header .brand-name {
    max-width: min(62vw, 240px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body[data-art-direction="graphic-playground"] main [data-section],
  body[data-art-direction="frontier-archive"] main [data-section],
  body[data-art-direction="field-atlas"] main [data-section] {
    padding: 58px 20px;
  }
  body[data-art-direction="graphic-playground"] .hero,
  body[data-art-direction="frontier-archive"] .hero,
  body[data-art-direction="field-atlas"] .hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    gap: 28px;
    padding-top: 54px;
    padding-bottom: 58px;
  }
  body[data-art-direction="graphic-playground"] .hero h1,
  body[data-art-direction="frontier-archive"] .hero h1,
  body[data-art-direction="field-atlas"] .hero h1 {
    font-size: clamp(42px, 13.5vw, 62px);
    line-height: .96;
  }
  body[data-art-direction="graphic-playground"] .hero-asset,
  body[data-art-direction="frontier-archive"] .hero-asset,
  body[data-art-direction="field-atlas"] .hero-asset {
    min-height: 0;
    max-height: 380px;
  }
  body[data-art-direction="graphic-playground"] .hero-asset {
    aspect-ratio: 16 / 12;
    border-radius: 64px 18px 18px 18px;
    box-shadow: 8px 8px 0 var(--text);
  }
  body[data-art-direction="graphic-playground"] .section-heading h2,
  body[data-art-direction="frontier-archive"] .section-heading h2,
  body[data-art-direction="field-atlas"] .section-heading h2 { font-size: clamp(34px, 10vw, 48px); }
  body[data-art-direction="graphic-playground"] .game-figure-grid,
  body[data-art-direction="graphic-playground"] .spotlight-grid,
  body[data-art-direction="graphic-playground"] .asset-gallery,
  body[data-art-direction="field-atlas"] .spotlight-grid { grid-template-columns: 1fr; }
  body[data-art-direction="graphic-playground"] .link-board,
  body[data-art-direction="frontier-archive"] .link-board,
  body[data-art-direction="field-atlas"] .link-board { grid-template-columns: minmax(0, 1fr); }
  body[data-art-direction="graphic-playground"] .game-figure-grid figure[data-item-position="1"] {
    grid-column: auto;
    grid-row: auto;
  }
  body[data-art-direction="graphic-playground"] .game-figure-grid figure,
  body[data-art-direction="graphic-playground"] .spotlight-card,
  body[data-art-direction="graphic-playground"] .panel,
  body[data-art-direction="graphic-playground"] details { box-shadow: 4px 4px 0 var(--text); }
  body[data-art-direction="graphic-playground"] .contact-form { border-radius: 20px; }
  body[data-art-direction="frontier-archive"] .hero-copy {
    border-left: 0;
    border-top: 1px solid var(--accent);
    padding: 34px 0 0;
  }
  body[data-art-direction="frontier-archive"] .hero-copy::before { left: 0; top: 12px; }
  body[data-art-direction="frontier-archive"] .section-heading {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  body[data-art-direction="frontier-archive"] .section-heading .eyebrow,
  body[data-art-direction="frontier-archive"] .section-heading p:not(.eyebrow) { grid-column: auto; grid-row: auto; }
  body[data-art-direction="frontier-archive"] .game-table-row,
  body[data-art-direction="frontier-archive"] .game-directory dd,
  body[data-art-direction="frontier-archive"] .game-rank-ol li {
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: start;
  }
  body[data-art-direction="frontier-archive"] .game-table-row .rank-row__info,
  body[data-art-direction="frontier-archive"] .game-table-row .game-score,
  body[data-art-direction="frontier-archive"] .game-table-row .button { grid-column: 2; }
  body[data-art-direction="frontier-archive"] .game-directory dt { font-size: 20px; }
  body[data-art-direction="field-atlas"] .hero {
    background-image: linear-gradient(180deg, color-mix(in srgb, var(--bg-3) 96%, transparent), color-mix(in srgb, var(--bg-3) 88%, transparent)), var(--hero-bg);
  }
  body[data-art-direction="field-atlas"] .game-rank-ol li {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 16px;
    padding: 24px 0;
  }
  body[data-art-direction="field-atlas"] .game-rank-ol .game-media-link,
  body[data-art-direction="field-atlas"] .game-rank-ol .game-copy,
  body[data-art-direction="field-atlas"] .game-rank-ol .button { grid-column: 2; }
  body[data-art-direction="field-atlas"] .game-rank-ol .game-rank { grid-row: 1; }
  body[data-art-direction="field-atlas"] .game-rank-ol .game-media-link { grid-row: 1; }
  body[data-art-direction="field-atlas"] .game-rank-ol .game-copy { grid-row: 2; }
  body[data-art-direction="field-atlas"] .game-rank-ol .button { grid-row: 3; }
  body[data-art-direction="field-atlas"] .game-rank-ol img {
    max-width: none;
    border-radius: 40px 14px 14px 14px;
  }
}

@media (max-width: 820px) {
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header {
    min-height: 64px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--surface-strong);
    border-top: 0;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 10px 34px var(--shadow);
    text-align: left;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) main [data-section] {
    padding: 58px 20px;
  }
  body[data-design-grammar="atlas-guide"][data-art-direction="field-atlas"] main [data-section]:not([data-section="hero"]) {
    padding-block: 30px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header {
    width: calc(100% - 32px);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-footer {
    width: 100%;
    padding-inline: 16px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .brand-name {
    max-width: min(60vw, 230px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .brand {
    max-width: 100%;
    overflow: hidden;
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .brand-name {
    display: block;
    min-width: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .hero,
    .hero-with-asset,
    .contact-section,
    .top-game-card,
    .rank-row,
    .game-card,
    .game-table-row,
    .game-rank-ol li,
    .game-directory dd,
    .spotlight-card
  ) {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero {
    min-height: auto;
    gap: 28px;
    padding-top: 56px;
    padding-bottom: 60px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero h1 {
    max-width: 100%;
    font-size: clamp(42px, 13vw, 64px);
    line-height: .94;
    overflow-wrap: anywhere;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero-asset {
    min-height: 0;
    max-height: 380px;
    aspect-ratio: 16 / 10;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .game-table-row .rank-row__info,
    .game-table-row .game-score,
    .game-table-row .button,
    .game-rank-ol .game-media-link,
    .game-rank-ol .game-copy,
    .game-rank-ol .button,
    .game-directory dd .game-tags,
    .rank-row__side
  ) {
    grid-column: auto;
    grid-row: auto;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .top-game-card,
    .rank-row,
    .game-card,
    .game-table-row,
    .game-rank-ol li,
    .game-directory dd,
    .panel,
    details:not(.mobile-menu)
  ) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    transform: none;
    margin-inline: 0;
  }
  body[data-design-grammar="cinematic-showcase"] .hero,
  body[data-design-grammar="immersive-story"] .hero {
    background-image:
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg) 52%, transparent),
        color-mix(in srgb, var(--bg) 96%, transparent)
      ),
      var(--hero-bg);
  }
  body[data-design-grammar="typography-poster"] .hero {
    background: linear-gradient(180deg, var(--bg) 0 76%, var(--accent) 76%);
  }
}

@media (max-width: 390px) {
  body[data-design-grammar]:not([data-design-grammar="legacy"]) main [data-section] {
    padding: 44px 16px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .feature-list-rail .panel {
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 10px 12px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .feature-list-rail .panel > div {
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .feature-list-rail .panel-icon {
    width: 40px;
    height: 40px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .feature-list-rail .panel-index {
    align-self: center;
    font-size: 26px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .asset-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .asset-gallery :is(figure, .asset-card) {
    min-width: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .asset-gallery img {
    aspect-ratio: 4 / 3;
    margin-bottom: 8px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .top-games,
    .rank-list,
    .game-rank-ol,
    .game-figure-grid,
    .game-directory,
    .game-table
  ) {
    gap: 10px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .top-game-card,
    .rank-row,
    .game-rank-ol li,
    .game-directory > div,
    .game-table-row,
    .game-figure-grid figure
  ) {
    padding: 12px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .top-game-card {
    gap: 10px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .top-game-card__img {
    aspect-ratio: 16 / 7;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(.game-tags, .game-points) {
    gap: 6px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .game-tags span {
    padding: 4px 7px;
    font-size: 12px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .game-points {
    font-size: 14px;
    line-height: 1.4;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .rank-row {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .rank-row__thumb {
    width: 72px;
    max-width: 72px;
    aspect-ratio: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .rank-row__side {
    grid-column: 2;
    gap: 8px;
    justify-content: flex-start;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-rank-ol li {
    grid-template-columns: auto 72px minmax(0, 1fr);
    gap: 10px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-rank-ol li .button {
    grid-column: 2 / -1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-directory dd {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 10px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-directory dd .game-tags {
    grid-column: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-table-row {
    grid-template-columns: auto 72px minmax(0, 1fr);
    gap: 10px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-table-row :is(.rank-row__info, .game-score, .button) {
    grid-column: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-figure-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-figure-grid figure {
    grid-template-columns: 84px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-figure-grid img {
    width: 84px;
    aspect-ratio: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #games .game-figure-grid figcaption {
    grid-column: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .rank-row__info p,
    .game-copy p,
    .game-table-row p,
    .game-directory p,
    .game-figure-grid figcaption p,
    .spotlight-card p
  ) {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .game-score {
    font-size: 22px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #spotlight .spotlight-card,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #spotlight .spotlight-card[data-item-position="1"] {
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 14px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #spotlight .spotlight-card img,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #spotlight .spotlight-card[data-item-position="1"] img {
    width: 88px;
    aspect-ratio: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) #spotlight .spotlight-card ul {
    gap: 4px;
    font-size: 14px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-heading {
    margin-bottom: 24px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-heading h2 {
    font-size: clamp(26px, 9vw, 34px);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header {
    width: calc(100% - 24px);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-footer {
    width: 100%;
    padding-inline: 12px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero {
    gap: 22px;
    padding-top: 44px;
    padding-bottom: 50px;
  }
  body[data-content-mode="prompt_image"] .hero {
    display: grid;
  }
  body[data-content-mode="prompt_image"] .hero .hero-copy {
    order: 1;
  }
  body[data-content-mode="prompt_image"] .hero :is(.hero-media, .hero-picture) {
    order: 2;
  }
  body[data-content-mode="prompt_image"] :is(
    .panel,
    .advantage-card,
    .criteria-card,
    .session-step,
    .route-card,
    .editorial-strip article,
    .reliability-grid article,
    .home-route-card
  ) p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero h1 {
    font-size: clamp(36px, 11.25vw, 46px);
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
  }
  body.site-page[data-design-grammar="ranking-arena"] .hero h1 {
    font-size: clamp(34px, 10.25vw, 42px);
    letter-spacing: -.035em;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(.button, button, input, textarea) {
    max-width: 100%;
  }
}

@media (max-width: 360px) {
  body[data-design-grammar]:not([data-design-grammar="legacy"]) main [data-section] {
    padding-inline: 14px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero h1 {
    font-size: clamp(34px, 10.75vw, 42px);
  }
  body.site-page[data-design-grammar="ranking-arena"] .hero h1 {
    font-size: clamp(32px, 9.75vw, 38px);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .panel,
    .top-game-card,
    .rank-row,
    .game-card,
    .criteria-card,
    .session-step,
    .route-card,
    .advantage-card,
    .reliability-grid article,
    .asset-gallery figure,
    details:not(.mobile-menu)
  ) {
    padding: 14px;
  }
}

@media (max-width: 320px) {
  .content-page {
    width: calc(100% - 22px);
    padding: 16px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) main [data-section] {
    padding: 30px 12px;
  }
  body[data-content-mode="prompt_image"][data-design-grammar="portal-grid"] main {
    font-size: 15px;
  }
  body[data-content-mode="prompt_image"][data-design-grammar="portal-grid"] main [data-section] {
    padding: 26px 10px;
  }
  body[data-content-mode="prompt_image"][data-design-grammar]:not([data-design-grammar="legacy"])
    main [data-section] {
    padding-block: 24px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header {
    width: calc(100% - 20px);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-footer {
    width: 100%;
    padding-inline: 10px;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .site-header .brand-name {
    max-width: 56vw;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero h1 {
    font-size: clamp(32px, 10.5vw, 38px);
  }
  body.site-page[data-design-grammar="ranking-arena"] .hero h1 {
    font-size: clamp(30px, 9.25vw, 35px);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .hero-actions {
    width: 100%;
  }
}

/* Keep a computable opaque fallback beneath every generated gradient. */
body[data-design-grammar] {
  background-color: var(--bg);
}

.command-main-bank,
.folio-main-signatures,
.folio-main-signature-body { display: contents; }

/* Material structural paradigms. These selectors style genuinely different
   document trees selected as coherent header/hero/primary/footer bundles. */
body[data-structural-paradigm="command-deck"] .site-header--command {
  grid-template-columns: minmax(180px, .48fr) minmax(0, 1.52fr) auto;
  align-items: stretch;
  gap: 0;
  padding-block: 0;
  border-inline: 1px solid var(--surface-strong);
}
body[data-structural-paradigm] :is(.site-header--command, .site-header--folio) .brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: clamp(18px, 2vw, 28px);
}
body[data-structural-paradigm] :is(.site-header--command, .site-header--folio) .header-logo {
  width: clamp(44px, 4vw, 58px);
  height: clamp(40px, 3.8vw, 54px);
}
body[data-structural-paradigm] :is(.site-header--command, .site-header--folio) .brand-name {
  max-width: min(190px, 18vw);
}
.command-brand-console {
  display: grid;
  align-content: center;
  gap: 6px;
  min-width: 0;
  padding: 14px 18px;
  border-right: 1px solid var(--surface-strong);
}
.command-brand-console__status {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.command-navigation {
  display: block;
  align-self: stretch;
  overflow: auto hidden;
}
.command-navigation ol {
  display: flex;
  justify-content: flex-end;
  min-height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.command-navigation li { display: flex; border-left: 1px solid var(--surface-strong); }
.command-navigation a {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 112px;
  border-radius: 0;
  padding: 12px 16px;
}
.command-navigation a span { color: var(--accent); font-size: 10px; letter-spacing: .14em; }
.command-utility-rail { padding: 8px 18px; }
.command-utility-rail nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; width: 100%; }

body[data-structural-paradigm="folio-issue"] .site-header--folio {
  grid-template-columns: minmax(210px, .62fr) minmax(0, 1.38fr) auto;
  align-items: end;
  gap: 20px;
  padding-block: 16px;
  border-bottom: 4px double var(--surface-strong);
}
.folio-masthead {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.folio-masthead__line {
  margin: 0;
  color: var(--muted);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
}
.folio-navigation { display: block; }
.folio-navigation ul {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.folio-navigation li { border-bottom: 1px solid var(--surface-strong); }
.folio-navigation a { border-radius: 0; padding: 8px 0; }
.folio-utility-index { justify-content: flex-start; border-top-style: double; }

body[data-structural-paradigm] :is(.hero-dom--command-deck, .hero-dom--folio-cover) {
  max-width: none;
  margin-inline: 0;
}

/* Game names are primary readable content, never a decorative column. Source
   and material variants may use radically different tables, registers, and
   card trees, so keep the guard at their common item boundary. */
[data-material-game-item] :is(.game-title-link, h3 > a, th[scope="row"] > a) {
  display: inline-block;
  min-inline-size: 5ch;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}

@media (max-width: 820px) {
  [data-material-game-item] :is(header, th[scope="row"]) {
    min-inline-size: 0;
  }
}
.hero-dom--command-deck {
  display: grid;
  grid-template-columns: minmax(140px, .25fr) minmax(0, .9fr) minmax(260px, .85fr);
  align-items: stretch;
  gap: 0;
  padding: 0;
  border: 1px solid var(--surface-strong);
  border-radius: 0;
}
.hero-command-register { display: contents; }
.hero-command-index {
  min-width: 0;
  width: 100%;
  padding: clamp(20px, 3vw, 38px);
  border-right: 1px solid var(--surface-strong);
  border-collapse: collapse;
  background: color-mix(in srgb, var(--bg-2) 64%, transparent);
}
.hero-command-index { margin: 0; }
.hero-command-index th,
.hero-command-index td { padding: 12px 6px; border-bottom: 1px solid var(--surface-strong); text-align: left; vertical-align: top; }
.hero-command-index tr:last-child :is(th, td) { border-bottom: 0; }
.hero-command-index th { width: 34px; }
.hero-command-index data { color: var(--accent); font-size: 11px; letter-spacing: .16em; }
.hero-command-index td { font-size: 12px; font-weight: 800; line-height: 1.4; overflow-wrap: anywhere; }
.hero-command-brief { display: grid; grid-template-rows: 1fr auto; min-width: 0; }
.hero-command-brief .hero-copy {
  display: grid;
  align-content: end;
  padding: clamp(26px, 5vw, 76px);
}
.hero-command-brief .hero-copy h1 {
  margin-bottom: 0;
  font-size: clamp(46px, 7vw, 106px);
  line-height: .86;
  overflow-wrap: anywhere;
}
.hero-command-brief__body {
  display: grid;
  gap: 20px;
  padding: clamp(22px, 3vw, 38px);
  border-top: 1px solid var(--surface-strong);
}
.hero-command-brief__body .lead { margin: 0; }
.hero-command-brief__body .hero-actions { margin: 0; padding: 0; list-style: none; }
.hero-command-visual {
  display: grid;
  grid-template-rows: 1fr auto;
  min-width: 0;
  margin: 0;
  border-left: 1px solid var(--surface-strong);
  background: var(--bg-3);
}
.hero-command-visual picture { display: block; height: 100%; }
.hero-command-visual .hero-asset { width: 100%; height: 100%; min-height: 520px; border-radius: 0; object-fit: cover; }
.hero-command-visual figcaption { padding: 12px 16px; border-top: 1px solid var(--surface-strong); color: var(--muted); font-size: 12px; }

@media (min-width: 821px) {
  body[data-design-grammar][data-structural-paradigm="command-deck"] main [data-section].hero-dom--command-deck {
    display: block;
    padding: 0;
  }
  body[data-design-grammar][data-structural-paradigm="command-deck"]
    main [data-section].hero-dom--command-deck
    .hero-command-matrix > tbody > tr {
    grid-template-columns: minmax(140px, .25fr) minmax(0, .9fr) minmax(260px, .85fr);
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] main [data-section].hero-dom--folio-cover {
    grid-template-columns: minmax(0, 1.12fr) minmax(260px, .88fr);
    grid-template-areas:
      "folio-mast folio-plate"
      "folio-foot folio-plate";
    align-items: stretch;
    padding: 0;
  }
}

.hero-dom--folio-cover {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(260px, .88fr);
  grid-template-areas:
    "folio-mast folio-plate"
    "folio-foot folio-plate";
  align-items: stretch;
  gap: 0;
  padding: 0;
  border-block: 4px double var(--surface-strong);
}
.hero-folio-mast {
  grid-area: folio-mast;
  display: grid;
  align-content: end;
  padding: clamp(34px, 6vw, 88px);
  border-right: 1px solid var(--surface-strong);
}
.hero-folio-mast h1 {
  margin-bottom: clamp(24px, 4vw, 54px);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(50px, 8vw, 116px);
  font-weight: 500;
  line-height: .84;
}
.hero-folio-deck {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  margin-inline: 0;
  padding-top: 20px;
  border-top: 1px solid var(--surface-strong);
}
.hero-folio-deck .lead,
.hero-folio-deck .hero-actions { margin: 0; }
.hero-folio-deck .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; padding: 0; }
.hero-folio-plate {
  grid-area: folio-plate;
  display: grid;
  grid-template-rows: 1fr auto;
  min-width: 0;
  margin: 0;
  background: var(--bg-3);
}
.hero-folio-print { display: contents; margin: 0; }
.hero-folio-plate picture { display: contents; }
.hero-folio-plate .hero-asset { width: 100%; height: 100%; min-height: 600px; border-radius: 0; object-fit: cover; }
.hero-folio-plate figcaption {
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--surface-strong);
  color: var(--muted);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
}
.hero-folio-plate figcaption blockquote {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  margin: 0;
}
.hero-folio-plate figcaption q { quotes: none; }
.hero-folio-plate figcaption cite { color: var(--text); font-style: normal; }
.hero-folio-footer {
  grid-area: folio-foot;
  margin: 0;
  padding: 16px clamp(34px, 6vw, 88px);
  border-top: 1px solid var(--surface-strong);
  border-right: 1px solid var(--surface-strong);
  color: var(--muted);
  font-size: 12px;
}
.hero-folio-footer > div { display: flex; justify-content: space-between; gap: 18px; }
.hero-folio-footer :is(dt, dd) { margin: 0; }

.feature-command-board,
.feature-folio-spreads { grid-column: 1 / -1; min-width: 0; }
.feature-command-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
  margin: 0;
  padding: 0;
}
.feature-command-board .panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  overflow: hidden;
  min-height: 0;
  padding: 0;
  border-width: 1px;
  border-radius: var(--radius-card);
  box-shadow: 0 14px 38px color-mix(in srgb, var(--shadow) 42%, transparent);
}
.feature-command-board .panel dt,
.feature-command-board .panel > dd { margin: 0; padding: clamp(18px, 2.4vw, 28px); }
.feature-command-board .panel dt {
  display: grid;
  gap: 12px;
  border-bottom: 1px solid var(--surface-strong);
}
.feature-command-board .panel > dd {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 16px;
}
.feature-command-board .panel .feature-command-title,
.feature-command-board .panel output { margin: 0; }
.feature-command-board .panel .feature-command-title {
  display: block;
  max-width: 24ch;
  font-size: clamp(21px, 2vw, 28px);
  line-height: 1.12;
}
.feature-command-board .panel output {
  display: block;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.6;
}
.feature-command-board .panel progress {
  grid-column: 1 / -1;
  width: 100%;
  accent-color: var(--accent);
}
.feature-folio-spreads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.feature-folio-spreads .panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "folio-feature-head folio-feature-head" "folio-feature-icon folio-feature-copy" "folio-feature-foot folio-feature-foot";
  min-height: 0;
  padding: clamp(24px, 4vw, 48px);
  border: 0;
  border-bottom: 1px solid var(--surface-strong);
  border-radius: 0;
  box-shadow: none;
}
.feature-folio-spreads .feature-folio-title {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2.5vw, 36px);
  line-height: 1.05;
}
.feature-folio-spreads .panel[data-item-parity="odd"] { border-right: 1px solid var(--surface-strong); }
.feature-folio-spreads .panel summary {
  grid-area: folio-feature-head;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  cursor: pointer;
}
.feature-folio-spreads .panel summary::marker { content: ""; }
.feature-folio-spreads .panel .feature-folio-icon { grid-area: folio-feature-icon; margin: 0; padding: 18px 18px 18px 0; }
.feature-folio-spreads .panel > blockquote { grid-area: folio-feature-copy; margin: 18px 0; }
.feature-folio-spreads .panel > blockquote p { margin: 0; }
.feature-folio-spreads .panel > blockquote footer { margin-top: 12px; color: var(--muted); }
.feature-folio-spreads .panel > footer {
  grid-area: folio-feature-foot;
  padding-top: 12px;
  border-top: 1px solid var(--surface-strong);
  color: var(--muted);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
}
.feature-folio-spreads .panel > footer progress { width: 100%; accent-color: var(--accent); }

.game-command-console {
  display: grid;
  grid-template-columns: minmax(180px, .28fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(20px, 3vw, 42px);
  min-width: 0;
}
.game-command-index { position: sticky; top: 110px; min-width: 0; border-block: 1px solid var(--surface-strong); }
.game-command-index ol { display: grid; margin: 0; padding: 0; list-style: none; }
.game-command-index li { border-bottom: 1px solid var(--surface-strong); }
.game-command-index li:last-child { border-bottom: 0; }
.game-command-index a {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 13px 8px;
  text-decoration: none;
}
.game-command-index a span { color: var(--accent); font-size: 11px; }
.game-command-index a strong { font-size: 13px; overflow-wrap: anywhere; }
.game-command-panels { display: grid; min-width: 0; }
.game-command-entry {
  display: grid;
  grid-template-columns: minmax(190px, .66fr) minmax(220px, 1fr);
  grid-template-areas: "game-command-head game-command-figure" "game-command-copy game-command-figure" "game-command-foot game-command-figure";
  min-width: 0;
  border-top: 1px solid var(--surface-strong);
}
.game-command-entry:last-child { border-bottom: 1px solid var(--surface-strong); }
.game-command-entry > header { grid-area: game-command-head; padding: clamp(20px, 3vw, 36px); }
.game-command-entry > header h3 { margin: clamp(24px, 4vw, 54px) 0 0; font-size: clamp(26px, 3vw, 44px); line-height: .95; }
.game-command-entry > figure {
  grid-area: game-command-figure;
  display: grid;
  grid-template-rows: auto 1fr;
  margin: 0;
  border-left: 1px solid var(--surface-strong);
  background: var(--bg-3);
}
.game-command-entry > figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.game-command-entry > figure figcaption { padding: 18px; color: var(--muted); line-height: 1.55; }
.game-command-entry > section { grid-area: game-command-copy; padding: 0 clamp(20px, 3vw, 36px) clamp(20px, 3vw, 36px); }
.game-command-entry > footer {
  grid-area: game-command-foot;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px clamp(20px, 3vw, 36px);
  border-top: 1px solid var(--surface-strong);
}

.game-folio-volume { display: grid; margin: 0; padding: 0; list-style: none; counter-reset: game-folio; }
.game-folio-entry { padding-block: clamp(18px, 3vw, 34px); border-top: 4px double var(--surface-strong); counter-increment: game-folio; }
.game-folio-entry:last-child { border-bottom: 4px double var(--surface-strong); }
.game-folio-entry {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(220px, 1.28fr);
  grid-template-areas: "game-folio-head game-folio-figure" "game-folio-copy game-folio-figure" "game-folio-aside game-folio-foot";
  min-width: 0;
}
.game-folio-entry:nth-child(even) {
  grid-template-columns: minmax(220px, 1.28fr) minmax(0, .72fr);
  grid-template-areas: "game-folio-figure game-folio-head" "game-folio-figure game-folio-copy" "game-folio-foot game-folio-aside";
}
.game-folio-entry__heading { grid-area: game-folio-head; margin: 0; padding: clamp(20px, 3vw, 36px); border: 1px solid var(--surface-strong); }
.game-folio-entry__heading > data { display: block; margin: 0; color: var(--muted); font-size: 12px; }
.game-folio-entry__heading > strong { display: block; margin: clamp(22px, 3vw, 40px) 0 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(32px, 4vw, 52px); font-weight: 500; line-height: .94; }
.game-folio-entry__media { grid-area: game-folio-figure; display: block; margin: 0; background: var(--bg-3); }
.game-folio-entry__media picture { display: block; height: 100%; }
.game-folio-entry__media img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.game-folio-copy { grid-area: game-folio-copy; margin: 0; padding: clamp(18px, 2.5vw, 30px); border-inline: 1px solid var(--surface-strong); }
.game-folio-entry__facts { grid-area: game-folio-aside; margin: 0; padding: clamp(16px, 2.5vw, 28px); border: 1px solid var(--surface-strong); }
.game-folio-entry__facts > div { display: grid; gap: 12px; }
.game-folio-entry__facts :is(dt, dd) { margin: 0; }
.game-folio-entry__facts dt { color: var(--muted); font-size: 11px; }
.game-folio-entry__facts .game-points { margin: 0; padding-left: 18px; }
.game-folio-entry__link {
  grid-area: game-folio-foot;
  display: grid;
  place-items: center;
  padding: 20px;
  border-block: 1px solid var(--surface-strong);
}
.game-folio-entry__link a { color: var(--accent); font-weight: 900; text-underline-offset: .2em; }

/* Material matrix/sheet trees are real table/details compositions. */
body[data-structural-paradigm="command-deck"] .hero-dom--command-deck {
  display: block;
}
.hero-command-matrix,
.hero-command-matrix > thead,
.hero-command-matrix > tbody,
.hero-command-matrix > tfoot,
.hero-command-matrix > :is(thead, tbody, tfoot) > tr {
  width: 100%;
  min-width: 0;
}
.hero-command-matrix {
  display: block;
  border-collapse: collapse;
}
.hero-command-matrix > caption {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 10px clamp(12px, 2vw, 24px);
  border-bottom: 1px solid var(--surface-strong);
  color: var(--muted);
  font-size: 12px;
  text-align: left;
}
.hero-command-matrix > caption data { margin-right: 12px; color: var(--accent); }
.hero-command-matrix > :is(thead, tbody, tfoot) { display: block; }
.hero-command-matrix > thead > tr,
.hero-command-matrix > tbody > tr {
  display: grid;
  grid-template-columns: minmax(140px, .25fr) minmax(0, .9fr) minmax(260px, .85fr);
}
.hero-command-matrix > thead > tr {
  border-bottom: 1px solid var(--surface-strong);
}
.hero-command-matrix > thead th {
  padding: 10px 14px;
  border-right: 1px solid var(--surface-strong);
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.hero-command-matrix > thead th:last-child { border-right: 0; }
.hero-command-matrix > thead kbd {
  padding: 3px 7px;
  border: 1px solid var(--surface-strong);
  border-radius: 2px;
  background: var(--surface);
  color: var(--accent);
}
.hero-command-matrix :is(th, td) {
  display: block;
  min-width: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
}
body[data-structural-paradigm="command-deck"]
  .hero-command-matrix :is(.hero-command-brief, .hero-command-visual) {
  grid-area: auto;
}
.hero-command-register { border-right: 1px solid var(--surface-strong); }
.hero-command-index > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  padding: 12px 6px;
  border-bottom: 1px solid var(--surface-strong);
}
.hero-command-index > div:last-child { border-bottom: 0; }
.hero-command-index :is(dt, dd) { margin: 0; }
.hero-command-brief {
  padding: clamp(26px, 5vw, 76px);
}
.hero-command-brief > article {
  display: grid;
  align-content: end;
  gap: clamp(22px, 4vw, 48px);
  min-height: 100%;
}
.hero-command-brief h1 {
  margin-bottom: 0;
  font-size: clamp(46px, 7vw, 106px);
  line-height: .86;
  overflow-wrap: anywhere;
}
.hero-command-brief .lead { margin: clamp(18px, 3vw, 34px) 0 0; }
.hero-command-brief .hero-actions { margin: 0; padding: 0; list-style: none; }
.hero-command-visual > figure {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
  margin: 0;
}
.hero-command-visual figcaption blockquote {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  margin: 0;
}
.hero-command-visual figcaption q { quotes: none; }
.hero-command-visual figcaption cite { color: var(--text); font-style: normal; font-weight: 800; }
.hero-command-visual--empty { align-content: center; padding: clamp(24px, 4vw, 56px) !important; }
.hero-command-matrix > tfoot > tr { display: block; border-top: 1px solid var(--surface-strong); }
.hero-command-matrix > tfoot td {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 12px clamp(14px, 2vw, 26px);
  color: var(--muted);
  font-size: 12px;
}
.hero-command-matrix > tfoot samp { color: var(--text); font-family: inherit; }

body[data-structural-paradigm="folio-issue"] .hero-dom--folio-cover { display: block; }
.hero-folio-sheet {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.hero-folio-sheet__body {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(260px, .88fr);
  grid-template-areas:
    "folio-mast folio-plate"
    "folio-actions folio-plate"
    "folio-foot folio-plate";
  width: 100%;
  min-width: 0;
}
.hero-folio-sheet > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  padding: 12px clamp(20px, 4vw, 56px);
  border-bottom: 1px solid var(--surface-strong);
  color: var(--muted);
  font-size: 12px;
  cursor: pointer;
}
.hero-folio-sheet > summary::marker { content: ""; }
.hero-folio-mast h1 {
  font-size: clamp(54px, 6vw, 86px);
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.hero-folio-actions {
  grid-area: folio-actions;
  padding: 0 clamp(34px, 6vw, 88px) clamp(28px, 5vw, 66px);
  border-right: 1px solid var(--surface-strong);
}
.hero-folio-actions > ol {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.hero-folio-footer {
  display: block;
  font-style: normal;
}
.hero-folio-footer address { margin: 0; font-style: normal; }

.game-command-console {
  display: block;
  width: 100%;
  border-collapse: collapse;
}
.game-command-console > caption {
  padding: 10px 0;
  color: var(--muted);
  font-size: 12px;
  text-align: left;
}
.game-command-console > :is(thead, tbody, tfoot) {
  display: grid;
  width: 100%;
}
.game-command-console > thead > tr,
.game-command-entry {
  display: grid;
  grid-template-columns: minmax(150px, .42fr) minmax(220px, .78fr) minmax(0, 1fr) minmax(130px, .34fr);
  min-width: 0;
}
.game-command-console > thead > tr {
  border-top: 1px solid var(--surface-strong);
}
.game-command-console > thead th {
  display: block;
  padding: 9px 14px;
  border-right: 1px solid var(--surface-strong);
  color: var(--muted);
  text-align: left;
}
.game-command-console > thead th:last-child { border-right: 0; }
.game-command-console > thead kbd {
  color: var(--accent);
  font-family: inherit;
  font-size: 11px;
}
.game-command-entry {
  border-top: 1px solid var(--surface-strong);
}
.game-command-entry:last-child { border-bottom: 1px solid var(--surface-strong); }
.game-command-entry > :is(th, td) {
  display: block;
  min-width: 0;
  margin: 0;
  padding: clamp(16px, 2.4vw, 28px);
  border-right: 1px solid var(--surface-strong);
  text-align: left;
  vertical-align: top;
}
.game-command-entry > :last-child { border-right: 0; }
.game-command-entry > th .game-command-title {
  display: block;
  margin: clamp(18px, 3vw, 34px) 0 0;
  font-size: clamp(24px, 3vw, 40px);
  line-height: 1;
}
.game-command-entry__media figure { display: grid; gap: 12px; margin: 0; }
.game-command-entry__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.game-command-entry__media figcaption { color: var(--muted); line-height: 1.45; }
.game-command-entry__media pre {
  margin: 0;
  overflow: hidden;
  white-space: pre-wrap;
}
.game-command-entry__media code { color: inherit; font-family: inherit; }
.game-command-entry__copy > details {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.game-command-entry__copy > details > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  color: var(--muted);
  cursor: pointer;
}
.game-command-entry__copy > details > summary::marker { content: ""; }
.game-command-entry__copy > details > summary samp {
  color: var(--accent);
  font-family: inherit;
  font-size: 11px;
  font-weight: 900;
}
.game-command-entry__copy .game-tags {
  display: grid;
  gap: 0;
  margin: 18px 0;
}
.game-command-entry__copy .game-tags > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  border-top: 1px solid var(--surface-strong);
}
.game-command-entry__copy .game-tags :is(dt, dd) { margin: 0; padding: 8px 0; }
.game-command-entry__copy .game-tags dd { border-left: 1px solid var(--surface-strong); padding-left: 12px; }
.game-command-entry__copy .game-tags mark { color: var(--text); background: transparent; }
.game-command-entry__copy .game-points { margin: 0; padding-left: 20px; }
.game-command-entry__action { display: grid !important; align-content: space-between; gap: 18px; }
.game-command-entry__action meter { width: 100%; accent-color: var(--accent); }
.game-command-entry__action output { display: block; }
.game-command-console > tfoot > tr { display: block; }
.game-command-console > tfoot td {
  display: block;
  padding: 12px 16px;
  border-bottom: 1px solid var(--surface-strong);
  color: var(--muted);
}
.game-command-console > tfoot samp { font-family: inherit; }

.game-folio-entry { display: block; padding-block: clamp(18px, 3vw, 34px); }
.game-folio-entry > details {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.game-folio-entry > details > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  padding: clamp(16px, 2.5vw, 28px);
  border: 1px solid var(--surface-strong);
  cursor: pointer;
}
.game-folio-entry > details > summary::marker { content: ""; }
.game-folio-volume { margin: 0; padding: 0; list-style: none; }
.game-folio-entry__media {
  grid-area: auto;
  display: grid;
  grid-template-columns: minmax(260px, 1.15fr) minmax(0, .85fr);
  margin: 0;
}
.game-folio-entry:nth-child(even) .game-folio-entry__media {
  grid-template-columns: minmax(0, .85fr) minmax(260px, 1.15fr);
}
.game-folio-entry__media > .game-media-link { min-width: 0; }
.game-folio-entry:nth-child(even) .game-folio-entry__media > .game-media-link { order: 2; }
.game-folio-entry__media > .game-media-link img { width: 100%; height: 100%; min-height: 320px; object-fit: cover; }
.game-folio-entry__media figcaption {
  grid-area: auto;
  display: grid;
  align-content: center;
  gap: 18px;
  min-width: 0;
  padding: clamp(24px, 4vw, 52px);
  color: var(--muted);
}
.game-folio-entry__heading output {
  display: grid;
  grid-template-columns: minmax(54px, .6fr) auto;
  gap: 8px;
  align-items: center;
}
.game-folio-entry__heading :is(var, sub) { font-style: normal; }
.game-folio-entry__heading sub { color: var(--text); font-size: 12px; }
.game-folio-entry__heading meter,
.game-folio-entry__link progress { width: 100%; accent-color: var(--accent); }
.game-folio-entry__media figcaption > blockquote { margin: 0; }
.game-folio-entry__media figcaption > blockquote q { quotes: none; }
.game-folio-entry__media figcaption > blockquote footer { margin-top: 10px; }
.game-folio-entry__media figcaption > blockquote cite { color: var(--text); font-style: normal; }
.game-folio-entry__media .game-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.game-folio-entry__media .game-tags mark { padding: 5px 9px; border-radius: 999px; background: var(--surface); color: var(--accent); }
.game-folio-entry__media .game-points { display: grid; gap: 8px; margin: 0; padding-left: 20px; }
.game-folio-entry__link {
  grid-area: auto;
  display: grid;
  grid-template-columns: minmax(80px, .4fr) auto;
  gap: 18px;
  align-items: center;
  min-width: 0;
  padding-top: 14px;
  border-top: 1px solid var(--surface-strong);
}

/* A long folio is composed as a two-up editorial index on wide screens.
   The modifier is emitted from the real collection length, so full gaming
   sites stay readable without hiding entries or clipping authored copy. */
@media (min-width: 900px) {
  .game-folio-volume--long {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 4px double var(--surface-strong);
  }
  .game-folio-volume--long > .game-folio-entry {
    min-width: 0;
    padding: 0;
    border-top: 0;
    border-right: 1px solid var(--surface-strong);
    border-bottom: 1px solid var(--surface-strong);
  }
  .game-folio-volume--long > .game-folio-entry:nth-child(even) { border-right: 0; }
  .game-folio-volume--long > .game-folio-entry:last-child { border-bottom: 1px solid var(--surface-strong); }
  .game-folio-volume--long .game-folio-entry__heading {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "folio-index folio-score" "folio-title folio-title";
    gap: 10px 18px;
    padding: 14px 18px;
  }
  .game-folio-volume--long .game-folio-entry__heading > data { grid-area: folio-index; }
  .game-folio-volume--long .game-folio-entry__heading > strong {
    grid-area: folio-title;
    margin: 0;
    font-size: clamp(26px, 2.5vw, 38px);
  }
  .game-folio-volume--long .game-folio-entry__heading > output { grid-area: folio-score; }
  .game-folio-volume--long .game-folio-entry__media {
    grid-template-columns: minmax(210px, .9fr) minmax(0, 1.1fr);
  }
  .game-folio-volume--long .game-folio-entry:nth-child(even) .game-folio-entry__media {
    grid-template-columns: minmax(0, 1.1fr) minmax(210px, .9fr);
  }
  .game-folio-volume--long .game-folio-entry__media figcaption {
    gap: 12px;
    padding: 18px;
  }
  .game-folio-volume--long .game-folio-entry__media .game-points { gap: 5px; }
  .game-folio-volume--long .game-folio-entry__link {
    gap: 12px;
    padding: 10px 0 0;
  }
}

.faq-command-index { width: 100%; border-collapse: collapse; border-top: 1px solid var(--surface-strong); }
.faq-command-index > caption { padding: 10px 0; color: var(--muted); font-size: 12px; text-align: left; }
.faq-command-index :is(th, td) { padding: clamp(20px, 3vw, 38px); border-bottom: 1px solid var(--surface-strong); text-align: left; vertical-align: top; }
.faq-command-index th { width: 42%; border-right: 1px solid var(--surface-strong); }
.faq-command-index > thead th { padding-block: 10px; color: var(--accent); font-size: 11px; }
.faq-command-index th samp { display: block; margin-top: 14px; color: var(--text); font-family: inherit; font-weight: 800; }
.faq-command-index data { color: var(--accent); font-size: 11px; }
.faq-command-index output { display: block; }
.faq-command-index > tfoot td { color: var(--muted); font-size: 12px; }
.faq-command-index > tfoot samp { font-family: inherit; }
.faq-folio-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 4px double var(--surface-strong);
  list-style: none;
}
.faq-folio-columns > .faq-item { min-width: 0; border-right: 1px solid var(--surface-strong); border-bottom: 1px solid var(--surface-strong); }
.faq-folio-columns > .faq-item:nth-child(even) { border-right: 0; }
.faq-folio-columns > .faq-item > details { display: grid; grid-template-rows: 1fr auto; height: 100%; }
.faq-folio-columns > .faq-item summary,
.faq-folio-columns > .faq-item .faq-folio-answer { padding: clamp(22px, 3vw, 40px); }
.faq-folio-columns > .faq-item summary { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; cursor: pointer; }
.faq-folio-columns > .faq-item summary::marker { content: ""; }
.faq-folio-columns > .faq-item summary data { color: var(--accent); font-size: 12px; }
.faq-folio-columns .faq-folio-question { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(24px, 3vw, 38px); font-weight: 500; }
.faq-folio-columns .faq-folio-question dfn { font-style: normal; }
.faq-folio-columns > .faq-item .faq-folio-answer { margin: 0; border-top: 1px solid var(--surface-strong); }
.faq-folio-columns > .faq-item .faq-folio-answer p { margin: 0; }

.contact-command-layout { display: grid; grid-template-columns: minmax(220px, .56fr) minmax(0, 1.44fr); border-block: 1px solid var(--surface-strong); }
.contact-section > :is(.contact-command-layout, .contact-folio-letter) {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.contact-command-layout > header,
.contact-command-layout > aside { padding: clamp(24px, 4vw, 52px); }
.contact-command-layout > header { border-right: 1px solid var(--surface-strong); }
.contact-command-layout .contact-form { margin: 0; }
.contact-command-fields { display: grid; gap: 16px; min-width: 0; margin: 0; padding: 0; border: 0; }
.contact-command-fields :is(input, textarea, select) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--surface-strong);
  border-radius: 0;
  padding: 12px 14px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
}
.contact-command-fields textarea { min-height: 132px; resize: vertical; }
.contact-command-fields legend { margin-bottom: 14px; color: var(--accent); font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.contact-command-fields table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.contact-command-fields caption { padding: 0 0 12px; color: var(--muted); font-size: 12px; text-align: left; }
.contact-command-fields :is(th, td) { min-width: 0; padding: 12px 0; border-top: 1px solid var(--surface-strong); text-align: left; vertical-align: top; }
.contact-command-fields th { width: 28%; padding-right: 16px; color: var(--muted); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.contact-command-fields td { padding-left: 16px; border-left: 1px solid var(--surface-strong); }
.contact-command-fields tfoot td { padding-left: 0; border-left: 0; color: var(--muted); font-size: 12px; }
.contact-command-fields tfoot samp { font-family: inherit; }
.contact-folio-letter { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); border-block: 4px double var(--surface-strong); }
.contact-folio-letter > hgroup,
.contact-folio-letter > .contact-folio-form {
  min-width: 0;
  padding: clamp(28px, 5vw, 62px);
}
.contact-folio-letter > hgroup { align-self: end; font-family: Georgia, "Times New Roman", serif; }
.contact-folio-letter > .contact-folio-form { border-left: 1px solid var(--surface-strong); }
.contact-folio-letter .contact-form {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.contact-folio-letter > .contact-folio-form > details {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.contact-folio-letter > .contact-folio-form > details > summary { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; margin-bottom: 20px; cursor: pointer; }
.contact-folio-letter > .contact-folio-form > details > summary::marker { content: ""; }
.contact-folio-fields { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.contact-folio-fields fieldset { min-width: 0; margin: 0; padding: 20px; border: 1px solid var(--surface-strong); }
.contact-folio-fields legend { max-width: calc(100% - 24px); padding-inline: 8px; font-family: Georgia, "Times New Roman", serif; }
.contact-folio-fields :is(input, textarea, select) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.advantage-folio-heading,
.criteria-folio-heading,
.route-folio-heading { grid-column: 1 / -1; }
.advantage-folio-index {
  grid-column: 1 / -1;
  display: grid;
  margin: 0;
  padding: 0;
  border-top: 4px double var(--surface-strong);
  list-style: none;
}
.advantage-folio-index > li {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: clamp(18px, 3vw, 38px);
  align-items: start;
  padding: clamp(22px, 4vw, 48px);
  border-bottom: 1px solid var(--surface-strong);
}
.advantage-folio-index :is(h3, p) { margin: 0; }
.advantage-folio-index h3 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(24px, 3vw, 40px); font-weight: 500; }
.criteria-folio-register { grid-column: 1 / -1; display: grid; margin: 0; border-top: 4px double var(--surface-strong); }
.criteria-folio-register > div { display: grid; grid-template-columns: minmax(180px, .62fr) minmax(0, 1.38fr); border-bottom: 1px solid var(--surface-strong); }
.criteria-folio-register :is(dt, dd) { margin: 0; padding: clamp(22px, 4vw, 48px); }
.criteria-folio-register dt { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; border-right: 1px solid var(--surface-strong); font-family: Georgia, "Times New Roman", serif; font-size: clamp(20px, 2.5vw, 34px); }
.criteria-folio-register dd strong { color: var(--accent); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.criteria-folio-register dd p { margin-bottom: 0; }
.route-folio-index { grid-column: 1 / -1; border-block: 4px double var(--surface-strong); }
.route-folio-index ol { display: grid; margin: 0; padding: 0; list-style: none; }
.route-folio-index li { border-bottom: 1px solid var(--surface-strong); }
.route-folio-index li:last-child { border-bottom: 0; }
.route-folio-index a {
  display: grid;
  grid-template-columns: 54px minmax(180px, .7fr) minmax(0, 1.3fr);
  gap: clamp(18px, 3vw, 42px);
  align-items: center;
  padding: clamp(20px, 3vw, 38px);
  color: inherit;
  text-decoration: none;
}
.route-folio-index :is(p, h3) { margin: 0; }
.route-folio-index h3 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(24px, 3vw, 42px); font-weight: 500; }
body[data-structural-paradigm="folio-issue"] .editorial-folio-ledger {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(260px, .52fr) minmax(0, 1.48fr);
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  border-width: 4px 0;
  border-style: double;
  border-color: var(--surface-strong);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.editorial-folio-ledger > header { padding: clamp(24px, 4vw, 52px); border-right: 1px solid var(--surface-strong); }
.editorial-folio-ledger > ol { display: grid; margin: 0; padding: 0; list-style: none; }
.editorial-folio-ledger > ol > li { display: grid; grid-template-columns: 54px minmax(0, 1fr); border-bottom: 1px solid var(--surface-strong); }
.editorial-folio-ledger > ol > li:last-child { border-bottom: 0; }
.editorial-folio-ledger > ol data,
.editorial-folio-card { padding: clamp(20px, 3vw, 38px); }
.editorial-folio-card { margin: 0; border-left: 1px solid var(--surface-strong); }
.editorial-folio-card :is(p, h3) { margin: 0; }
.editorial-folio-card h3 { margin-block: 12px 24px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(24px, 3vw, 40px); font-weight: 500; }
.reliability-folio-dossier { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); border-block: 4px double var(--surface-strong); }
.reliability-folio-dossier > header { padding: clamp(24px, 4vw, 52px); border-right: 1px solid var(--surface-strong); }
.reliability-folio-dossier > header .reliability-lead { margin-inline: 0; }
.reliability-folio-dossier table { width: 100%; border-collapse: collapse; }
.reliability-folio-dossier :is(th, td) { padding: clamp(20px, 3vw, 38px); border-bottom: 1px solid var(--surface-strong); text-align: left; vertical-align: top; }
.reliability-folio-dossier th { width: 38%; border-right: 1px solid var(--surface-strong); font-family: Georgia, "Times New Roman", serif; font-size: clamp(18px, 2vw, 28px); font-weight: 500; }

@media (min-width: 900px) {
  body[data-structural-paradigm="folio-issue"] main [data-section]:not([data-section="hero"]) {
    padding-block: clamp(18px, 2vw, 26px);
  }
  body[data-structural-paradigm="folio-issue"] .hero-folio-mast {
    padding: clamp(28px, 3.5vw, 46px);
  }
  body[data-structural-paradigm="folio-issue"] .hero-folio-plate .hero-asset {
    min-height: 400px;
  }
  body[data-structural-paradigm="folio-issue"] :is(
    .feature-folio-spreads .panel,
    .advantage-folio-index > li,
    .criteria-folio-register dt,
    .criteria-folio-register dd,
    .route-folio-index a,
    .editorial-folio-ledger > header,
    .editorial-folio-card,
    .reliability-folio-dossier > header,
    .reliability-folio-dossier th,
    .reliability-folio-dossier td,
    .faq-folio-columns > .faq-item summary,
    .faq-folio-columns > .faq-item .faq-folio-answer
  ) {
    padding: clamp(14px, 1.55vw, 22px);
  }
  body[data-structural-paradigm="folio-issue"] :is(
    .advantage-folio-index,
    .criteria-folio-register,
    .route-folio-index,
    .editorial-folio-ledger,
    .reliability-folio-dossier,
    .faq-folio-columns
  ) :is(h2, h3) {
    line-height: 1.08;
  }
  body[data-structural-paradigm="folio-issue"] .game-folio-entry {
    padding-block: clamp(10px, 1.2vw, 16px);
  }
  body[data-structural-paradigm="folio-issue"] .game-folio-entry__media img {
    min-height: 240px;
  }
}

/* Paradigm-owned semantic geometry: these rules target the actual table/workbook
   and details/folio trees rather than generated class namespaces. */
body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table {
  display: block;
  width: 100%;
  overflow: clip;
}
body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table > tbody {
  display: block;
}
body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table > thead,
body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table > tfoot {
  display: block;
}
body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table > thead > tr,
body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table > tbody > tr {
  display: grid;
  grid-template-columns: minmax(140px, .25fr) minmax(0, .9fr) minmax(260px, .85fr);
}
body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table > tbody > tr > th {
  display: block;
  min-width: 0;
  overflow: hidden;
}
body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table > tbody > tr > td {
  display: grid;
  min-width: 0;
}
body[data-structural-paradigm="command-deck"] [data-section="hero"] table th > dl {
  display: grid;
  align-content: start;
}
body[data-structural-paradigm="command-deck"] [data-section="hero"] table th > dl > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
}
body[data-structural-paradigm="command-deck"] [data-section="hero"] table td > figure {
  display: grid;
  grid-template-rows: 1fr auto;
  overflow: hidden;
}
body[data-structural-paradigm="command-deck"] [data-section="hero"] table td > article {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="command-deck"] [data-section="hero"] table td > article > menu[role="list"] {
  list-style: none;
}
body[data-structural-paradigm="command-deck"] [data-section="hero"] table > tfoot samp {
  display: inline;
}
body[data-structural-paradigm="command-deck"] section[data-section="features"] > dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
body[data-structural-paradigm="command-deck"] section[data-section="features"] > dl > div > dd > progress {
  display: block;
  width: 100%;
}
body[data-structural-paradigm="command-deck"] section[data-section="features"] > dl > div > dd > progress[aria-label] {
  accent-color: var(--accent);
}
body[data-structural-paradigm="command-deck"] main > section[data-section="games"] > table {
  display: block;
  width: 100%;
  overflow-x: auto;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] > table > caption {
  display: table-caption;
  text-align: left;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] > table > tbody {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] > table > thead,
body[data-structural-paradigm="command-deck"] section[data-section="games"] > table > tfoot {
  display: grid;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] > table > thead > tr,
body[data-structural-paradigm="command-deck"] section[data-section="games"] > table > tbody > tr {
  display: grid;
  grid-template-columns: minmax(150px, .42fr) minmax(220px, .78fr) minmax(0, 1fr) minmax(130px, .34fr);
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] > table > tbody > tr > th {
  display: block;
  overflow-wrap: anywhere;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] > table > tbody > tr > td {
  display: block;
  min-width: 0;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] table td > figure {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] table figure > a {
  display: block;
  overflow: hidden;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] table td > details {
  display: block;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] table td > details > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] table details > dl {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] table details > dl > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] table td > meter,
body[data-structural-paradigm="command-deck"] section[data-section="games"] table td > output {
  display: block;
}
body[data-structural-paradigm="command-deck"] section[data-section="games"] table td > output {
  min-width: 0;
}
body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index {
  display: table;
  grid-column: 1 / -1;
  min-width: 0;
  width: 100%;
}
body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > thead > tr,
body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tbody > tr {
  display: table-row;
}
body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tfoot > tr {
  display: table-row;
}
body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > thead > tr > th,
body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tbody > tr > th,
body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tbody > tr > td,
body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tfoot > tr > td {
  display: table-cell;
  vertical-align: top;
}
body[data-structural-paradigm="command-deck"] section[data-section="contact"] fieldset > table {
  display: table;
  width: 100%;
}
body[data-structural-paradigm="command-deck"] section[data-section="contact"] fieldset > table > tbody > tr {
  display: table-row;
}
body[data-structural-paradigm="command-deck"] section[data-section="contact"] fieldset > table > tbody > tr > th,
body[data-structural-paradigm="command-deck"] section[data-section="contact"] fieldset > table > tbody > tr > td {
  display: table-cell;
  vertical-align: top;
}

body[data-structural-paradigm="folio-issue"] main > [data-section="hero"] > details {
  display: block;
  width: 100%;
  overflow: clip;
}
body[data-structural-paradigm="folio-issue"] [data-section="hero"] > details > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
}
body[data-structural-paradigm="folio-issue"] [data-section="hero"] details > hgroup {
  display: grid;
  align-content: end;
}
body[data-structural-paradigm="folio-issue"] [data-section="hero"] details > nav {
  display: block;
}
body[data-structural-paradigm="folio-issue"] [data-section="hero"] details > figure {
  display: grid;
  grid-template-rows: 1fr auto;
  overflow: hidden;
}
body[data-structural-paradigm="folio-issue"] [data-section="hero"] figure > figcaption > blockquote {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}
body[data-structural-paradigm="folio-issue"] section[data-section="features"] > section > details > blockquote {
  display: block;
}
body[data-structural-paradigm="folio-issue"] section[data-section="features"] > section > details > blockquote[role="note"] {
  margin-inline: 0;
}
body[data-structural-paradigm="folio-issue"] section[data-section="features"] > section > details > footer > progress {
  display: block;
  width: 100%;
}
body[data-structural-paradigm="folio-issue"] main > section[data-section="games"] > menu {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="folio-issue"] main > section[data-section="games"] > menu[role="list"] {
  list-style: none;
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] > menu > li {
  display: block;
  overflow: clip;
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] > menu > li > details {
  display: block;
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] menu > li > details > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] menu > li > details > figure {
  display: grid;
  grid-template-columns: minmax(240px, 1.15fr) minmax(0, .85fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] details > figure > figcaption {
  display: grid;
  align-content: center;
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] details > summary > output > meter {
  display: block;
  width: 100%;
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] details > summary > output > sub {
  display: inline;
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] details > figure > figcaption > blockquote {
  display: block;
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] figure > figcaption > footer {
  display: grid;
  grid-template-columns: minmax(80px, .4fr) auto;
  align-items: center;
}
body[data-structural-paradigm="folio-issue"] section[data-section="games"] figure > figcaption > footer > progress {
  display: block;
  width: 100%;
}
body[data-structural-paradigm="folio-issue"] section[data-section="advantages"] > menu {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="folio-issue"] section[data-section="advantages"] > menu > li {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
}
body[data-structural-paradigm="folio-issue"] section[data-section="advantages"] menu > li > hgroup {
  display: grid;
  align-content: start;
}
body[data-structural-paradigm="folio-issue"] section[data-section="criteria"] > dl {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="folio-issue"] section[data-section="criteria"] > dl > div {
  display: grid;
  grid-template-columns: minmax(180px, .62fr) minmax(0, 1.38fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="criteria"] dl > div > dt {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="editorial"] > article {
  display: grid;
  grid-template-columns: minmax(260px, .52fr) minmax(0, 1.48fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="editorial"] > article > ol {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="folio-issue"] section[data-section="editorial"] article > ol > li {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="genre-routes"] > nav > ol {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="folio-issue"] section[data-section="genre-routes"] nav > ol > li > a {
  display: grid;
  grid-template-columns: 54px minmax(180px, .7fr) minmax(0, 1.3fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="reliability"] > aside {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="reliability"] aside > table {
  display: table;
  width: 100%;
}
body[data-structural-paradigm="command-deck"] section[data-section="asset-cues"] > table {
  display: table;
  width: 100%;
}
body[data-structural-paradigm="command-deck"] section[data-section="asset-cues"] > table > tbody > tr {
  display: table-row;
}
body[data-structural-paradigm="command-deck"] section[data-section="library"] > table {
  display: table;
  grid-column: 1 / -1;
  width: 100%;
  table-layout: fixed;
}
body[data-structural-paradigm="command-deck"] section[data-section="library"] > table > tbody > tr > th {
  width: 72px;
}
body[data-structural-paradigm="command-deck"] section[data-section="library"] > table > tbody > tr > td > a {
  display: grid;
  grid-template-columns: minmax(180px, .5fr) minmax(0, 1.5fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="asset-cues"] > aside > ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body[data-structural-paradigm="folio-issue"] section[data-section="asset-cues"] aside > ol > li > figure {
  display: grid;
  grid-template-rows: minmax(180px, 1fr) auto;
  overflow: hidden;
}
body[data-structural-paradigm="folio-issue"] section[data-section="asset-cues"] figure > picture {
  display: block;
  overflow: hidden;
}
body[data-structural-paradigm="folio-issue"] section[data-section="asset-cues"] figure > figcaption {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="library"] > nav {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(220px, .48fr) minmax(0, 1.52fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="library"] nav > ol {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="folio-issue"] section[data-section="library"] nav > ol > li > details {
  display: grid;
  grid-template-rows: auto 1fr auto;
}
body[data-structural-paradigm="folio-issue"] section[data-section="faq"] > menu.faq-folio-columns {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  width: 100%;
}
body[data-structural-paradigm="folio-issue"] section[data-section="faq"] > menu.faq-folio-columns[role="list"] {
  list-style: none;
}
body[data-structural-paradigm="folio-issue"] section[data-section="faq"] menu.faq-folio-columns > li > details > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}
body[data-structural-paradigm="folio-issue"] section[data-section="faq"] menu.faq-folio-columns > li > details > summary dfn {
  display: inline;
}
body[data-structural-paradigm="folio-issue"] section[data-section="faq"] menu.faq-folio-columns > li > details > aside > blockquote {
  display: block;
}
body[data-structural-paradigm="folio-issue"] section[data-section="contact"] > section > aside > details {
  display: block;
}
body[data-structural-paradigm="folio-issue"] section[data-section="contact"] aside > details > form {
  display: grid;
  grid-auto-flow: row;
}
body[data-structural-paradigm="folio-issue"] footer[data-dom-family="folio-colophon"] > details > summary em {
  display: inline;
}
body[data-structural-paradigm="folio-issue"] footer[data-dom-family="folio-colophon"] > details > hr {
  display: block;
  width: 100%;
}
body[data-structural-paradigm="folio-issue"] footer[data-dom-family="folio-colophon"] > details > aside time,
body[data-structural-paradigm="folio-issue"] footer[data-dom-family="folio-colophon"] > details > aside bdi {
  display: inline;
}
body[data-structural-paradigm="command-deck"] footer[data-dom-family="command-colophon"] > table > tfoot hr {
  display: block;
  width: 100%;
}

@media (max-width: 820px) {
  body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table > thead > tr,
  body[data-structural-paradigm="command-deck"] main > [data-section="hero"] > table > tbody > tr,
  body[data-structural-paradigm="command-deck"] section[data-section="features"] > dl > div,
  body[data-structural-paradigm="command-deck"] section[data-section="games"] > table > tbody > tr {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > thead,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tbody,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tfoot,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > thead > tr,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tbody > tr,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tfoot > tr,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > thead > tr > th,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tbody > tr > th,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tbody > tr > td,
  body[data-structural-paradigm="command-deck"] section[data-section="faq"] > table.faq-command-index > tfoot > tr > td {
    display: block;
    width: 100%;
  }
  body[data-structural-paradigm="folio-issue"] [data-section="hero"] > details,
  body[data-structural-paradigm="folio-issue"] section[data-section="games"] menu > li > details > figure,
  body[data-structural-paradigm="folio-issue"] section[data-section="criteria"] > dl > div,
  body[data-structural-paradigm="folio-issue"] section[data-section="editorial"] > article,
  body[data-structural-paradigm="folio-issue"] section[data-section="genre-routes"] nav > ol > li > a,
  body[data-structural-paradigm="folio-issue"] section[data-section="reliability"] > aside {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-structural-paradigm="folio-issue"] section[data-section="asset-cues"] > aside > ol,
  body[data-structural-paradigm="folio-issue"] section[data-section="library"] > nav,
  body[data-structural-paradigm="folio-issue"] section[data-section="faq"] > menu.faq-folio-columns {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-structural-paradigm="command-deck"] section[data-section="library"] > table > tbody > tr > th {
    width: 48px;
  }
  body[data-structural-paradigm="command-deck"] section[data-section="library"] > table > tbody > tr > td > a {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px;
  }
  body[data-structural-paradigm="command-deck"] section[data-section="library"] > table > tbody > tr > td > a strong {
    margin-top: 0;
  }
}

.footer-command-console,
.footer-folio-colophon { grid-column: 1 / -1; min-width: 0; width: 100%; }
.footer-command-console {
  display: block;
  border-collapse: collapse;
  border-block: 1px solid var(--surface-strong);
}
.footer-command-console > caption {
  padding: 10px 14px;
  color: var(--muted);
  font-size: 12px;
  text-align: left;
}
.footer-command-console > :is(thead, tbody, tfoot) { display: grid; width: 100%; }
.footer-command-console > :is(thead, tbody, tfoot) > tr {
  display: grid;
  grid-template-columns: minmax(150px, .38fr) minmax(0, 1.62fr);
  width: 100%;
  border-top: 1px solid var(--surface-strong);
}
.footer-command-console > thead > tr,
.footer-command-console > tfoot > tr { display: block; }
.footer-command-console > thead th {
  display: block;
  padding: clamp(18px, 2.5vw, 30px);
  text-align: left;
}
.footer-command-console > tbody th,
.footer-command-console > tbody td {
  display: block;
  min-width: 0;
  padding: clamp(16px, 2.2vw, 26px);
  text-align: left;
  vertical-align: top;
}
.footer-command-console > tbody th {
  border-right: 1px solid var(--surface-strong);
}
.footer-command-console > tbody th data {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: 11px;
}
.footer-command-console .footer-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-command-console > tfoot td {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 18px;
  padding: clamp(16px, 2.2vw, 26px);
}
.footer-command-console > tfoot hr {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--surface-strong);
}
.footer-command-console > tfoot :is(output, small, time) {
  display: block;
  color: var(--muted);
  font-size: 12px;
}
.footer-folio-colophon {
  display: grid;
  padding: 0;
  border: 0;
  border-block: 4px double var(--surface-strong);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.footer-folio-colophon > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid var(--surface-strong);
  font-family: Georgia, "Times New Roman", serif;
  cursor: pointer;
}
.footer-folio-colophon > summary::marker,
.footer-folio-index details > summary::marker { content: ""; }
.footer-folio-colophon > summary small { font-style: italic; }
.footer-folio-home { padding: 12px 0; border-bottom: 1px solid var(--surface-strong); }
.footer-folio-colophon > hr {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 4px double var(--surface-strong);
}
.footer-folio-index {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-folio-index > li { min-width: 0; border-right: 1px solid var(--surface-strong); }
.footer-folio-index > li:last-child { border-right: 0; }
.footer-folio-index details {
  height: 100%;
  padding: clamp(20px, 3vw, 38px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.footer-folio-index details > summary { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; cursor: pointer; }
.footer-folio-index nav { display: grid; gap: 9px; margin-top: 18px; }
.footer-folio-index nav a { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 8px; text-decoration: none; }
.footer-folio-index data { color: var(--accent); font-size: 10px; }
.footer-folio-colophon > .footer-folio-meta {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(180px, .4fr);
  gap: 24px;
  align-items: start;
  padding: 20px 0;
  border-top: 1px solid var(--surface-strong);
  font-style: normal;
}
.footer-folio-colophon > .footer-folio-meta :is(p, strong) { margin: 0; font-style: normal; }
.footer-folio-colophon > summary em { font-weight: 400; }
.footer-folio-colophon > .footer-folio-meta :is(time, bdi) { color: var(--muted); }

@media (max-width: 1120px) {
  body[data-structural-paradigm] :is(.command-navigation, .folio-navigation) { display: none; }
  body[data-structural-paradigm] .site-header { grid-template-columns: minmax(0, 1fr) auto; }
}

@media (max-width: 820px) {
  body[data-structural-paradigm="command-deck"] .site-header--command,
  body[data-structural-paradigm="folio-issue"] .site-header--folio {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 8px 12px;
  }
  .command-brand-console,
  .folio-masthead { grid-column: 1; grid-row: 1; padding: 0; border: 0; overflow: hidden; }
  .command-brand-console__status,
  .folio-masthead__line { display: none; }
  body[data-structural-paradigm] .site-header .mobile-menu { grid-column: 2; grid-row: 1; }
  body[data-design-grammar][data-structural-paradigm="command-deck"]
    main [data-section].hero-dom--command-deck {
    display: block;
  }
  body[data-design-grammar][data-structural-paradigm="command-deck"]
    main [data-section].hero-dom--command-deck
    .hero-command-matrix > :is(thead, tbody) > tr {
    grid-template-columns: minmax(0, 1fr);
  }
  .hero-command-matrix > colgroup {
    display: none;
  }
  .hero-command-matrix > thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .hero-command-matrix .hero-command-register { display: none; }
  .hero-command-brief .hero-copy,
  .hero-command-brief__body { padding: 24px 20px; }
  .hero-command-matrix .hero-command-visual {
    border: 0;
    border-top: 1px solid var(--surface-strong);
  }
  .hero-command-visual .hero-asset { min-height: 0; max-height: 420px; aspect-ratio: 16 / 11; }
  .hero-dom--folio-cover {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "folio-mast" "folio-plate" "folio-foot";
  }
  .hero-folio-mast { padding: 34px 20px; border-right: 0; }
  .hero-folio-deck { grid-template-columns: minmax(0, 1fr); }
  .hero-folio-plate .hero-asset { min-height: 0; max-height: 460px; aspect-ratio: 4 / 3; }
  .hero-folio-footer { padding: 14px 20px; border-right: 0; }
  .feature-command-board { grid-template-columns: minmax(0, 1fr); }
  .feature-command-board .panel { grid-template-columns: minmax(0, 1fr); }
  .feature-command-board .panel dt { border-right: 0; border-bottom: 1px solid var(--surface-strong); }
  .feature-folio-spreads { grid-template-columns: minmax(0, 1fr); }
  .feature-folio-spreads .panel[data-item-parity] { border-right: 0; }
  .game-command-console { grid-template-columns: minmax(0, 1fr); }
  .game-command-index { position: static; top: auto; }
  .game-command-index ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .game-command-entry,
  .game-folio-entry,
  .game-folio-entry:nth-child(even) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "game-command-head" "game-command-figure" "game-command-copy" "game-command-foot";
  }
  .game-folio-entry { padding-block: 10px; }
  .game-folio-entry,
  .game-folio-entry:nth-child(even) {
    grid-template-areas: "game-folio-head" "game-folio-figure" "game-folio-copy" "game-folio-aside" "game-folio-foot";
  }
  .game-command-entry > figure { border-left: 0; border-block: 1px solid var(--surface-strong); }
  .game-folio-entry__media > .game-media-link img {
    height: auto;
    min-height: 0;
    max-height: 240px;
    aspect-ratio: 16 / 9;
  }
  .game-folio-copy { gap: 14px; padding: 18px; }
  .game-folio-copy > blockquote q {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .game-folio-copy .game-points li {
    display: -webkit-box;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .footer-command-console > tbody > tr { grid-template-columns: minmax(0, 1fr); }
  .footer-command-console > tbody th { border-right: 0; border-bottom: 1px solid var(--surface-strong); }
  .footer-command-console > tfoot td { grid-template-columns: minmax(0, 1fr); }
  .footer-folio-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-folio-colophon > .footer-folio-meta { grid-template-columns: minmax(0, 1fr); }
  .contact-command-layout,
  .contact-folio-letter { grid-template-columns: minmax(0, 1fr); }
  .contact-command-layout > header,
  .contact-folio-letter > .contact-folio-form { border-right: 0; border-left: 0; border-bottom: 1px solid var(--surface-strong); }
  .faq-command-index,
  .faq-command-index :is(tbody, tr, th, td) { display: block; width: 100%; }
  .faq-command-index :is(th, td) { padding: 12px; }
  .faq-command-index th { border-right: 0; }
  .faq-folio-columns { grid-template-columns: minmax(0, 1fr); }
  .faq-folio-columns > .faq-item { border-right: 0; }
  .contact-command-fields table,
  .contact-command-fields :is(tbody, tfoot, tr, th, td) { display: block; width: 100%; }
  .contact-command-fields th { padding-right: 0; }
  .contact-command-fields td { padding-left: 0; border-left: 0; }
  .contact-command-fields,
  .contact-command-fields :is(table, tbody, tfoot, tr, th, td, input, textarea) {
    min-width: 0;
    max-width: 100%;
  }
  .contact-command-fields :is(input, textarea) {
    width: 100%;
    box-sizing: border-box;
  }
  body[data-structural-paradigm="command-deck"]
    section[data-section="contact"] .contact-command-fields > table,
  body[data-structural-paradigm="command-deck"]
    section[data-section="contact"] .contact-command-fields > table > :is(tbody, tfoot),
  body[data-structural-paradigm="command-deck"]
    section[data-section="contact"] .contact-command-fields > table > :is(tbody, tfoot) > tr,
  body[data-structural-paradigm="command-deck"]
    section[data-section="contact"] .contact-command-fields > table > :is(tbody, tfoot) > tr > :is(th, td) {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  body[data-structural-paradigm="command-deck"]
    section[data-section="contact"] .contact-command-fields > table {
    table-layout: auto;
  }
  body[data-structural-paradigm="command-deck"]
    section[data-section="contact"] .contact-command-fields > table > colgroup {
    display: none;
  }
  .contact-folio-letter > .contact-folio-form { padding: 20px; }
  .contact-folio-fields fieldset { padding: 14px; }
  .contact-folio-fields :is(input, textarea) { width: 100%; min-width: 0; }
  .advantage-folio-index > li,
  .criteria-folio-register > div,
  .route-folio-index a,
  .editorial-folio-ledger,
  .reliability-folio-dossier { grid-template-columns: minmax(0, 1fr); }
  .criteria-folio-register dt,
  .editorial-folio-ledger > header,
  .reliability-folio-dossier > header { border-right: 0; border-bottom: 1px solid var(--surface-strong); }
  .hero-command-matrix > tbody > tr { grid-template-columns: minmax(0, 1fr); }
  .hero-command-matrix .hero-command-register { display: none; }
  .hero-command-matrix .hero-command-visual {
    border-left: 0;
    border-top: 1px solid var(--surface-strong);
  }
  .hero-command-brief { padding: 34px 20px; }
  .hero-folio-sheet__body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "folio-mast" "folio-actions" "folio-plate" "folio-foot";
  }
  .hero-folio-actions { padding: 0 20px 28px; border-right: 0; }
  .game-command-entry {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: none;
  }
  .game-command-console > thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .game-command-entry > :is(th, td) {
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--surface-strong);
  }
  .game-command-entry > :last-child { border-bottom: 0; }
  .game-command-entry__media img {
    max-height: 220px;
    aspect-ratio: 16 / 9;
  }
  .game-command-entry__media figcaption,
  .game-command-entry__copy > details > summary span,
  .game-command-entry__copy .game-points li {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
  .game-command-entry__media figcaption,
  .game-command-entry__copy > details > summary span { -webkit-line-clamp: 3; }
  .game-command-entry__copy .game-points { font-size: 14px; line-height: 1.45; }
  .game-command-entry__copy .game-points li { -webkit-line-clamp: 2; }
  .game-command-entry__action { gap: 10px; }
  .game-folio-entry__media,
  .game-folio-entry:nth-child(even) .game-folio-entry__media {
    grid-template-columns: minmax(0, 1fr);
  }
  .game-folio-entry:nth-child(even) .game-folio-entry__media > .game-media-link { order: initial; }
  .game-folio-volume--long .game-folio-entry { padding-block: 6px; }
  .game-folio-volume--long .game-folio-entry__heading {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "folio-index folio-score" "folio-title folio-title";
    gap: 8px 12px;
    padding: 12px;
  }
  .game-folio-volume--long .game-folio-entry__heading > data { grid-area: folio-index; }
  .game-folio-volume--long .game-folio-entry__heading > strong {
    grid-area: folio-title;
    margin: 0;
    font-size: clamp(25px, 8.5vw, 30px);
    line-height: 1;
  }
  .game-folio-volume--long .game-folio-entry__heading > output { grid-area: folio-score; }
  .game-folio-volume--long .game-folio-entry__media figcaption {
    gap: 12px;
    padding: 16px;
  }
  .game-folio-volume--long .game-folio-entry__media > .game-media-link img {
    max-height: none;
    aspect-ratio: 3 / 1;
  }
  .game-folio-volume--long .game-folio-entry__media .game-points {
    gap: 4px;
    line-height: 1.4;
  }
  .game-folio-volume--long .game-folio-copy > blockquote q {
    display: inline;
    overflow: visible;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
  }
  .game-folio-volume--long .game-folio-copy .game-points li {
    display: list-item;
    overflow: visible;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
  }
  .game-folio-volume--long .game-folio-entry__link {
    gap: 10px;
    padding: 10px 0 0;
  }
}

@media (max-width: 420px) {
  .hero-command-brief h1,
  .hero-folio-mast h1 { font-size: clamp(36px, 12vw, 50px); overflow-wrap: break-word; }
  .game-command-index ol,
  .footer-folio-index { grid-template-columns: minmax(0, 1fr); }
  .feature-command-board .panel > dd { grid-template-columns: minmax(0, 1fr); }
  .game-command-entry__action { align-items: stretch; }
  .game-folio-entry__link { grid-template-columns: minmax(0, 1fr); }
}

/* Reservation-owned typography remains the final desktop scale authority.
   Mobile architecture rules stay free to apply their compact safety bounds. */
@media (min-width: 701px) {
  body[data-type-scale] .hero:not([class*="hero-morph-shell--"]) h1 { font-size: var(--type-h1); }
  body[data-type-scale] .hero:not([class*="hero-morph-shell--"])[data-dom-family="campaign-ledger-banner"] h1 {
    font-size: clamp(42px, 4.8vw, 72px) !important;
  }
  body[data-type-scale] .hero:not([class*="hero-morph-shell--"])[data-dom-family="cinema-reel-marquee"] h1 {
    font-size: clamp(42px, 4.8vw, 72px) !important;
  }
  body[data-type-scale] .hero:not([class*="hero-morph-shell--"])[data-dom-family="studio-mosaic-intro"] h1 {
    font-size: clamp(42px, 4.2vw, 60px) !important;
  }
  body[data-structural-paradigm="command-deck"] .hero-command-brief h1,
  body[data-structural-paradigm="folio-issue"] .hero-folio-mast h1 {
    font-size: clamp(44px, 3.8vw, 58px) !important;
  }
  body[data-type-scale] :is(.section-heading, .content-section-heading) h2 {
    font-size: var(--type-h2);
  }
  body[data-type-scale] [data-section="games"] h3 {
    font-size: var(--type-h3);
  }
}

/* Source profiles may wrap V3 secondary pages in their own multi-track
   shells. Those shells are decorative on a detail route: preserving them can
   trap a full prose page in a narrow rail or leave a fixed-width child outside
   a 320px viewport. Secondary-page geometry is renderer-owned. */
main.sr3-content-page {
  box-sizing: border-box;
  width: min(1060px, calc(100% - 24px));
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
  overflow-x: clip;
}
main.sr3-content-page > :is(.layout-shell, .layout-track),
main.sr3-content-page > .layout-shell > .layout-track {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}
main.sr3-content-page :is(h1, h2, h3, p, a, li) {
  min-width: 0;
  overflow-wrap: anywhere;
}
main.sr3-content-page .content-section-card h2,
main.sr3-content-page .sr3-prose-block h2 {
  max-width: none;
  font-size: clamp(1.35rem, 2.5vw, 2.25rem);
  line-height: 1.12;
}
main.sr3-content-page[data-realism-archetype="not-found"] .sr3-route-recovery ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: .65rem;
  min-width: 0;
  padding: 0;
  list-style: none;
}

/* A semantic hero must retain a readable copy column even when a selected
   source/structure variant brings an oversized display scale. */
body[data-site-realism] .hero h1 {
  max-width: min(100%, 18ch);
  line-height: 1;
  overflow-wrap: anywhere;
}
@media (max-width: 700px) {
  body[data-site-realism] .hero h1 {
    max-width: none;
    font-size: clamp(2rem, 10vw, 3rem);
  }
}

/* Material topology integration shells.  Each selector follows a renderer-owned tree. */
body[data-structural-paradigm="atlas-fieldbook"] .hero,
body[data-structural-paradigm="signal-docket"] .hero,
body[data-structural-paradigm="campaign-ledger"] .hero,
body[data-structural-paradigm="quest-atlas"] .hero,
body[data-structural-paradigm="cinema-reel"] .hero,
body[data-structural-paradigm="studio-mosaic"] .hero,
body[data-structural-paradigm="comparison-brief"] .hero,
body[data-structural-paradigm="rookie-notebook"] .hero,
body[data-structural-paradigm="editorial-wire"] .hero,
body[data-structural-paradigm="portal-beacon"] .hero {
  width: min(1320px, calc(100% - 48px)); margin: 30px auto 0; color: var(--text);
}
.hero-dom--atlas-fieldbook-cover, .hero-dom--signal-docket-head, .hero-dom--campaign-ledger-banner,
.hero-dom--quest-atlas-banner, .hero-dom--cinema-reel-marquee, .hero-dom--studio-mosaic-intro,
.hero-dom--comparison-brief-header, .hero-dom--rookie-notebook-cover, .hero-dom--editorial-wire-masthead,
.hero-dom--portal-beacon-header { position: relative; }
.hero-dom--quest-atlas-banner.hero-with-asset { display: block; }
body.site-page[data-structural-paradigm] .hero-dom--atlas-fieldbook-cover,
body.site-page[data-structural-paradigm] .hero-dom--campaign-ledger-banner,
body.site-page[data-structural-paradigm] .hero-dom--cinema-reel-marquee,
body.site-page[data-structural-paradigm] .hero-dom--studio-mosaic-intro,
body.site-page[data-structural-paradigm] .hero-dom--portal-beacon-header {
  display: grid;
  align-items: stretch;
  gap: clamp(18px, 3vw, 48px);
}
body.site-page[data-structural-paradigm] .hero-dom--atlas-fieldbook-cover {
  grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
}
body.site-page[data-structural-paradigm] .hero-dom--campaign-ledger-banner {
  grid-template-columns: 112px minmax(0, 1fr) minmax(260px, .8fr);
  min-height: min(640px, calc(100svh - 120px));
  padding-block: clamp(32px, 5vw, 64px);
}
body.site-page[data-structural-paradigm] .hero-dom--cinema-reel-marquee {
  grid-template-columns: minmax(280px, 1.1fr) minmax(0, .9fr);
}
body.site-page[data-structural-paradigm] .hero-dom--studio-mosaic-intro {
  grid-template-columns: 70px minmax(0, 1fr) minmax(260px, .75fr);
}
body.site-page[data-structural-paradigm] .hero-dom--portal-beacon-header {
  grid-template-columns: 100px minmax(0, 1fr) minmax(240px, .8fr);
}
.atlas-fieldbook-cover__plate, .campaign-ledger-banner__art, .cinema-reel-marquee__screen,
.studio-mosaic-intro__visual, .portal-beacon-header__window { margin: 0; min-width: 0; overflow: hidden; border: 1px solid var(--surface-strong); background: var(--bg-2); }
.atlas-fieldbook-cover__plate img, .campaign-ledger-banner__art img, .cinema-reel-marquee__screen img,
.studio-mosaic-intro__visual img, .portal-beacon-header__window img { display: block; width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.atlas-fieldbook-cover__plate figcaption, .campaign-ledger-banner__art figcaption, .cinema-reel-marquee__screen figcaption { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; font-size: 13px; }
.atlas-fieldbook-cover__brief, .campaign-ledger-banner__copy, .cinema-reel-marquee__titles,
.studio-mosaic-intro__copy, .portal-beacon-header__body { min-width: 0; align-self: center; }
.atlas-fieldbook-cover__brief h1, .campaign-ledger-banner__copy h1, .cinema-reel-marquee__titles h1,
.studio-mosaic-intro__copy h1, .portal-beacon-header__body h1 { margin: 8px 0 16px; max-width: 13ch; font-size: clamp(42px, 5.2vw, 78px); line-height: .96; overflow-wrap: normal; }
.atlas-fieldbook-cover__brief .lead, .campaign-ledger-banner__copy .lead, .cinema-reel-marquee__titles .lead,
.studio-mosaic-intro__copy .lead, .portal-beacon-header__body .lead { max-width: 58ch; }
.atlas-fieldbook-cover__brief dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 24px 0; }
.atlas-fieldbook-cover__brief dl div { padding: 10px 0; border-top: 1px solid var(--surface-strong); }
.atlas-fieldbook-cover__brief dt { color: var(--muted); font-size: 12px; text-transform: uppercase; }
.atlas-fieldbook-cover__brief dd { margin: 4px 0 0; font-weight: 700; }
body.site-page[data-structural-paradigm] .hero-dom--signal-docket-head { display: grid; grid-template-columns: 130px minmax(0, 1fr) minmax(260px, .75fr); gap: 24px; padding: clamp(22px, 4vw, 60px); border-block: 1px solid var(--surface-strong); }
.signal-docket-head__register { margin: 0; border-left: 1px solid var(--surface-strong); }
.signal-docket-head__register div { padding: 12px; border-bottom: 1px solid var(--surface-strong); }
.signal-docket-head__register dt { color: var(--accent); font-weight: 900; }.signal-docket-head__register dd { margin: 4px 0 0; font-size: 12px; }
.signal-docket-head__message h1 { margin: 8px 0 16px; max-width: 13ch; font-size: clamp(42px, 5.4vw, 82px); line-height: .94; overflow-wrap: normal; }
.signal-docket-head__signal { min-height: 330px; overflow: hidden; border: 1px solid var(--surface-strong); }.signal-docket-head__signal img { width: 100%; height: 100%; object-fit: cover; }
.campaign-ledger-banner__progress { display: grid; align-content: center; gap: 20px; margin: 0; padding: 0; list-style: none; border-right: 1px solid var(--surface-strong); }.campaign-ledger-banner__progress li { display: grid; gap: 4px; }.campaign-ledger-banner__progress data { color: var(--accent); font-weight: 900; }
body.site-page[data-structural-paradigm] .hero-dom--quest-atlas-banner { width: min(1240px, calc(100% - 48px)); margin: 30px auto 0; padding: clamp(20px, 4vw, 56px); border: 1px solid var(--surface-strong); }.quest-atlas-banner__trail { display: flex; justify-content: space-between; gap: 20px; font-size: 13px; }.quest-atlas-banner__trail p { margin: 0; font-weight: 800; }.quest-atlas-banner__trail ol { display: flex; gap: 14px; margin: 0; padding: 0; list-style: none; color: var(--muted); }.quest-atlas-banner__route { margin-top: 34px; }.quest-atlas-banner__route > summary { cursor: pointer; display: flex; gap: 12px; align-items: center; color: var(--accent); }.quest-atlas-banner__route > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); gap: 40px; padding-top: 24px; }.quest-atlas-banner__route h1 { margin: 0 0 16px; max-width: 14ch; font-size: clamp(42px, 5.4vw, 80px); line-height: .95; overflow-wrap: normal; }.quest-atlas-banner__route figure { margin: 0; }.quest-atlas-banner__route img { display: block; width: 100%; min-height: 350px; object-fit: cover; }.quest-atlas-banner__route figcaption { padding-top: 10px; color: var(--muted); }
.cinema-reel-marquee__titles { padding: 32px 0; }.cinema-reel-marquee__titles small { display: block; margin-top: 24px; color: var(--muted); }.studio-mosaic-intro__tiles { display: grid; grid-template-rows: repeat(3, 1fr); gap: 10px; }.studio-mosaic-intro__tiles i { display: block; min-height: 86px; background: var(--accent); }.studio-mosaic-intro__tiles i:nth-child(2) { background: var(--surface-strong); }.studio-mosaic-intro__visual p { margin: 0; padding: 12px; font-size: 13px; }.portal-beacon-header__beacon { display: grid; align-content: center; gap: 12px; text-align: center; border-right: 1px solid var(--surface-strong); }.portal-beacon-header__beacon span, .portal-beacon-footer__signal > span { display: block; width: 28px; aspect-ratio: 1; margin: 0 auto; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 10px var(--accent-soft); }.portal-beacon-header__beacon p { margin: 0; font-size: 12px; writing-mode: vertical-rl; justify-self: center; }.portal-beacon-header__beacon data { color: var(--muted); }
body.site-page[data-structural-paradigm] .hero-dom--comparison-brief-header { width: min(1240px, calc(100% - 48px)); margin: 30px auto 0; }
body.site-page[data-structural-paradigm="comparison-brief"] .hero-dom--comparison-brief-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  overflow-x: visible;
}
body.site-page[data-structural-paradigm="comparison-brief"] .hero-dom--comparison-brief-header > .material-morph-hero {
  margin-inline: 0;
}
.comparison-brief-header__sheet { width: 100%; border-collapse: collapse; border: 1px solid var(--surface-strong); }.comparison-brief-header__sheet :is(th, td) { padding: clamp(18px, 3vw, 42px); text-align: left; vertical-align: top; border: 1px solid var(--surface-strong); }.comparison-brief-header__sheet caption { padding: 10px; text-align: left; color: var(--muted); }.comparison-brief-header__sheet h1 { margin: 0 0 16px; max-width: 14ch; font-size: clamp(42px, 5.4vw, 80px); line-height: .95; overflow-wrap: normal; }.comparison-brief-header__sheet figure { margin: 0; }.comparison-brief-header__sheet img { display: block; width: 100%; min-height: 300px; object-fit: cover; }
body.site-page[data-structural-paradigm] .hero-dom--rookie-notebook-cover { width: min(1120px, calc(100% - 48px)); margin: 30px auto 0; }.rookie-notebook-cover__page { padding: clamp(20px, 4vw, 56px); border: 1px solid var(--surface-strong); background: var(--bg-2); }.rookie-notebook-cover__page > summary { display: flex; justify-content: space-between; cursor: pointer; color: var(--muted); }.rookie-notebook-cover__page > article { display: inline-block; width: min(100%, 680px); padding-top: 36px; vertical-align: middle; }.rookie-notebook-cover__page h1 { margin: 8px 0 16px; max-width: 13ch; font-size: clamp(42px, 5.4vw, 80px); line-height: .95; overflow-wrap: normal; }.rookie-notebook-cover__page figure { display: inline-block; width: min(100%, 360px); margin: 36px 0 0 6%; vertical-align: middle; }.rookie-notebook-cover__page img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }.rookie-notebook-cover__page figcaption { padding-top: 10px; color: var(--muted); }
body.site-page[data-structural-paradigm] .hero-dom--editorial-wire-masthead { width: min(1200px, calc(100% - 48px)); margin: 30px auto 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); gap: 24px; padding-top: 14px; border-top: 4px solid var(--text); }.editorial-wire-masthead__head { grid-column: 1 / -1; display: flex; justify-content: space-between; font-size: 13px; border-bottom: 1px solid var(--surface-strong); }.editorial-wire-masthead__head p { margin: 0 0 10px; font-weight: 900; }.editorial-wire-masthead__lead { margin: 0; }body.site-page[data-structural-paradigm] #play-now[data-dom-family="editorial-wire-masthead"] h1 { margin: 8px 0 16px; max-width: 13ch; font-size: clamp(42px, 5vw, 72px); line-height: .92; overflow-wrap: normal; }.editorial-wire-masthead__lead p:not(.eyebrow) { max-width: 55ch; font-size: 18px; line-height: 1.55; }.editorial-wire-masthead__lead cite { color: var(--muted); }.editorial-wire-masthead__image { margin: 0; grid-row: 2 / span 2; grid-column: 2; }.editorial-wire-masthead__image img { display: block; width: 100%; min-height: 380px; object-fit: cover; }.editorial-wire-masthead__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; }
.hero :is(.hero-actions) { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }.hero .hero-actions li { list-style: none; }.hero-dom--atlas-fieldbook-cover .hero-actions, .hero-dom--comparison-brief-header .hero-actions, .hero-dom--portal-beacon-header .hero-actions, .hero-dom--studio-mosaic-intro .hero-actions { margin-bottom: 0; }
/* Footer shells intentionally use bounded real link groups rather than decorative controls. */
body[data-structural-paradigm] .footer-dom--atlas-fieldbook-imprint, body[data-structural-paradigm] .footer-dom--signal-docket-relay, body[data-structural-paradigm] .footer-dom--campaign-ledger-closing, body[data-structural-paradigm] .footer-dom--quest-atlas-signoff, body[data-structural-paradigm] .footer-dom--cinema-reel-credits, body[data-structural-paradigm] .footer-dom--studio-mosaic-plinth, body[data-structural-paradigm] .footer-dom--comparison-brief-utility, body[data-structural-paradigm] .footer-dom--rookie-notebook-tab, body[data-structural-paradigm] .footer-dom--editorial-wire-colophon, body[data-structural-paradigm] .footer-dom--portal-beacon-footer { width: min(1320px, calc(100% - 48px)); margin: 64px auto 0; padding: clamp(24px, 4vw, 54px) 0; border-top: 1px solid var(--surface-strong); }
.atlas-fieldbook-imprint__identity, .cinema-reel-credits__title { display: flex; justify-content: space-between; gap: 20px; align-items: baseline; }.atlas-fieldbook-imprint__identity p, .cinema-reel-credits__title p { margin: 0; color: var(--muted); }.atlas-fieldbook-imprint__index > ol, .campaign-ledger-closing__chapters, .cinema-reel-credits__roll, .portal-beacon-footer__board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 30px 0; padding: 0; list-style: none; }.atlas-fieldbook-imprint__index li, .campaign-ledger-closing__chapters li, .cinema-reel-credits__roll li, .portal-beacon-footer__board li { min-width: 0; }.atlas-fieldbook-imprint__index ul { padding: 0; list-style: none; }.atlas-fieldbook-imprint__index strong, .cinema-reel-credits__roll strong, .portal-beacon-footer__board strong { display: block; margin-bottom: 10px; }.atlas-fieldbook-imprint__index a, .campaign-ledger-closing__chapters a, .cinema-reel-credits__roll a, .portal-beacon-footer__board a, .signal-docket-relay__channels a, .quest-atlas-signoff__ledger a, .studio-mosaic-plinth__tiles a, .comparison-brief-utility__table a, .rookie-notebook-tab__tabs a, .editorial-wire-colophon__edition a { display: block; width: fit-content; margin: 7px 0; color: var(--muted); text-decoration: none; }.atlas-fieldbook-imprint__index a:hover, .campaign-ledger-closing__chapters a:hover, .cinema-reel-credits__roll a:hover, .portal-beacon-footer__board a:hover, .signal-docket-relay__channels a:hover, .quest-atlas-signoff__ledger a:hover, .studio-mosaic-plinth__tiles a:hover, .comparison-brief-utility__table a:hover, .rookie-notebook-tab__tabs a:hover, .editorial-wire-colophon__edition a:hover { color: var(--accent); text-decoration: underline; }.atlas-fieldbook-imprint__meta, .signal-docket-relay__status, .portal-beacon-footer__meta { display: flex; flex-wrap: wrap; gap: 12px 20px; padding-top: 18px; border-top: 1px solid var(--surface-strong); color: var(--muted); }.signal-docket-relay__channels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 32px; margin: 0; }.signal-docket-relay__channels div { display: grid; grid-template-columns: 110px minmax(0, 1fr); padding: 14px 0; border-top: 1px solid var(--surface-strong); }.signal-docket-relay__channels dt { font-weight: 800; }.signal-docket-relay__channels data { color: var(--accent); margin-right: 8px; }.signal-docket-relay__status { margin-top: 28px; }.campaign-ledger-closing__summary { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; }.campaign-ledger-closing__summary p { margin: 0; color: var(--muted); }.campaign-ledger-closing__chapters li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; }.campaign-ledger-closing__chapters data { color: var(--accent); font-weight: 900; }.campaign-ledger-closing__note, .cinema-reel-credits__legal, .studio-mosaic-plinth__caption { display: block; margin: 0; color: var(--muted); }.quest-atlas-signoff__ledger { padding: 22px; border: 1px solid var(--surface-strong); }.quest-atlas-signoff__ledger > summary { display: flex; justify-content: space-between; cursor: pointer; }.quest-atlas-signoff__ledger > div, .studio-mosaic-plinth__tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 24px 0; }.quest-atlas-signoff__ledger address { padding-top: 18px; border-top: 1px solid var(--surface-strong); color: var(--muted); }.studio-mosaic-plinth__mark { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin: 0; }.studio-mosaic-plinth__mark figcaption { color: var(--muted); }.comparison-brief-utility__table { width: 100%; border-collapse: collapse; }.comparison-brief-utility__table :is(th, td) { padding: 16px; text-align: left; vertical-align: top; border: 1px solid var(--surface-strong); }.comparison-brief-utility__table caption { padding: 0 0 14px; text-align: left; color: var(--muted); }.comparison-brief-utility__table a { margin: 0 0 8px; }.rookie-notebook-tab__tabs > ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 0; list-style: none; }.rookie-notebook-tab__tabs details summary { cursor: pointer; font-weight: 800; }.rookie-notebook-tab__tabs details div { padding-top: 8px; }.rookie-notebook-tab__margin { display: flex; justify-content: space-between; gap: 20px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--surface-strong); color: var(--muted); }.rookie-notebook-tab__margin p { margin: 0; }.editorial-wire-colophon__edition { border-top: 4px solid var(--text); }.editorial-wire-colophon__identity, .editorial-wire-colophon__legal { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; }.editorial-wire-colophon__identity p { margin: 0; color: var(--muted); }.editorial-wire-colophon__edition ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 20px 0; list-style: none; border-block: 1px solid var(--surface-strong); }.editorial-wire-colophon__legal { margin: 0; color: var(--muted); }.portal-beacon-footer__signal { display: flex; align-items: center; gap: 16px; }.portal-beacon-footer__signal > span { margin: 0; }.portal-beacon-footer__signal p { margin: 0; color: var(--muted); }
@media (max-width: 700px) {
  body[data-structural-paradigm] .hero, body[data-structural-paradigm] :is(.footer-dom--atlas-fieldbook-imprint, .footer-dom--signal-docket-relay, .footer-dom--campaign-ledger-closing, .footer-dom--quest-atlas-signoff, .footer-dom--cinema-reel-credits, .footer-dom--studio-mosaic-plinth, .footer-dom--comparison-brief-utility, .footer-dom--rookie-notebook-tab, .footer-dom--editorial-wire-colophon, .footer-dom--portal-beacon-footer) { width: calc(100% - 28px); }
  .hero-dom--atlas-fieldbook-cover, body[data-structural-paradigm="campaign-ledger"] .hero-dom--campaign-ledger-banner, .hero-dom--cinema-reel-marquee, .hero-dom--studio-mosaic-intro, .hero-dom--portal-beacon-header, .hero-dom--signal-docket-head, .quest-atlas-banner__route > div, .hero-dom--editorial-wire-masthead { grid-template-columns: minmax(0, 1fr); }
  body[data-structural-paradigm="campaign-ledger"] .hero-dom--campaign-ledger-banner {
    min-height: 0;
    padding-block: 44px 50px;
  }
  .atlas-fieldbook-cover__plate, .campaign-ledger-banner__art, .cinema-reel-marquee__screen, .studio-mosaic-intro__visual, .portal-beacon-header__window { order: 2; }.atlas-fieldbook-cover__brief, .campaign-ledger-banner__copy, .cinema-reel-marquee__titles, .studio-mosaic-intro__copy, .portal-beacon-header__body { order: 1; }.atlas-fieldbook-cover__plate img, .campaign-ledger-banner__art img, .cinema-reel-marquee__screen img, .studio-mosaic-intro__visual img, .portal-beacon-header__window img { min-height: 220px; aspect-ratio: 16 / 10; }
  .campaign-ledger-banner__progress, .portal-beacon-header__beacon { display: flex; border: 0; gap: 14px; }.portal-beacon-header__beacon p { writing-mode: initial; }.studio-mosaic-intro__tiles { display: flex; }.studio-mosaic-intro__tiles i { min-height: 10px; flex: 1; }.signal-docket-head__register { display: flex; border: 0; }.signal-docket-head__register div { flex: 1; border-top: 1px solid var(--surface-strong); }.signal-docket-head__signal { min-height: 220px; }.hero-dom--quest-atlas-banner { width: calc(100% - 28px); }.quest-atlas-banner__trail { display: block; }.quest-atlas-banner__trail ol { margin-top: 10px; flex-wrap: wrap; }.hero-dom--comparison-brief-header { width: calc(100% - 28px); }.comparison-brief-header__sheet { display: block; min-width: 0; }.comparison-brief-header__sheet :is(caption, thead, tbody, tr, th, td) { display: block; width: 100%; box-sizing: border-box; }.comparison-brief-header__sheet :is(th, td) { padding: 14px; }.comparison-brief-header__sheet .lead { margin-block: 14px; font-size: 17px; line-height: 1.6; }.comparison-brief-header__sheet img { min-height: 0; max-height: 240px; aspect-ratio: 16 / 9; object-fit: cover; }.hero-dom--rookie-notebook-cover { width: calc(100% - 28px); }.rookie-notebook-cover__page figure { display: block; width: 100%; margin: 28px 0 0; }.editorial-wire-masthead__image { grid-row: auto; grid-column: auto; order: 2; }.editorial-wire-masthead__actions { order: 3; }
  .atlas-fieldbook-imprint__index > ol, .campaign-ledger-closing__chapters, .cinema-reel-credits__roll, .portal-beacon-footer__board, .quest-atlas-signoff__ledger > div, .studio-mosaic-plinth__tiles, .rookie-notebook-tab__tabs > ul, .editorial-wire-colophon__edition ol { grid-template-columns: minmax(0, 1fr); }.signal-docket-relay__channels { grid-template-columns: minmax(0, 1fr); }.atlas-fieldbook-imprint__identity, .cinema-reel-credits__title, .campaign-ledger-closing__summary, .studio-mosaic-plinth__mark, .rookie-notebook-tab__margin, .editorial-wire-colophon__identity, .editorial-wire-colophon__legal { align-items: flex-start; flex-direction: column; }.comparison-brief-utility__table { min-width: 560px; }.footer-dom--comparison-brief-utility { overflow-x: auto; }
}
@media (max-width: 390px) { .atlas-fieldbook-cover__brief h1, .campaign-ledger-banner__copy h1, .cinema-reel-marquee__titles h1, .studio-mosaic-intro__copy h1, .portal-beacon-header__body h1, .signal-docket-head__message h1, .quest-atlas-banner__route h1, .comparison-brief-header__sheet h1, .rookie-notebook-cover__page h1, .editorial-wire-masthead__lead h1 { font-size: clamp(36px, 11vw, 48px); } .atlas-fieldbook-cover__brief dl { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 320px) { body[data-structural-paradigm] .hero, body[data-structural-paradigm] :is(.footer-dom--atlas-fieldbook-imprint, .footer-dom--signal-docket-relay, .footer-dom--campaign-ledger-closing, .footer-dom--quest-atlas-signoff, .footer-dom--cinema-reel-credits, .footer-dom--studio-mosaic-plinth, .footer-dom--comparison-brief-utility, .footer-dom--rookie-notebook-tab, .footer-dom--editorial-wire-colophon, .footer-dom--portal-beacon-footer) { width: calc(100% - 22px); } .hero-dom--quest-atlas-banner { width: calc(100% - 22px); padding: 18px; } .hero .hero-actions { align-items: stretch; }.hero .hero-actions .button { width: 100%; text-align: center; }.signal-docket-relay__channels div { grid-template-columns: minmax(0, 1fr); gap: 8px; }.comparison-brief-header__sheet { min-width: 0; }.comparison-brief-utility__table { min-width: 500px; } }

/* Bounded supporting imagery enriches existing sections without filler blocks. */
body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-media {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--surface-strong);
  border-radius: clamp(18px, 2.4vw, 30px);
  background: var(--surface);
  box-shadow: 0 20px 70px var(--shadow);
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-media img {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-media--portrait img {
  aspect-ratio: 4 / 5;
}
body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-media figcaption {
  padding: 12px 16px 14px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

@media (min-width: 821px) {
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .description-panel,
    .session-plan,
    .reliability-panel
  ).section-with-media {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(300px, 1.1fr);
    gap: clamp(24px, 4vw, 58px);
    align-items: center;
    text-align: start;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-with-media .section-media {
    grid-column: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-with-media.section-media-layout--start .section-media {
    grid-column: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media :is(
    .eyebrow,
    h2,
    .description-copy
  ),
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .section-heading,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media :is(
    .eyebrow,
    h2,
    .reliability-lead
  ) {
    grid-column: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media.section-media-layout--start :is(
    .eyebrow,
    h2,
    .description-copy
  ),
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media.section-media-layout--start .section-heading,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media.section-media-layout--start :is(
    .eyebrow,
    h2,
    .reliability-lead
  ) {
    grid-column: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media :is(h2, .description-copy) {
    max-width: 100%;
    margin-inline: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .eyebrow {
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media h2 {
    grid-row: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .description-copy {
    grid-row: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .description-panel,
    .reliability-panel
  ).section-with-media .section-media {
    grid-row: 1 / span 3;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    align-self: stretch;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .description-panel,
    .reliability-panel
  ).section-with-media .section-media img {
    height: 100%;
    aspect-ratio: auto;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .section-media {
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .section-heading {
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .session-plan,
    .editorial-strip
  ).section-with-media .section-heading {
    display: block;
    min-width: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .session-plan,
    .editorial-strip
  ).section-with-media .section-heading h2 {
    font-size: clamp(34px, 4vw, 58px);
    overflow-wrap: normal;
    word-break: normal;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .session-steps,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .reliability-grid {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .eyebrow {
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media h2 {
    grid-row: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .reliability-lead {
    grid-row: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .reliability-grid {
    grid-row: 4;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: stretch;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media .section-heading {
    grid-column: 1 / span 3;
    align-self: center;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media .section-media {
    grid-column: 4 / span 3;
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media.section-media-layout--start .section-heading {
    grid-column: 4 / span 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media.section-media-layout--start .section-media {
    grid-column: 1 / span 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media :is(
    article,
    .material-support-cell--features
  ) {
    grid-column: span 2;
    grid-row: 2;
  }
}

@media (max-width: 820px) {
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .description-panel,
    .editorial-strip,
    .session-plan,
    .reliability-panel
  ).section-with-media {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    text-align: start;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-with-media :is(
    .section-heading,
    .section-media,
    .description-copy,
    .session-steps,
    .reliability-grid,
    article,
    h2,
    .eyebrow,
    .reliability-lead
  ) {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .eyebrow {
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media h2 {
    grid-row: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .description-copy {
    grid-row: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .section-media {
    grid-row: 4;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .session-plan,
    .editorial-strip
  ).section-with-media .section-heading {
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .session-plan,
    .editorial-strip
  ).section-with-media .section-media {
    grid-row: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .session-steps {
    grid-row: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .eyebrow {
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media h2 {
    grid-row: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .reliability-lead {
    grid-row: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .section-media {
    grid-row: 4;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .reliability-grid {
    grid-row: 5;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-with-media .section-media {
    width: 100%;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-with-media .section-media img {
    aspect-ratio: 16 / 10;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .session-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .reliability-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 0;
  }
}

@media (max-width: 390px) {
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .session-steps {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 900px) {
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(300px, 1.1fr);
    gap: clamp(20px, 2.4vw, 34px);
    align-items: stretch;
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media .editorial-folio-ledger,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media .reliability-folio-dossier {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media[class*="section-media-layout--"] .section-media,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media[class*="section-media-layout--"] .section-media {
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media .editorial-folio-ledger > header,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media .reliability-folio-dossier > header {
    border-right: 0;
    border-bottom: 1px solid var(--surface-strong);
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"])[data-structural-paradigm="folio-issue"]
    .editorial-strip.section-with-media .editorial-folio-ledger > header {
    grid-column: 1;
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"])[data-structural-paradigm="folio-issue"]
    .editorial-strip.section-with-media .editorial-folio-ledger > ol {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
  }
}

@media (max-width: 899px) {
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media .editorial-folio-ledger,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media .reliability-folio-dossier {
    grid-column: 1;
    grid-row: 1;
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media[class*="section-media-layout--"] .section-media,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media[class*="section-media-layout--"] .section-media {
    grid-column: 1;
    grid-row: 2;
  }
}

/* Site Realism V3: secondary-page layouts. Loaded only by V3 artifacts. */
body[data-site-realism='v3'] .sr3-content-page {
  --sr3-panel: color-mix(in srgb, var(--bg-2) 86%, var(--text) 4%);
  --sr3-panel-soft: color-mix(in srgb, var(--bg-3) 90%, var(--text) 3%);
  --sr3-line: color-mix(in srgb, var(--text) 16%, transparent);
  --sr3-quiet: color-mix(in srgb, var(--text) 72%, var(--muted));
  width: min(1240px, calc(100% - 48px));
  display: grid;
  gap: clamp(28px, 4vw, 64px);
  margin: 0 auto;
  padding: clamp(32px, 6vw, 90px) 0 clamp(56px, 8vw, 112px);
  color: var(--text);
}

/* Source-document variants may add neutral wrappers around a page.  The V3
   page itself remains the geometry authority: it must stay centered in the
   available architecture band instead of inheriting a document wrapper's
   alignment or box sizing. */
body[data-site-realism='v3'] main.sr3-content-page {
  box-sizing: border-box;
  min-width: 0;
  max-width: calc(100% - 48px);
  margin-inline: auto;
}

body[data-site-realism='v3'] .sr3-content-page :is(h1, h2, h3, p) { min-width: 0; }
body[data-site-realism='v3'] .sr3-content-page :is(h1, h2, h3) {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: auto;
  text-wrap: balance;
}
body[data-site-realism='v3'] .sr3-content-page p { overflow-wrap: break-word; }
body[data-site-realism='v3'] .sr3-content-page :is(p, li, dd) { color: var(--sr3-quiet); line-height: 1.7; }
body[data-site-realism='v3'] .sr3-content-page :is(a, button, input, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
body[data-site-realism='v3'] .sr3-content-page a { color: inherit; text-decoration-color: color-mix(in srgb, currentColor 42%, transparent); text-underline-offset: .18em; }
body[data-site-realism='v3'] .sr3-content-page :is(ol, ul, dl) { margin: 0; padding: 0; }

body[data-site-realism='v3'] .sr3-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  list-style: none;
  color: var(--muted);
  font-size: 13px;
}
body[data-site-realism='v3'] .sr3-breadcrumbs li + li::before { content: '/'; margin-inline: 7px; color: var(--accent); }
body[data-site-realism='v3'] .sr3-page-header { display: grid; gap: 16px; width: min(100%, 900px); }
body[data-site-realism='v3'] .sr3-page-header :is(h1, p) { margin: 0; }
body[data-site-realism='v3'] .sr3-page-header h1 {
  max-width: 100%;
  font-size: clamp(34px, 3.6vw, 52px);
  line-height: 1;
  letter-spacing: var(--heading-tracking);
}
body[data-site-realism='v3'] .sr3-kicker { color: var(--accent) !important; font-size: 12px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
body[data-site-realism='v3'] .sr3-summary { max-width: 68ch; font-size: clamp(18px, 2vw, 25px); }
body[data-site-realism='v3'] .sr3-page-intro { display: grid; gap: clamp(22px, 4vw, 58px); align-items: center; min-width: 0; }
body[data-site-realism='v3'] :is(.sr3-lead-media, .sr3-inline-media, .sr3-record-media) {
  min-width: 0;
  margin: 0;
  overflow: clip;
  border: 1px solid var(--sr3-line);
  border-radius: var(--radius-card);
  background: var(--sr3-panel-soft);
}
body[data-site-realism='v3'] :is(.sr3-lead-media, .sr3-inline-media, .sr3-record-media) img {
  display: block;
  width: 100%;
  object-fit: cover;
}
body[data-site-realism='v3'] .sr3-lead-media img { aspect-ratio: 16 / 7; }
body[data-site-realism='v3'] .sr3-inline-media {
  width: min(100%, 840px);
  margin-block: 8px;
}
body[data-site-realism='v3'] .sr3-inline-media img { aspect-ratio: 16 / 8; }
body[data-site-realism='v3'] .sr3-record-media img { aspect-ratio: 4 / 3; }
body[data-site-realism='v3'] .sr3-page-intro--split-start,
body[data-site-realism='v3'] .sr3-page-intro--split-end {
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
}
body[data-site-realism='v3'] .sr3-page-intro--split-end .sr3-page-header { order: 2; }
body[data-site-realism='v3'] .sr3-page-intro--split-end .sr3-lead-media { order: 1; }
body[data-site-realism='v3'] .sr3-page-intro--split-start .sr3-lead-media { order: 2; }
body[data-site-realism='v3'] .sr3-page-intro--wide .sr3-lead-media { width: 100%; }
body[data-site-realism='v3'] .sr3-page-intro--inset .sr3-lead-media {
  width: min(88%, 980px);
  justify-self: end;
}

body[data-site-realism='v3'] .sr3-prose-block { display: grid; gap: 16px; padding-block: clamp(18px, 3vw, 36px); border-top: 1px solid var(--sr3-line); }
body[data-site-realism='v3'] .sr3-prose-block > :is(h2, p) { max-width: 72ch; margin: 0; }
body[data-site-realism='v3'] .sr3-prose-block h2 { font-size: clamp(27px, 3vw, 46px); line-height: 1.04; letter-spacing: var(--heading-tracking); }
body[data-site-realism='v3'] .sr3-points { display: grid; gap: 9px; max-width: 70ch; padding-inline-start: 1.2rem; }
body[data-site-realism='v3'] .sr3-points li::marker { color: var(--accent); }

body[data-site-realism='v3'] .sr3-family-frame,
body[data-site-realism='v3'] .sr3-family-body {
  min-width: 0;
  display: grid;
}
body[data-site-realism='v3'] .sr3-family-body {
  gap: clamp(28px, 4vw, 64px);
}
body[data-site-realism='v3'] .sr3-family-frame--deck {
  border-inline-start: clamp(4px, .6vw, 8px) solid var(--accent);
  border-radius: 0 var(--radius-card) var(--radius-card) 0;
  padding: clamp(18px, 3vw, 38px);
  background: linear-gradient(135deg, var(--sr3-panel-soft), transparent 78%);
}
body[data-site-realism='v3'] .sr3-family-frame--rail {
  grid-template-columns: minmax(34px, .08fr) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 44px);
}
body[data-site-realism='v3'] .sr3-family-rail {
  min-width: 0;
  display: grid;
  align-content: start;
  justify-items: center;
  gap: clamp(42px, 7vw, 96px);
  border-inline-end: 1px solid var(--sr3-line);
  padding-top: 10px;
}
body[data-site-realism='v3'] .sr3-family-rail span {
  width: 10px;
  aspect-ratio: 1;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background: var(--bg);
}
body[data-site-realism='v3'] .sr3-family-frame--ledger {
  gap: clamp(20px, 3vw, 38px);
  border-block: 1px solid var(--sr3-line);
  padding-block: clamp(22px, 3.5vw, 44px);
}
body[data-site-realism='v3'] .sr3-family-register {
  display: grid;
  grid-template-columns: 2fr 1fr 3fr 1fr 1.5fr;
  gap: 8px;
}
body[data-site-realism='v3'] .sr3-family-register i {
  height: 4px;
  border-radius: 999px;
  background: var(--sr3-line);
}
body[data-site-realism='v3'] .sr3-family-register i:nth-child(2n) { background: var(--accent); }

body[data-site-realism='v3'] .sr3-widget,
body[data-site-realism='v3'] .sr3-related,
body[data-site-realism='v3'] .sr3-facts,
body[data-site-realism='v3'] .sr3-directory-card,
body[data-site-realism='v3'] .sr3-support-item {
  min-width: 0;
  border: 1px solid var(--sr3-line);
  border-radius: var(--radius-card);
  background: var(--sr3-panel);
}
body[data-site-realism='v3'] .sr3-widget,
body[data-site-realism='v3'] .sr3-related,
body[data-site-realism='v3'] .sr3-facts { padding: clamp(18px, 2.5vw, 30px); }
body[data-site-realism='v3'] .sr3-widget h2,
body[data-site-realism='v3'] .sr3-related h2,
body[data-site-realism='v3'] .sr3-facts h2 { margin: 0 0 16px; font-size: clamp(20px, 2vw, 29px); line-height: 1.1; }
body[data-site-realism='v3'] .sr3-widget :is(
  button,
  input:not([type='checkbox']):not([type='radio']),
  summary,
  label
) {
  min-height: 24px;
}

body[data-site-realism='v3'] .sr3-directory { display: grid; gap: 24px; }
body[data-site-realism='v3'] .sr3-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 26px); }
body[data-site-realism='v3'] .sr3-directory-card { display: grid; align-content: start; gap: 13px; padding: clamp(18px, 2.4vw, 28px); }
body[data-site-realism='v3'] .sr3-directory-card :is(h2, p) { margin: 0; }
body[data-site-realism='v3'] .sr3-directory-card h2 { font-size: clamp(22px, 2.4vw, 34px); line-height: 1.05; }

body[data-site-realism='v3'] .sr3-filters { display: grid; gap: 14px; }
body[data-site-realism='v3'] .sr3-filter-options { display: flex; flex-wrap: wrap; gap: 8px; }
body[data-site-realism='v3'] .sr3-filter-options button { border: 1px solid var(--sr3-line); border-radius: 999px; padding: 8px 12px; background: transparent; color: var(--text); font: inherit; cursor: pointer; }
body[data-site-realism='v3'] .sr3-filter-options button[aria-pressed='true'] { border-color: var(--accent); background: var(--accent); color: var(--on-accent); }

body[data-site-realism='v3'] .sr3-detail-layout,
body[data-site-realism='v3'] .sr3-guide-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .35fr); align-items: start; gap: clamp(28px, 5vw, 76px); }
body[data-site-realism='v3'] .sr3-detail-article,
body[data-site-realism='v3'] .sr3-guide-article,
body[data-site-realism='v3'] .sr3-editorial,
body[data-site-realism='v3'] .sr3-comparison-article { min-width: 0; }
body[data-site-realism='v3'] .sr3-facts dl { display: grid; gap: 14px; }
body[data-site-realism='v3'] .sr3-facts dl div { display: grid; gap: 4px; border-top: 1px solid var(--sr3-line); padding-top: 12px; }
body[data-site-realism='v3'] .sr3-facts :is(dt, dd) { margin: 0; }
body[data-site-realism='v3'] .sr3-facts dt { color: var(--muted); font-size: 13px; }
body[data-site-realism='v3'] .sr3-facts dd { color: var(--text); }
body[data-site-realism='v3'] .sr3-guide-tools { display: grid; gap: 18px; }

body[data-site-realism='v3'] .sr3-toc ol,
body[data-site-realism='v3'] .sr3-related ul { display: grid; gap: 10px; list-style: none; }
body[data-site-realism='v3'] .sr3-toc li,
body[data-site-realism='v3'] .sr3-related li { border-bottom: 1px solid var(--sr3-line); padding-bottom: 10px; }
body[data-site-realism='v3'] .sr3-glossary dl { display: grid; gap: 16px; }
body[data-site-realism='v3'] .sr3-glossary dl div { display: grid; gap: 4px; border-top: 1px solid var(--sr3-line); padding-top: 13px; }
body[data-site-realism='v3'] .sr3-glossary :is(dt, dd) { margin: 0; }
body[data-site-realism='v3'] .sr3-glossary dt { color: var(--text); font-weight: 800; }
body[data-site-realism='v3'] .sr3-checklist ol { display: grid; gap: 14px; list-style: none; }
body[data-site-realism='v3'] .sr3-checklist li { border-top: 1px solid var(--sr3-line); padding-top: 13px; }
body[data-site-realism='v3'] .sr3-checklist label { display: flex; gap: 10px; color: var(--text); cursor: pointer; }
body[data-site-realism='v3'] .sr3-checklist input { accent-color: var(--accent); flex: 0 0 auto; margin-top: .35em; }
body[data-site-realism='v3'] .sr3-checklist p { margin: 8px 0 0 29px; }

body[data-site-realism='v3'] .sr3-comparison {
  display: grid;
  align-self: start;
  align-content: start;
  gap: 16px;
}
body[data-site-realism='v3'] .sr3-table-wrap { overflow-x: auto; border: 1px solid var(--sr3-line); border-radius: calc(var(--radius-card) * .7); }
body[data-site-realism='v3'] .sr3-comparison table { width: 100%; min-width: 560px; border-collapse: collapse; }
body[data-site-realism='v3'] .sr3-comparison :is(th, td) { padding: 13px 15px; border-bottom: 1px solid var(--sr3-line); text-align: start; vertical-align: top; }
body[data-site-realism='v3'] .sr3-comparison th { color: var(--text); background: var(--sr3-panel-soft); }
body[data-site-realism='v3'] .sr3-comparison td:first-child { color: var(--text); font-weight: 750; }

body[data-site-realism='v3'] .sr3-tabs,
body[data-site-realism='v3'] .sr3-sortable-table,
body[data-site-realism='v3'] .sr3-calculator,
body[data-site-realism='v3'] .sr3-configurator {
  display: grid;
  gap: 16px;
}
body[data-site-realism='v3'] .sr3-tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid var(--sr3-line);
  padding-bottom: 10px;
}
body[data-site-realism='v3'] .sr3-tablist button,
body[data-site-realism='v3'] .sr3-sortable-table th button {
  border: 1px solid var(--sr3-line);
  border-radius: 999px;
  padding: 8px 12px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
body[data-site-realism='v3'] .sr3-tablist button[aria-selected='true'],
body[data-site-realism='v3'] .sr3-sortable-table th button[aria-pressed='true'] {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--on-accent);
}
body[data-site-realism='v3'] .sr3-tab-panel {
  display: grid;
  gap: 12px;
  border: 1px solid var(--sr3-line);
  border-radius: calc(var(--radius-card) * .7);
  padding: clamp(16px, 2.2vw, 26px);
  background: var(--sr3-panel-soft);
}
body[data-site-realism='v3'] .sr3-tab-panel :is(h3, p) { margin: 0; }
body[data-site-realism='v3'] .sr3-sortable-table table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
}
body[data-site-realism='v3'] .sr3-sortable-table caption {
  padding: 0 0 12px;
  color: var(--sr3-quiet);
  text-align: start;
}
body[data-site-realism='v3'] .sr3-sortable-table :is(th, td) {
  border-bottom: 1px solid var(--sr3-line);
  padding: 13px 15px;
  text-align: start;
  vertical-align: top;
}
body[data-site-realism='v3'] .sr3-sortable-table tbody th {
  color: var(--text);
  font-weight: 850;
}
body[data-site-realism='v3'] .sr3-calculator-form,
body[data-site-realism='v3'] .sr3-configurator fieldset {
  min-width: 0;
  display: grid;
  gap: 14px;
  border: 1px solid var(--sr3-line);
  border-radius: calc(var(--radius-card) * .7);
  padding: clamp(16px, 2.4vw, 28px);
}
body[data-site-realism='v3'] .sr3-calculator-field {
  display: grid;
  grid-template-columns: minmax(12rem, .45fr) minmax(8rem, .2fr) minmax(0, 1fr);
  gap: 10px 14px;
  align-items: center;
}
body[data-site-realism='v3'] .sr3-calculator-field label,
body[data-site-realism='v3'] .sr3-configurator legend {
  color: var(--text);
  font-weight: 850;
}
body[data-site-realism='v3'] .sr3-calculator-field input {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--sr3-line);
  border-radius: 12px;
  padding: 10px 12px;
  background: var(--bg);
  color: var(--text);
  font: inherit;
}
body[data-site-realism='v3'] .sr3-calculator-field p { margin: 0; }
body[data-site-realism='v3'] .sr3-calculator output,
body[data-site-realism='v3'] .sr3-configurator-summary {
  display: block;
  border-radius: calc(var(--radius-card) * .65);
  padding: 14px 16px;
  background: var(--sr3-panel-soft);
  color: var(--text);
  font-weight: 900;
}
body[data-site-realism='v3'] .sr3-live-status {
  margin: 0;
  color: var(--sr3-quiet);
}
body[data-site-realism='v3'] .sr3-configurator fieldset {
  border: 0;
  background: var(--sr3-panel-soft);
}
body[data-site-realism='v3'] .sr3-configurator label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: var(--text);
  font-weight: 800;
  cursor: pointer;
}
body[data-site-realism='v3'] .sr3-configurator input {
  accent-color: var(--accent);
  flex: 0 0 auto;
  margin-top: .35em;
}
body[data-site-realism='v3'] .sr3-configurator fieldset > p {
  margin: 0 0 8px 28px;
}

body[data-site-realism='v3'] .sr3-process-steps { display: grid; gap: clamp(20px, 3vw, 38px); list-style: none; counter-reset: sr3-process; }
body[data-site-realism='v3'] .sr3-process-steps > li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(16px, 3vw, 30px); align-items: start; }
body[data-site-realism='v3'] .sr3-process-marker { display: grid; place-items: center; width: 42px; aspect-ratio: 1; border-radius: 50%; background: var(--accent); color: var(--on-accent); font-weight: 900; }
body[data-site-realism='v3'] .sr3-process-steps section { display: grid; gap: 13px; padding-bottom: clamp(20px, 3vw, 34px); border-bottom: 1px solid var(--sr3-line); }
body[data-site-realism='v3'] .sr3-process-steps :is(h2, p) { margin: 0; }
body[data-site-realism='v3'] .sr3-process-steps h2 { font-size: clamp(25px, 3vw, 40px); line-height: 1.06; }

body[data-site-realism='v3'] .sr3-support { display: grid; gap: 12px; }
body[data-site-realism='v3'] .sr3-support-item { overflow: clip; }
body[data-site-realism='v3'] .sr3-support-item summary { padding: clamp(16px, 2vw, 24px); color: var(--text); font-size: clamp(18px, 2vw, 28px); font-weight: 800; cursor: pointer; }
body[data-site-realism='v3'] .sr3-support-item > div { display: grid; gap: 12px; padding: 0 clamp(16px, 2vw, 24px) clamp(18px, 2.5vw, 28px); }
body[data-site-realism='v3'] .sr3-support-item p { margin: 0; }
body[data-site-realism='v3'] .sr3-related--rail { display: grid; gap: 12px; }

body[data-site-realism='v3'] .sr3-site-search {
  display: grid;
  gap: 14px;
  width: min(100%, 920px);
}
body[data-site-realism='v3'] .sr3-site-search label {
  display: flex;
  min-height: 24px;
  align-items: center;
  color: var(--text);
  font-size: 14px;
  font-weight: 800;
}
body[data-site-realism='v3'] .sr3-site-search input[type='search'][data-realism-search-input] {
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--sr3-line);
  border-radius: calc(var(--radius-card) * .7);
  padding: 12px 15px;
  background: var(--bg);
  color: var(--text);
  font: inherit;
}
body[data-site-realism='v3'] .sr3-search-results {
  display: grid;
  gap: 12px;
  border-top: 1px solid var(--sr3-line);
  padding-top: 18px;
}
body[data-site-realism='v3'] .sr3-search-results > :is(h3, p) { margin: 0; }
body[data-site-realism='v3'] .sr3-search-results h3 { color: var(--text); font-size: 17px; }
body[data-site-realism='v3'] .sr3-search-results ul { display: grid; gap: 10px; list-style: none; }
body[data-site-realism='v3'] .sr3-search-results a {
  display: grid;
  gap: 5px;
  border: 1px solid var(--sr3-line);
  border-radius: calc(var(--radius-card) * .65);
  padding: 15px;
  text-decoration: none;
}
body[data-site-realism='v3'] .sr3-search-results a:hover { border-color: var(--accent); }
body[data-site-realism='v3'] .sr3-search-results strong { color: var(--text); }
body[data-site-realism='v3'] .sr3-search-results span { color: var(--sr3-quiet); }

body[data-site-realism='v3'] .sr3-reading-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1002;
  height: 4px;
  pointer-events: none;
}
body[data-site-realism='v3'] .sr3-reading-progress progress {
  display: block;
  width: 100%;
  height: 4px;
  border: 0;
  background: transparent;
  color: var(--accent);
  appearance: none;
}
body[data-site-realism='v3'] .sr3-reading-progress progress::-webkit-progress-bar { background: transparent; }
body[data-site-realism='v3'] .sr3-reading-progress progress::-webkit-progress-value { background: var(--accent); }
body[data-site-realism='v3'] .sr3-reading-progress progress::-moz-progress-bar { background: var(--accent); }

body[data-site-realism='v3'] .sr3-route-recovery ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
}
body[data-site-realism='v3'] .sr3-route-recovery a {
  display: grid;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 74px;
  align-items: center;
  border: 1px solid var(--sr3-line);
  border-radius: var(--radius-card);
  padding: 16px;
  background: var(--sr3-panel);
  color: var(--text);
  font-weight: 800;
  text-decoration: none;
  overflow-wrap: anywhere;
}
body[data-site-realism='v3'] .sr3-route-recovery a:hover { border-color: var(--accent); }

@media (min-width: 1200px) {
  body[data-site-realism='v3'] .sr3-content-page--editorial .sr3-editorial { width: min(100%, 820px); }
  body[data-site-realism='v3'] .sr3-content-page--comparison .sr3-comparison-article { display: grid; grid-template-columns: minmax(0, .78fr) minmax(340px, .9fr); column-gap: clamp(34px, 6vw, 100px); }
  body[data-site-realism='v3'] .sr3-content-page--comparison .sr3-comparison-article > .sr3-prose-block { grid-column: 1; }
  body[data-site-realism='v3'] .sr3-content-page--comparison .sr3-comparison-article > .sr3-comparison { grid-column: 2; grid-row: 1 / span 8; }
}

@media (max-width: 880px) {
  body[data-site-realism='v3'] .sr3-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-site-realism='v3'] .sr3-detail-layout,
  body[data-site-realism='v3'] .sr3-guide-layout { grid-template-columns: minmax(0, 1fr); }
  body[data-site-realism='v3'] .sr3-guide-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-site-realism='v3'] .sr3-route-recovery ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-site-realism='v3'] .sr3-page-intro--split-start,
  body[data-site-realism='v3'] .sr3-page-intro--split-end { grid-template-columns: minmax(0, 1fr); }
  body[data-site-realism='v3'] .sr3-page-intro--split-end .sr3-page-header,
  body[data-site-realism='v3'] .sr3-page-intro--split-start .sr3-page-header { order: 1; }
  body[data-site-realism='v3'] .sr3-page-intro--split-end .sr3-lead-media,
  body[data-site-realism='v3'] .sr3-page-intro--split-start .sr3-lead-media { order: 2; }
  body[data-site-realism='v3'] .sr3-family-frame--rail {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-site-realism='v3'] .sr3-family-rail {
    grid-template-columns: repeat(3, auto);
    justify-content: start;
    gap: 20px;
    border-inline-end: 0;
    border-bottom: 1px solid var(--sr3-line);
    padding: 0 0 14px;
  }
}

@media (max-width: 560px) {
  body[data-site-realism='v3'] .sr3-content-page { width: min(100%, calc(100% - 32px)); gap: 28px; padding-top: 30px; }
  body[data-site-realism='v3'] .sr3-directory-grid,
  body[data-site-realism='v3'] .sr3-guide-tools { grid-template-columns: minmax(0, 1fr); }
  body[data-site-realism='v3'] .sr3-page-header h1 { font-size: clamp(28px, 8.5vw, 34px); }
  body[data-site-realism='v3'] .sr3-route-recovery ul { grid-template-columns: minmax(0, 1fr); }
  body[data-site-realism='v3'] .sr3-page-intro--inset .sr3-lead-media { width: 100%; }
  body[data-site-realism='v3'] .sr3-lead-media img { aspect-ratio: 4 / 3; }
  body[data-site-realism='v3'] .sr3-inline-media img { aspect-ratio: 3 / 2; }
  body[data-site-realism='v3'] .sr3-family-frame--deck { padding: 18px; }
  body[data-site-realism='v3'] .sr3-calculator-field {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Explicit V3 mobile recipes: 390, 360, and 320 px. */
@media (max-width: 390px) {
  body[data-site-realism='v3'] .sr3-content-page { width: min(100%, calc(100% - 28px)); }
  body[data-site-realism='v3'] .sr3-widget,
  body[data-site-realism='v3'] .sr3-related,
  body[data-site-realism='v3'] .sr3-facts,
  body[data-site-realism='v3'] .sr3-directory-card { padding: 17px; }
  body[data-site-realism='v3'] .sr3-filter-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-site-realism='v3'] .sr3-filter-options button { min-width: 0; overflow-wrap: anywhere; }
  body[data-site-realism='v3'] .sr3-tablist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-site-realism='v3'] .sr3-tablist button { min-width: 0; overflow-wrap: anywhere; }
}

@media (max-width: 360px) {
  body[data-site-realism='v3'] .sr3-page-header h1 { font-size: clamp(27px, 8.5vw, 31px); }
  body[data-site-realism='v3'] .sr3-breadcrumbs ol { font-size: 12px; }
  body[data-site-realism='v3'] .sr3-process-steps > li { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body[data-site-realism='v3'] .sr3-process-marker { width: 34px; }
}

@media (max-width: 320px) {
  body[data-site-realism='v3'] .sr3-content-page { width: min(100%, calc(100% - 22px)); }
  body[data-site-realism='v3'] .sr3-filter-options { grid-template-columns: minmax(0, 1fr); }
  body[data-site-realism='v3'] .sr3-page-header h1 { font-size: 27px; }
  body[data-site-realism='v3'] .sr3-widget,
  body[data-site-realism='v3'] .sr3-related,
  body[data-site-realism='v3'] .sr3-facts,
  body[data-site-realism='v3'] .sr3-directory-card { padding: 14px; }
  body[data-site-realism='v3'] .sr3-tablist { grid-template-columns: minmax(0, 1fr); }
}

/* Home Realism V4: ecosystem-aware front-page discovery, scoped to home only. */
body[data-home-realism='v4'] main[data-home-realism-page='true'] {
  --hr4-line: color-mix(in srgb, var(--text) 16%, transparent);
  --hr4-panel: color-mix(in srgb, var(--bg-2) 96%, var(--text) 4%);
  --hr4-panel-strong: color-mix(in srgb, var(--bg-3) 94%, var(--accent) 6%);
  --hr4-panel-fg: var(--on-bg-2);
  --hr4-panel-strong-fg: var(--on-deep);
}

body[data-home-realism='v4'] .component-library {
  align-items: stretch;
  gap: clamp(14px, 2vw, 26px);
}

body[data-home-realism='v4'] .component-library .section-heading {
  display: block;
  min-width: 0;
}

body[data-home-realism='v4'] main .home-route-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 10px;
  border: 1px solid var(--hr4-line);
  background: var(--hr4-panel);
  color: var(--hr4-panel-fg);
}

body[data-home-realism='v4'] main .home-route-card :is(span, strong, p) {
  min-width: 0;
  margin: 0;
}

body[data-home-realism='v4'] main .home-route-card strong {
  color: inherit;
  font-size: clamp(19px, 2vw, 29px);
  line-height: 1.08;
  overflow-wrap: normal;
  word-break: normal;
}

body[data-home-realism='v4'] main .home-route-card p {
  color: color-mix(in srgb, currentColor 86%, transparent);
  line-height: 1.58;
}

body[data-home-profile='publication-front'] .component-library {
  grid-template-columns: minmax(260px, .75fr) repeat(2, minmax(0, 1fr));
}

body[data-home-profile='publication-front'] .component-library .section-heading,
body[data-home-profile='publication-front'] .home-route-card[data-item-position='1'] {
  grid-row: span 2;
}

body[data-home-profile='publication-front'] .home-route-card[data-item-position='1'] {
  background: var(--hr4-panel-strong);
  color: var(--hr4-panel-strong-fg);
}

body[data-home-profile='catalog-front'] .component-library {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-home-profile='catalog-front'] .component-library .section-heading {
  grid-column: 1 / -1;
  text-align: start;
}

body[data-home-profile='catalog-front'] .home-route-card {
  border-radius: calc(var(--radius-card) * .65);
}

body[data-home-profile='decision-front'] .component-library {
  grid-template-columns: minmax(260px, .8fr) repeat(2, minmax(0, 1fr));
}

body[data-home-profile='decision-front'] .component-library .section-heading {
  grid-row: 1 / span 3;
}

body[data-home-profile='decision-front'] .home-route-card {
  grid-template-columns: minmax(0, 1fr);
  border-inline-start: 4px solid var(--accent);
}

body[data-home-profile='toolkit-front'] .component-library {
  grid-template-columns: minmax(240px, .65fr) minmax(0, 1fr);
  counter-reset: hr4-route;
}

body[data-home-profile='toolkit-front'] .component-library .section-heading {
  grid-row: 1 / span 4;
}

body[data-home-profile='toolkit-front'] .home-route-card {
  counter-increment: hr4-route;
  grid-template-columns: 42px minmax(0, 1fr);
}

body[data-home-profile='toolkit-front'] .home-route-card::before {
  content: counter(hr4-route, decimal-leading-zero);
  grid-row: 1 / span 3;
  color: var(--accent);
  font-weight: 900;
}

body[data-home-profile='showcase-front'] .component-library {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

body[data-home-profile='showcase-front'] .component-library .section-heading {
  grid-column: 1 / span 5;
}

body[data-home-profile='showcase-front'] .component-library > .material-support-cell {
  grid-column: span 4;
  width: 100%;
}

body[data-home-profile='showcase-front']
  .component-library > .material-support-cell[data-material-support-item='1'] {
  grid-column: 6 / -1;
}

body[data-home-profile='showcase-front'] .home-route-card {
  grid-column: span 4;
  min-height: 190px;
}

body[data-home-profile='showcase-front'] .home-route-card[data-item-position='1'] {
  grid-column: 6 / -1;
  background: var(--hr4-panel-strong);
  color: var(--hr4-panel-strong-fg);
}

body[data-home-profile='topic-front'] .component-library {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-home-profile='topic-front'] .component-library .section-heading {
  grid-column: 1 / -1;
  max-width: 720px;
  text-align: start;
}

body[data-home-profile='topic-front'] .home-route-card[data-route-archetype='directory'],
body[data-home-profile='topic-front'] .home-route-card[data-route-archetype='guide'] {
  background: var(--hr4-panel-strong);
  color: var(--hr4-panel-strong-fg);
}

body[data-home-dom-family='lead-edition'] .component-library .home-route-card[data-item-position='1'],
body[data-home-dom-family='visual-index'] .home-route-card[data-item-position='1'] {
  grid-column: span 2;
  grid-template-columns: minmax(120px, .38fr) minmax(0, 1fr);
}

body[data-home-dom-family='lead-edition']
  .component-library > .material-support-cell[data-material-support-item='1'],
body[data-home-dom-family='visual-index']
  .component-library > .material-support-cell[data-material-support-item='1'] {
  grid-column: span 2;
}

body[data-home-profile='showcase-front'][data-home-dom-family='lead-edition']
  .component-library .home-route-card[data-item-position='1'],
body[data-home-profile='showcase-front'][data-home-dom-family='visual-index']
  .component-library .home-route-card[data-item-position='1'] {
  grid-column: 6 / -1;
}

body[data-home-profile='showcase-front'][data-home-dom-family='lead-edition']
  .component-library > .material-support-cell[data-material-support-item='1'],
body[data-home-profile='showcase-front'][data-home-dom-family='visual-index']
  .component-library > .material-support-cell[data-material-support-item='1'] {
  grid-column: 6 / -1;
}

body[data-home-dom-family='lead-edition'] .component-library .home-route-card[data-item-position='1'] > span,
body[data-home-dom-family='visual-index'] .home-route-card[data-item-position='1'] > span {
  grid-column: 1;
  grid-row: 1 / span 2;
}

body[data-home-dom-family='lead-edition'] .component-library .home-route-card[data-item-position='1'] > :is(strong, p),
body[data-home-dom-family='visual-index'] .home-route-card[data-item-position='1'] > :is(strong, p) {
  grid-column: 2;
}

body[data-home-dom-family='story-ledger'] .component-library,
body[data-home-dom-family='route-manual'] .component-library,
body[data-home-dom-family='local-ledger'] .component-library {
  grid-template-columns: minmax(240px, .55fr) minmax(0, 1fr);
}

body[data-home-dom-family='story-ledger'] .component-library .section-heading,
body[data-home-dom-family='route-manual'] .component-library .section-heading,
body[data-home-dom-family='local-ledger'] .component-library .section-heading {
  grid-row: 1 / span 8;
}

body[data-home-realism='v4'][data-home-dom-family='story-ledger'] .home-route-card,
body[data-home-realism='v4'][data-home-dom-family='route-manual'] .home-route-card,
body[data-home-realism='v4'][data-home-dom-family='local-ledger'] .home-route-card {
  min-height: 0;
  border-inline: 0;
  border-block-start: 1px solid var(--hr4-line);
  border-radius: 0;
  background: transparent;
  color: var(--text);
}

body[data-home-dom-family='ranked-index'] .component-library,
body[data-home-dom-family='starter-workbench'] .component-library {
  counter-reset: hr4-route-index;
}

body[data-home-dom-family='ranked-index'] .home-route-card,
body[data-home-dom-family='starter-workbench'] .home-route-card {
  counter-increment: hr4-route-index;
  grid-template-columns: auto minmax(0, 1fr);
}

body[data-home-dom-family='ranked-index'] .home-route-card::before,
body[data-home-dom-family='starter-workbench'] .home-route-card::before {
  content: counter(hr4-route-index, decimal-leading-zero);
  grid-row: 1 / span 3;
  color: var(--accent);
  font-size: clamp(22px, 3vw, 42px);
  font-weight: 900;
  line-height: 1;
}

body[data-home-dom-family='catalog-deck'] .component-library {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-home-dom-family='catalog-deck'] .component-library .section-heading {
  grid-column: 1 / -1;
}

body[data-home-dom-family='split-evidence'] .home-route-card[data-item-parity='odd'] {
  border-inline-start: 4px solid var(--accent);
}

body[data-home-dom-family='split-evidence'] .home-route-card[data-item-parity='even'] {
  border-inline-end: 4px solid var(--accent);
}

body[data-home-dom-family='criteria-console'] .component-library {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-home-dom-family='criteria-console'] .component-library .section-heading {
  grid-column: 1 / -1;
}

body[data-home-dom-family='exhibit-board'] .component-library {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

body[data-home-dom-family='exhibit-board'] .component-library .section-heading {
  grid-column: 1 / span 4;
}

body[data-home-dom-family='exhibit-board'] .home-route-card {
  grid-column: span 4;
}

body[data-home-dom-family='exhibit-board'] .home-route-card[data-item-position='1'],
body[data-home-dom-family='exhibit-board'] .home-route-card[data-item-position='4'] {
  grid-column: span 8;
}

body[data-home-dom-family='cluster-map'] .component-library {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-home-dom-family='cluster-map'] .component-library .section-heading {
  grid-column: 1 / -1;
}

body[data-home-realism='v4'] .desktop-nav [data-page-role='search'] {
  border: 1px solid var(--hr4-line);
  border-radius: 999px;
  padding-inline: 14px;
}

@media (max-width: 880px) {
  body[data-home-realism='v4'] .component-library,
  body[data-home-profile='publication-front'] .component-library,
  body[data-home-profile='catalog-front'] .component-library,
  body[data-home-profile='decision-front'] .component-library,
  body[data-home-profile='toolkit-front'] .component-library,
  body[data-home-profile='showcase-front'] .component-library,
  body[data-home-profile='topic-front'] .component-library,
  body[data-home-dom-family='story-ledger'] .component-library,
  body[data-home-dom-family='route-manual'] .component-library,
  body[data-home-dom-family='local-ledger'] .component-library,
  body[data-home-dom-family='catalog-deck'] .component-library,
  body[data-home-dom-family='criteria-console'] .component-library,
  body[data-home-dom-family='exhibit-board'] .component-library,
  body[data-home-dom-family='cluster-map'] .component-library {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-home-realism='v4'] .component-library .section-heading,
  body[data-home-realism='v4'] .home-route-card,
  body[data-home-profile='showcase-front'] .component-library .section-heading,
  body[data-home-profile='showcase-front'] .home-route-card[data-item-position='1'],
  body[data-home-dom-family='story-ledger'] .component-library .section-heading,
  body[data-home-dom-family='route-manual'] .component-library .section-heading,
  body[data-home-dom-family='local-ledger'] .component-library .section-heading,
  body[data-home-dom-family='exhibit-board'] .component-library .section-heading,
  body[data-home-dom-family='exhibit-board'] .home-route-card,
  body[data-home-dom-family='exhibit-board'] .home-route-card[data-item-position='1'],
  body[data-home-dom-family='exhibit-board'] .home-route-card[data-item-position='4'] {
    grid-column: auto;
    grid-row: auto;
  }

  /*
   * Desktop profile + DOM-family selectors can have enough specificity to
   * retain explicit column lines after the library collapses on mobile.
   * Reset every route card with the same specificity so implicit zero-width
   * tracks cannot be created by a single featured card.
   */
  body[data-home-realism='v4'][data-home-profile][data-home-dom-family]
    .component-library .home-route-card {
    grid-column: auto;
    grid-row: auto;
  }

  body[data-home-profile='showcase-front']
    .component-library > .material-support-cell,
  body[data-home-profile='showcase-front']
    .component-library > .material-support-cell[data-material-support-item='1'] {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 560px) {
  body[data-home-realism='v4'] .component-library,
  body[data-home-profile='publication-front'] .component-library,
  body[data-home-profile='catalog-front'] .component-library,
  body[data-home-profile='decision-front'] .component-library,
  body[data-home-profile='toolkit-front'] .component-library,
  body[data-home-profile='showcase-front'] .component-library,
  body[data-home-profile='topic-front'] .component-library,
  body[data-home-dom-family='story-ledger'] .component-library,
  body[data-home-dom-family='route-manual'] .component-library,
  body[data-home-dom-family='local-ledger'] .component-library,
  body[data-home-dom-family='catalog-deck'] .component-library,
  body[data-home-dom-family='criteria-console'] .component-library,
  body[data-home-dom-family='exhibit-board'] .component-library,
  body[data-home-dom-family='cluster-map'] .component-library {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-home-realism='v4'][data-home-dom-family='lead-edition']
    .component-library > .material-support-cell[data-material-support-item='1'],
  body[data-home-realism='v4'][data-home-dom-family='visual-index']
    .component-library > .material-support-cell[data-material-support-item='1'] {
    grid-column: auto;
  }

  body[data-home-realism='v4'] .home-route-card {
    min-height: 0;
    padding: 18px;
  }

  body[data-home-profile='toolkit-front'] .home-route-card {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  body[data-home-dom-family='lead-edition'] .component-library .home-route-card[data-item-position='1'],
  body[data-home-dom-family='visual-index'] .home-route-card[data-item-position='1'] {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-home-dom-family='lead-edition'] .component-library .home-route-card[data-item-position='1'] > :is(span, strong, p),
  body[data-home-dom-family='visual-index'] .home-route-card[data-item-position='1'] > :is(span, strong, p) {
    grid-column: auto;
    grid-row: auto;
  }
}

/* Renderer-owned primary topology geometry. Both content modes share these DOM contracts. */
[data-material-primary="true"] .material-primary {
  width: min(100%, 1320px);
  min-width: 0;
  margin: 0 auto;
  color: var(--text);
}
[data-material-primary="true"] :is(.game-media-link, .collection-media-link) {
  overflow: hidden;
  background: var(--bg-3);
}
[data-material-primary="true"] :is(.game-media-link, .collection-media-link) img {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
[data-material-primary="true"] .material-primary :is(h3, p, figure, blockquote) { margin: 0; }
[data-material-primary="true"] .material-primary :is(a, summary) { overflow-wrap: anywhere; }
[data-material-primary="true"] .material-primary :is(ul, ol, menu) { margin: 0; padding: 0; }
[data-material-primary="true"] .material-primary [data-material-game-item] :is(p, figcaption, dd, ol > li) {
  font-size: max(14px, .94em);
  line-height: 1.5;
}
[data-material-primary="true"] .material-primary [data-material-game-item]
  :is(.game-title-link, h3 > a, strong > a, th[scope="row"] > a) {
  font-size: max(18px, 1em);
  line-height: 1.2;
}
body[data-design-grammar="cinematic-showcase"]
[data-material-primary="true"]
.material-primary
[data-material-game-item] {
  color: var(--text);
}
body[data-design-grammar="cinematic-showcase"]
[data-material-primary="true"]
.material-primary
[data-material-game-item]
:is(h3, h3 a, .game-title-link, strong) {
  color: var(--text);
}

/* Fieldbook: a definition index with a map-like record spread. */
.material-primary--atlas-fieldbook { display: grid; gap: 18px; }
.material-primary--atlas-fieldbook > div { display: grid; grid-template-columns: minmax(180px, .3fr) minmax(0, 1fr); border-block: 1px solid var(--surface-strong); }
.material-primary--atlas-fieldbook dt { display: grid; align-content: start; gap: 18px; padding: 24px; font-size: clamp(22px, 2.2vw, 36px); font-weight: 850; }
.material-primary--atlas-fieldbook dt data { color: var(--accent); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.material-primary--atlas-fieldbook dd { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(180px, 1fr); gap: 18px; margin: 0; padding: 18px; border-left: 1px solid var(--surface-strong); }
.material-primary--atlas-fieldbook figure { display: grid; gap: 10px; }
.material-primary--atlas-fieldbook figcaption { color: var(--muted); line-height: 1.55; }
.material-primary--atlas-fieldbook aside { display: grid; align-content: space-between; gap: 18px; }

/* Signal docket: compact alert cards. */
.material-primary--signal-docket { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; list-style: none; }
.material-primary--signal-docket li { min-width: 0; border: 1px solid var(--surface-strong); background: color-mix(in srgb, var(--bg) 90%, var(--accent)); }
.material-primary--signal-docket article { display: grid; grid-template-rows: auto auto 1fr auto; min-height: 100%; }
.material-primary--signal-docket article > header, .material-primary--signal-docket article > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; }
.material-primary--signal-docket header data { color: var(--accent); font-size: 12px; font-weight: 850; letter-spacing: .1em; }
.material-primary--signal-docket article > div { display: grid; gap: 9px; padding: 16px; }
.material-primary--signal-docket article > footer { border-top: 1px solid var(--surface-strong); }

/* Ledger: a proper ranking table with the long record kept in the main cell. */
.material-primary--campaign-ledger, .material-primary--comparison-brief { width: 100%; border-collapse: collapse; border: 1px solid var(--surface-strong); background: var(--bg); }
.material-primary--campaign-ledger caption, .material-primary--comparison-brief caption { padding: 14px; caption-side: top; color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-align: left; text-transform: uppercase; }
.material-primary--campaign-ledger :is(th, td), .material-primary--comparison-brief :is(th, td) { padding: 14px; border: 1px solid var(--surface-strong); vertical-align: top; text-align: left; }
.material-primary--campaign-ledger thead, .material-primary--comparison-brief thead { background: color-mix(in srgb, var(--accent) 12%, var(--bg)); }
.material-primary--campaign-ledger tbody > tr:nth-child(even), .material-primary--comparison-brief tbody > tr:nth-child(even) { background: var(--bg-2); color: var(--on-bg-2); }
.material-primary--campaign-ledger figure { display: grid; grid-template-columns: 120px minmax(170px, 1fr); gap: 14px; align-items: center; }
.material-primary--campaign-ledger figcaption { display: grid; gap: 8px; }
.material-primary--campaign-ledger :is(ul, dl), .material-primary--comparison-brief dl { display: grid; gap: 6px; list-style: none; }
.material-primary--campaign-ledger li, .material-primary--comparison-brief dd { color: var(--muted); }

/* Quest atlas: deliberately native disclosure routes rather than a card rail. */
.material-primary--quest-atlas > ol { display: grid; gap: 16px; list-style: none; }
.material-primary--quest-atlas li { border: 1px solid var(--surface-strong); background: var(--bg); }
.material-primary--quest-atlas summary { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; padding: 20px; cursor: pointer; font-size: clamp(20px, 2vw, 31px); font-weight: 850; }
.material-primary--quest-atlas summary data { color: var(--accent); font-size: 13px; letter-spacing: .08em; }
.material-primary--quest-atlas details > div { display: grid; grid-template-columns: minmax(220px, .9fr) minmax(0, 1.1fr); border-top: 1px solid var(--surface-strong); }
.material-primary--quest-atlas section { display: grid; align-content: start; gap: 16px; padding: 22px; }
.material-primary--quest-atlas dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.material-primary--quest-atlas dl > div { padding: 8px; border-left: 2px solid var(--accent); }
.material-primary--quest-atlas :is(dt, dd) { margin: 0; }
.material-primary--quest-atlas dt { color: var(--muted); font-size: 12px; }

/* Cinema: reel frames have their own poster/caption construction. */
.material-primary--cinema-reel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; list-style: none; }
.material-primary--cinema-reel li { min-width: 0; padding-block: 12px; border-top: 4px solid var(--accent); border-bottom: 1px solid var(--surface-strong); }
.material-primary--cinema-reel figure { display: grid; grid-template-columns: minmax(130px, .65fr) minmax(0, 1fr); gap: 16px; }
.material-primary--cinema-reel figcaption { display: grid; align-content: start; gap: 14px; }
.material-primary--cinema-reel header span { color: var(--accent); font-size: 12px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.material-primary--cinema-reel blockquote { padding-left: 14px; border-left: 2px solid var(--surface-strong); color: var(--muted); line-height: 1.55; }
.material-primary--cinema-reel menu { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; }
.material-primary--cinema-reel menu li { padding: 4px 7px; border: 1px solid var(--surface-strong); font-size: 12px; }

/* Studio mosaic: asymmetric tiles retain a real listitem relationship. */
.material-primary--studio-mosaic { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; gap: 14px; }
.material-primary--studio-mosaic article { display: grid; grid-template-rows: auto auto 1fr auto; gap: 12px; min-width: 0; padding: 16px; border: 1px solid var(--surface-strong); background: var(--bg); }
.material-primary--studio-mosaic article:nth-child(5n + 1) { grid-column: span 2; grid-row: span 2; }
.material-primary--studio-mosaic article:nth-child(5n + 1) :is(.game-media-link, .collection-media-link) img { aspect-ratio: 1 / 1; }
.material-primary--studio-mosaic header span { color: var(--accent); font-size: 12px; font-weight: 800; }
.material-primary--studio-mosaic article > div { display: grid; gap: 10px; color: var(--muted); }
.material-primary--studio-mosaic article ul { display: grid; gap: 5px; padding-left: 18px; }

/* Brief: a comparison table whose tag details form terms and values. */
.material-primary--comparison-brief th a { display: grid; gap: 7px; color: inherit; text-decoration: none; }
.material-primary--comparison-brief th data { color: var(--accent); font-size: 12px; }
.material-primary--comparison-brief td > p { line-height: 1.55; }
.material-primary--comparison-brief dl > div { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px; }
.material-primary--comparison-brief dt { color: var(--accent); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.material-primary--comparison-brief dd { margin: 0; }

/* Notebook: a numbered learning path with distinct head/body/footer zones. */
.material-primary--rookie-notebook { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-left: 26px; }
.material-primary--rookie-notebook li { padding-left: 8px; border-left: 3px solid var(--accent); }
.material-primary--rookie-notebook article { display: grid; gap: 14px; padding: 18px; border: 1px solid var(--surface-strong); background: var(--bg); }
.material-primary--rookie-notebook header { display: grid; gap: 7px; }
.material-primary--rookie-notebook header data { color: var(--accent); font-size: 12px; font-weight: 850; text-transform: uppercase; }
.material-primary--rookie-notebook article > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; align-items: center; color: var(--muted); }
.material-primary--rookie-notebook footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.material-primary--rookie-notebook footer ul { display: flex; flex-wrap: wrap; gap: 6px; padding-left: 16px; color: var(--muted); font-size: 12px; }

/* Wire desk: editorial stories run in intentionally alternating spreads. */
.material-primary--editorial-wire { display: grid; gap: 0; border-top: 1px solid var(--surface-strong); }
.material-primary--editorial-wire article { display: grid; grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr); gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--surface-strong); }
.material-primary--editorial-wire article > header { display: grid; align-content: start; gap: 10px; }
.material-primary--editorial-wire header p { color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.material-primary--editorial-wire article > div { display: grid; grid-template-columns: minmax(160px, .5fr) minmax(0, 1fr); gap: 18px; }
.material-primary--editorial-wire article > div > div { display: grid; align-content: space-between; gap: 18px; color: var(--muted); line-height: 1.55; }
.material-primary--editorial-wire footer { grid-column: 2; display: flex; justify-content: space-between; gap: 14px; }
.material-primary--editorial-wire footer div { display: flex; flex-wrap: wrap; gap: 6px; color: var(--muted); font-size: 12px; }

/* Beacon: a menu board with a separate linked label and media note. */
.material-primary--portal-beacon { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; list-style: none; }
.material-primary--portal-beacon li { display: grid; grid-template-rows: auto auto 1fr; gap: 12px; min-width: 0; padding: 14px; border: 1px solid var(--surface-strong); background: color-mix(in srgb, var(--bg) 92%, var(--accent)); }
.material-primary--portal-beacon .collection-portal-board__entry, .material-primary--portal-beacon .game-portal-board__entry { display: grid; gap: 7px; color: inherit; text-decoration: none; }
.material-primary--portal-beacon .collection-portal-board__entry span, .material-primary--portal-beacon .game-portal-board__entry span { display: flex; justify-content: space-between; color: var(--accent); font-size: 12px; }
.material-primary--portal-beacon figure { display: grid; gap: 9px; }
.material-primary--portal-beacon figcaption { color: var(--muted); line-height: 1.5; }
.material-primary--portal-beacon footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.material-primary--portal-beacon footer ul { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; color: var(--muted); font-size: 12px; }

[data-material-primary="true"] .material-primary .collection-item__action,
[data-material-primary="true"] .material-primary .button { justify-self: start; }

/* The wide desktop pass keeps the 1440px rhythm deliberately distinct from tablet. */
@media (min-width: 1200px) {
  .material-primary--atlas-fieldbook > div { grid-template-columns: minmax(230px, .28fr) minmax(0, 1fr); }
  .material-primary--signal-docket { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .material-primary--cinema-reel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .material-primary--studio-mosaic { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .material-primary--portal-beacon { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .material-primary--signal-docket, .material-primary--portal-beacon { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .material-primary--studio-mosaic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .material-primary--campaign-ledger, .material-primary--comparison-brief { display: block; overflow-x: auto; }
  .material-primary--campaign-ledger :is(th, td), .material-primary--comparison-brief :is(th, td) { min-width: 130px; }
  .material-primary--editorial-wire article { grid-template-columns: minmax(120px, .28fr) minmax(0, 1fr); }
}

@media (max-width: 640px) {
  .material-primary--atlas-fieldbook > div, .material-primary--atlas-fieldbook dd,
  .material-primary--quest-atlas details > div, .material-primary--cinema-reel figure,
  .material-primary--editorial-wire article, .material-primary--editorial-wire article > div { grid-template-columns: minmax(0, 1fr); }
  .material-primary--atlas-fieldbook dd { border-left: 0; border-top: 1px solid var(--surface-strong); }
  .material-primary--signal-docket, .material-primary--cinema-reel, .material-primary--rookie-notebook,
  .material-primary--portal-beacon { grid-template-columns: minmax(0, 1fr); }
  .material-primary--studio-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .material-primary--studio-mosaic article:nth-child(5n + 1) { grid-column: span 2; grid-row: auto; }
  .material-primary--quest-atlas summary { grid-template-columns: minmax(0, 1fr); }
  .material-primary--quest-atlas dl { grid-template-columns: minmax(0, 1fr); }
  .material-primary--rookie-notebook { padding-left: 18px; }
  .material-primary--rookie-notebook article > div { grid-template-columns: minmax(0, 1fr); }
  .material-primary--editorial-wire footer { grid-column: auto; }
  .material-primary--campaign-ledger {
    display: block;
    overflow-x: visible;
    border: 0;
    background: transparent;
  }
  .material-primary--campaign-ledger caption {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--surface-strong);
    background: var(--bg);
  }
  .material-primary--campaign-ledger thead {
    display: none;
  }
  .material-primary--campaign-ledger tbody {
    display: grid;
    gap: 16px;
  }
  .material-primary--campaign-ledger tbody > tr {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 18px;
    border: 1px solid var(--surface-strong);
    background: var(--bg);
  }
  .material-primary--campaign-ledger tbody > tr > :is(th, td) {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
  }
  .material-primary--campaign-ledger tbody > tr > th {
    position: absolute;
    inset: 10px auto auto 10px;
    z-index: 1;
    display: grid;
    width: 34px;
    min-height: 34px;
    place-items: center;
    border-radius: 999px;
    background: var(--accent);
    color: var(--on-accent);
  }
  .material-primary--campaign-ledger figure {
    grid-template-columns: minmax(0, 1fr);
  }
  .material-primary--campaign-ledger figure img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
  .material-primary--campaign-ledger tbody > tr > td > :is(ul, dl) {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
  }
}

@media (max-width: 390px) {
  [data-material-primary="true"] .material-primary { width: 100%; }
  .material-primary--atlas-fieldbook dt, .material-primary--atlas-fieldbook dd,
  .material-primary--quest-atlas summary, .material-primary--quest-atlas section { padding: 16px; }
  .material-primary--studio-mosaic { grid-template-columns: minmax(0, 1fr); }
  .material-primary--studio-mosaic article:nth-child(5n + 1) { grid-column: auto; }
  .material-primary--campaign-ledger figure { grid-template-columns: minmax(0, 1fr); }
  .material-primary--editorial-wire article { padding: 18px 0; }
}

@media (max-width: 360px) {
  .material-primary--signal-docket article > header, .material-primary--signal-docket article > footer,
  .material-primary--rookie-notebook footer, .material-primary--editorial-wire footer,
  .material-primary--portal-beacon footer { align-items: start; flex-direction: column; }
  .material-primary--cinema-reel { gap: 18px; }
  .material-primary--comparison-brief :is(th, td), .material-primary--campaign-ledger :is(th, td) { padding: 10px; }
}

@media (max-width: 320px) {
  .material-primary--atlas-fieldbook dt { font-size: 20px; }
  .material-primary--quest-atlas summary { font-size: 19px; }
  .material-primary--studio-mosaic article, .material-primary--rookie-notebook article { padding: 13px; }
  .material-primary--portal-beacon li { padding: 11px; }
}

/* Full gaming catalogs keep every authored field visible while switching to
   denser, genuinely different compositions. This is scoped away from
   Prompt+Image and never changes the browser limits or detector. */
body:not([data-content-mode="prompt_image"])
  #games.games--long-list[data-material-primary="true"] {
  padding-block: clamp(42px, 4vw, 72px);
}

@media (min-width: 1000px) {
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--editorial-wire {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--editorial-wire article {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 12px;
    padding-block: 18px;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--editorial-wire article > div {
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 12px;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--editorial-wire footer {
    grid-column: 1;
  }
}

@media (max-width: 820px) {
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"] {
    padding-block: 34px;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--editorial-wire article {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding-block: 12px;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--editorial-wire article > div {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--editorial-wire :is(.game-media-link, img) {
    width: 84px;
    aspect-ratio: 1;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--editorial-wire footer {
    grid-column: 1;
  }

  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--portal-beacon li {
    grid-template-columns: 84px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 8px 10px;
    padding: 10px;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--portal-beacon .game-portal-board__entry {
    grid-column: 2;
    grid-row: 1;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--portal-beacon figure {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--portal-beacon :is(.game-media-link, img) {
    width: 84px;
    aspect-ratio: 1;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--portal-beacon figcaption {
    grid-column: 2;
  }
  body:not([data-content-mode="prompt_image"])
    #games.games--long-list[data-material-primary="true"]
    .material-primary--portal-beacon footer {
    grid-column: 2;
    grid-row: 3;
  }

}

/* The original command and folio trees remain available as independent
   material topologies. Six authored games already form a full catalog, so
   their dense layouts use the same explicit length contract as integrations. */
@media (min-width: 900px) {
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-console > tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry {
    grid-template-columns: 108px minmax(0, 1fr);
    grid-template-areas:
      "command-rank command-media"
      "command-copy command-copy"
      "command-action command-action";
    align-content: start;
    border: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry > th {
    grid-area: command-rank;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__media {
    grid-area: command-media;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__copy {
    grid-area: command-copy;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__action {
    grid-area: command-action;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry > :is(th, td) {
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry > :last-child {
    border-bottom: 0;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry > th .game-command-title {
    margin-top: 12px;
    font-size: clamp(22px, 2.2vw, 32px);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__media figure {
    grid-template-columns: 104px minmax(0, 1fr);
    align-items: start;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__media img {
    width: 104px;
    aspect-ratio: 1;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__copy .game-tags {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
    margin-block: 12px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__action {
    grid-template-columns: minmax(80px, .5fr) auto auto;
    align-items: center;
    gap: 12px;
  }
}

@media (max-width: 899px) {
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .hero-command-brief {
    padding: 24px 16px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .hero-command-brief > article {
    gap: 18px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .hero-command-visual .hero-asset {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 7;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .hero-folio-mast {
    padding: 24px 16px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .hero-folio-actions {
    padding: 0 16px 20px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .hero-folio-plate .hero-asset {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 8;
  }

  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry {
    grid-template-columns: 82px minmax(0, 1fr);
    grid-template-areas:
      "command-rank command-media"
      "command-copy command-copy"
      "command-action command-action";
    align-content: start;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry > th {
    grid-area: command-rank;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__media {
    grid-area: command-media;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__copy {
    grid-area: command-copy;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__action {
    grid-area: command-action;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry > :is(th, td) {
    padding: 10px;
    border-right: 0;
    border-bottom: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry > :last-child {
    border-bottom: 0;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry > th .game-command-title {
    margin-top: 8px;
    font-size: clamp(19px, 6vw, 26px);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__media figure {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__media img {
    width: 72px;
    height: auto;
    aspect-ratio: 1;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games :is(
      .game-command-entry__media figcaption,
      .game-command-entry__copy > details > summary span,
      .game-command-entry__copy .game-points li
    ) {
    display: block;
    overflow: visible;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__copy .game-tags {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 10px;
    margin-block: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__action {
    grid-template-columns: minmax(76px, .5fr) auto;
    align-items: center;
    gap: 8px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    #games .game-command-entry__action .button {
    grid-column: 1 / -1;
  }

  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    #games .game-folio-entry {
    padding-block: 5px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    #games .game-folio-entry__heading {
    gap: 7px 10px;
    padding: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    #games .game-folio-entry__media,
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    #games .game-folio-entry:nth-child(even) .game-folio-entry__media {
    grid-template-columns: 84px minmax(0, 1fr);
    align-items: stretch;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    #games .game-folio-entry:nth-child(even) .game-folio-entry__media > .game-media-link {
    order: initial;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    #games .game-folio-entry__media > .game-media-link img {
    width: 84px;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    #games .game-folio-entry__media figcaption {
    gap: 9px;
    padding: 12px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    #games :is(
      .game-folio-copy > blockquote q,
      .game-folio-copy .game-points li
    ) {
    display: block;
    overflow: visible;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    #games .game-folio-entry__link {
    grid-template-columns: minmax(70px, .45fr) minmax(0, 1fr);
    gap: 8px;
    padding-top: 8px;
  }

  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) main > [data-section]:not([data-section="hero"]):not([data-section="games"]) {
    padding-block: 20px;
  }

  /* A six-game page is a complete publication, not only a compact game list.
     These mobile compositions keep every support field visible while using
     registers, two-up indexes, and compact dossiers instead of long card
     stacks. The browser caps remain unchanged. */
  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) main > [data-section]:not([data-section="hero"]):not([data-section="games"])
    .section-heading {
    margin-bottom: 14px;
  }
  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) main > [data-section]:not([data-section="hero"]):not([data-section="games"])
    .section-heading h2 {
    font-size: clamp(26px, 8vw, 34px);
    line-height: 1.08;
  }
  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) main > [data-section]:not([data-section="hero"]):not([data-section="games"])
    .section-heading p {
    line-height: 1.48;
  }
  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) :is(.description-panel, .session-plan, .reliability-panel) {
    padding: 18px;
  }
  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) .description-copy {
    gap: 8px;
    line-height: 1.5;
  }
  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) .session-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
  }
  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) .session-step {
    padding: 12px;
  }
  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) .session-step h3 {
    margin-block: 6px;
    font-size: 18px;
    line-height: 1.12;
  }
  body[data-game-density="long"]:is(
    [data-structural-paradigm="command-deck"],
    [data-structural-paradigm="folio-issue"]
  ) .session-step p {
    line-height: 1.42;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .feature-command-board .panel {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .feature-command-board .panel dt,
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .feature-command-board .panel > dd {
    padding: 16px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .feature-command-board .panel dt {
    gap: 8px;
    border-right: 0;
    border-bottom: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .feature-command-board .panel .feature-command-title {
    font-size: 20px;
    line-height: 1.15;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .feature-command-board .panel > dd {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .feature-command-board .panel-icon {
    width: 30px;
    height: 30px;
    margin: 0;
  }
  body[data-structural-paradigm="command-deck"]
    section[data-section="faq"] > table.faq-command-index > thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .faq-command-index > tbody {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .faq-command-index > tbody > tr {
    display: block;
    min-width: 0;
    border-right: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .faq-command-index > tbody > tr:nth-child(even) {
    border-right: 0;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .faq-command-index > tbody > tr > :is(th, td) {
    display: block;
    width: 100%;
    padding: 10px;
    border-right: 0;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .faq-command-index th samp {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.3;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .faq-command-index output {
    line-height: 1.42;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .library-command-index {
    display: block;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .library-command-index > caption {
    display: grid;
    gap: 4px;
    padding: 10px;
    text-align: left;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .library-command-index > tbody {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .library-command-index > tbody > tr {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    min-width: 0;
    border-top: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .library-command-index > tbody > tr:nth-child(odd) {
    border-right: 0;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .library-command-index > tbody > tr > th {
    width: auto;
    padding: 10px 6px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .library-command-index > tbody > tr > td > a {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    padding: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .contact-command-layout > :is(header, aside) {
    padding: 16px;
  }
  body[data-game-density="long"][data-structural-paradigm="command-deck"]
    .contact-command-fields :is(th, td) {
    padding-block: 8px;
  }

  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .feature-folio-spreads {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .feature-folio-spreads .panel {
    padding: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .feature-folio-spreads .panel :is(summary, blockquote, footer) {
    padding: 8px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .advantage-folio-index > li {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .advantage-folio-index h3 {
    font-size: 20px;
    line-height: 1.08;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .criteria-folio-register > div {
    grid-template-columns: 96px minmax(0, 1fr);
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .criteria-folio-register :is(dt, dd) {
    padding: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .criteria-folio-register dt {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    border-right: 1px solid var(--surface-strong);
    border-bottom: 0;
    font-size: 17px;
    line-height: 1.12;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .criteria-folio-register dd p {
    line-height: 1.42;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .route-folio-index a {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .route-folio-index a > data {
    grid-column: 1;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .route-folio-index a > hgroup {
    grid-column: 2;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .route-folio-index a > small {
    grid-column: 2;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .route-folio-index h3 {
    font-size: 19px;
    line-height: 1.08;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .route-folio-index small {
    line-height: 1.4;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .editorial-folio-ledger {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .editorial-folio-ledger > header {
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .editorial-folio-ledger > ol > li {
    grid-template-columns: 34px minmax(0, 1fr);
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .editorial-folio-ledger > ol data,
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .editorial-folio-card {
    padding: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .editorial-folio-card h3 {
    margin-block: 5px 8px;
    font-size: 20px;
    line-height: 1.08;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .reliability-folio-dossier {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .reliability-folio-dossier > header {
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .reliability-folio-dossier :is(th, td) {
    padding: 10px;
    line-height: 1.4;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .reliability-folio-dossier th {
    font-size: 16px;
    line-height: 1.12;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .faq-folio-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .faq-folio-columns > .faq-item {
    border-right: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .faq-folio-columns > .faq-item:nth-child(even) {
    border-right: 0;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .faq-folio-columns > .faq-item > details {
    padding: 0;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .faq-folio-columns > .faq-item :is(summary, .faq-folio-answer) {
    gap: 8px;
    padding: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .faq-folio-columns .faq-folio-question {
    font-size: 17px;
    line-height: 1.12;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .library-folio-index > header {
    padding: 12px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .library-folio-index > ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .library-folio-index > ol > li {
    min-width: 0;
    border-top: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .library-folio-index > ol > li:nth-child(odd) {
    border-right: 1px solid var(--surface-strong);
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .library-folio-index details {
    padding: 10px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .library-folio-index details > :is(summary, p, a) {
    margin-block: 5px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .contact-folio-letter > :is(hgroup, .contact-folio-form) {
    padding: 16px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .contact-folio-fields {
    gap: 8px;
  }
  body[data-game-density="long"][data-structural-paradigm="folio-issue"]
    .contact-folio-fields fieldset {
    padding: 10px;
  }
}

/* Measured full-page material support topology; selectors correspond to real DOM wrappers. */
[data-material-support-signature] .material-support-cell {
  min-width: 0;
  margin: 0;
  min-height: 0;
  height: auto;
  isolation: isolate;
}
[data-material-support-signature] .material-support-semantic-shell,
[data-material-support-signature] .material-support-semantic-family {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: auto;
  margin: 0;
  box-sizing: border-box;
}
[data-material-support-signature] .material-support-semantic-family {
  padding: 0;
  border: 0;
}
[data-material-support-signature] :is(
  ol,
  menu
).material-support-semantic-family {
  list-style: none;
}
[data-material-support-signature] table.material-support-semantic-family {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
[data-material-support-signature] table.material-support-semantic-family > tbody > tr > th {
  width: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
[data-material-support-signature] table.material-support-semantic-family > tbody > tr > td,
[data-material-support-signature] dl.material-support-semantic-family > div > dd:not(
  [data-material-support-semantic-source]
) {
  min-width: 0;
  padding: 0;
  margin: 0;
}
[data-material-support-signature] dl.material-support-semantic-family > div > dt {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
[data-material-support-signature] details.material-support-semantic-family > summary[hidden] {
  display: none;
}
[data-material-support-signature] .material-support-semantic-family > :is(
  article,
  aside,
  div,
  li,
  section
) {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}

[data-section="advantages"][data-material-support-semantic-family="article-card"]
  .material-support-semantic-family--article-card {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  align-content: start;

}

[data-section="asset-cues"][data-material-support-semantic-family="menu-index"]
  .material-support-semantic-family--menu-index {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  padding-inline-start: 0;

}

[data-section="assets"][data-material-support-semantic-family="disclosure-stack"]
  .material-support-semantic-family--disclosure-stack {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  overflow: visible;

}

[data-section="contact"][data-material-support-semantic-family="ordered-register"]
  .material-support-semantic-family--ordered-register {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  padding-inline-start: 0;

}

[data-section="criteria"][data-material-support-semantic-family="disclosure-stack"]
  .material-support-semantic-family--disclosure-stack {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  overflow: visible;

}

[data-section="description"][data-material-support-semantic-family="definition-register"]
  .material-support-semantic-family--definition-register {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  align-content: start;

}

[data-section="editorial"][data-material-support-semantic-family="menu-index"]
  .material-support-semantic-family--menu-index {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  padding-inline-start: 0;

}

[data-section="faq"][data-material-support-semantic-family="table-ledger"]
  .material-support-semantic-family--table-ledger {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  inline-size: 100%;

}

[data-section="features"][data-material-support-semantic-family="aside-dossier"]
  .material-support-semantic-family--aside-dossier {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  align-content: start;

}

[data-section="genre-routes"][data-material-support-semantic-family="table-ledger"]
  .material-support-semantic-family--table-ledger {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  inline-size: 100%;

}

[data-section="library"][data-material-support-semantic-family="ordered-register"]
  .material-support-semantic-family--ordered-register {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  padding-inline-start: 0;

}

[data-section="reliability"][data-material-support-semantic-family="navigation-route"]
  .material-support-semantic-family--navigation-route {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  padding-inline-start: 0;

}

[data-section="session-plan"][data-material-support-semantic-family="definition-register"]
  .material-support-semantic-family--definition-register {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  align-content: start;

}

[data-section="spotlight"][data-material-support-semantic-family="aside-dossier"]
  .material-support-semantic-family--aside-dossier {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  align-content: start;

}

[data-section="testimonials"][data-material-support-semantic-family="article-card"]
  .material-support-semantic-family--article-card {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;

  align-content: start;

}

[data-material-support-signature] .material-support-layer {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}
[data-material-support-signature] .material-support-cell > .material-support-layer,
[data-material-support-signature] .material-support-layer > :is(article, aside, blockquote, div, figure, section) {
  min-height: 0;
  height: auto;
}
[data-material-support-signature] .material-support-cell > .material-support-layer {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
[data-material-support-signature] .material-support-layer > :is(article, aside, blockquote, div, figure, form, section) {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
[data-material-support-signature] .material-support-layer > form.contact-form {
  width: 100%;
}
[data-material-support-signature] .material-support-cell > :is(article, aside, blockquote, div, figure, section) {
  margin: 0;
}
.feature-list-rail > .panel > .material-support-cell {
  grid-column: 1 / -1;
  width: 100%;
}
.feature-command-board .panel > dd > .material-support-cell:only-child {
  grid-column: 1 / -1;
}
[data-material-support-signature] .material-support-semantic-family--navigation-route :is(ol, ul) {
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-material-support-flow] {
  min-width: 0;
  align-items: stretch;
  margin: 0;
  padding: 0;
}
[data-material-support-flow] > * {
  min-width: 0;
  max-width: 100%;
}
[data-section][data-material-support-semantic-family] > .section-heading {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

[data-material-support-flow-area="features"][data-material-support-flow="offset"] {

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  gap: clamp(14px, 2vw, 28px);

}


[data-material-support-flow-area="gallery"][data-material-support-flow="steps"] {

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: clamp(18px, 2.5vw, 34px);
  counter-reset: material-support-step;

}


[data-material-support-flow-area="faq"][data-material-support-flow="notebook"] {

  display: grid;

  grid-template-columns: minmax(0, 1fr);

  gap: clamp(12px, 1.8vw, 24px);

}


[data-material-support-flow-area="contact"][data-material-support-flow="rail"] {

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 1px;
  background: var(--surface-strong);

}

[data-material-support-flow-area="contact"][data-material-support-flow="rail"] > * {
  background: var(--bg-2);
}





[data-material-support-signature] .material-support-geometry--offset:nth-child(even) {
  translate: 0 clamp(6px, 1.2vw, 18px);
}


[data-material-support-signature] .material-support-geometry--rail {
  padding-block: 10px;
  border-block: 1px solid var(--surface-strong);
}


[data-material-support-signature] .material-support-geometry--steps {
  counter-increment: material-support-step;
  padding-top: 18px;
}
[data-material-support-signature] .material-support-geometry--steps::before {
  content: counter(material-support-step, decimal-leading-zero);
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: 11px;
  font-weight: 850;
}




[data-material-support-signature] .material-support-geometry--notebook {
  padding: 8px;
  background-image: linear-gradient(to bottom, transparent 31px, color-mix(in srgb, var(--surface-strong) 46%, transparent) 32px);
  background-size: 100% 32px;
}

@media (max-width: 700px) {
  [data-material-support-flow-area][data-material-support-flow] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  [data-material-support-flow-area][data-material-support-flow] > * {
    grid-column: 1 / -1;
  }

  [data-material-support-signature] .material-support-geometry--offset:nth-child(even) { translate: none; }


}
/* Selected material morphology only. Each candidate emits one real geometry graph. */










[data-section="hero"] :where(section).material-morph-hero--route-index {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.site-page [data-section="hero"].hero-morph-shell--route {
  display: block;
  grid-template-columns: none;
  grid-template-rows: none;
  min-height: 0;
  padding: 0;
}

.material-geometry-envelope--g3,
.material-geometry-envelope--g5,
.material-geometry-envelope--g3 > .material-geometry-layer,
.material-geometry-envelope--g5 > .material-geometry-layer {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}



.material-geometry-envelope--g3 {
  outline: 1px solid color-mix(in srgb, var(--surface-strong) 72%, transparent);
  outline-offset: -1px;
  border-radius: var(--radius-card);
  background: color-mix(in srgb, var(--surface) 42%, transparent);
}



.material-geometry-envelope--g5 {
  box-shadow: inset clamp(5px, 1vw, 12px) 0 0
    color-mix(in srgb, var(--surface-strong) 42%, transparent);
}
.material-geometry-envelope--g5 > .material-geometry-layer {
  padding-block: clamp(8px, 1.5vw, 20px);
  border-block-end: 3px solid var(--surface-strong);
}




:where(section).material-morph-hero--route-index {
  gap: clamp(14px, 2vw, 28px);
  margin: 0;
  padding: clamp(18px, 4vw, 58px);
  background: color-mix(in srgb, var(--bg-2) 88%, transparent);
  color: var(--on-bg-2);
}
:where(section).material-morph-hero--route-index :is(h1, h2, h3, p, small, strong, a:not(.button)),
.material-footer-shell--relay > div :is(h2, h3, p, small, strong, a:not(.button)),
.material-games-shell--route-index > ol > li :is(h2, h3, p, small, strong, a:not(.button)),
.material-games-shell--disclosures > details :is(h2, h3, p, small, strong, summary, a:not(.button)),
.material-games-shell--comparison :is(h2, h3, p, small, strong, a:not(.button)),
.material-games-shell--register > div :is(h2, h3, p, small, strong, dt, dd, a:not(.button)),
.material-games-shell--chapters article :is(h2, h3, p, small, strong, a:not(.button)),
.material-games-shell--field-notes > blockquote :is(h2, h3, p, small, strong, dt, dd, a:not(.button)),
.material-morph-hero--route-index > ol > li :is(h1, h2, h3, p, small, strong, a:not(.button)),
.material-morph-hero--register :is(h1, h2, h3, p, small, strong, dt, dd, a:not(.button)),
.material-morph-primary--record-register > div :is(h2, h3, p, small, strong, dt, dd, a:not(.button)),
.material-morph-primary--field-body :is(h2, h3, p, small, strong, a:not(.button)) {
  color: inherit;
}
.material-footer-shell--relay > div,
.material-games-shell--route-index > ol > li,
.material-games-shell--disclosures > details,
.material-games-shell--comparison,
.material-games-shell--register > div,
.material-games-shell--chapters article,
.material-games-shell--field-notes > blockquote,
.material-morph-hero--route-index > ol > li,
.material-morph-hero--register,
.material-morph-primary--record-register > div,
.material-morph-primary--field-body {
  color: var(--on-bg-2);
}
:where(section).material-morph-hero--route-index :is(h1, h2, p, figure, blockquote, menu, ol, dl) {
  min-width: 0;
  margin-block-start: 0;
}
:where(section).material-morph-hero--route-index .material-morph-hero__copy {
  display: grid;
  gap: clamp(10px, 1.5vw, 18px);
  align-content: center;
  min-width: 0;
}
:where(section).material-morph-hero--route-index .material-morph-hero__media {
  min-width: 0;
  margin: 0;
}
:where(section).material-morph-hero--route-index .material-morph-hero__media img {
  width: 100%;
  max-height: min(56vh, 540px);
  object-fit: cover;
}
:where(section).material-morph-hero--route-index .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(section).material-morph-hero--route-index .hero-actions li {
  min-width: 0;
}


.material-hero-family-context--wire {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 10px clamp(14px, 2vw, 24px);
  box-sizing: border-box;
  border-block-start: 1px solid var(--surface-strong);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.material-hero-family-context--wire :is(p, ol, ul, menu, dl, blockquote, figure) {
  min-width: 0;
  margin: 0;
  padding: 0;
}
.material-hero-family-context--wire dd {
  min-width: 0;
  margin: 0;
}
.material-hero-family-context--wire :is(ol, ul, menu) {
  list-style: none;
}

.material-hero-family-context--wire {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
}
.material-hero-family-context--wire > header {
  display: grid;
  gap: 4px;
}

:where(section).material-footer-shell--briefing,
.material-footer-shell__meta,
.material-footer-shell__roll,
.material-footer-shell__legal,
.material-footer-shell__margin,
.material-footer-shell__timeline-meta {
  grid-column: 1 / -1;
  min-width: 0;
  box-sizing: border-box;
}
:where(section).material-footer-shell--briefing :is(ol, ul, menu),
.material-footer-shell__roll {
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(section).material-footer-shell--briefing nav,
.material-footer-shell__roll nav {
  display: grid;
  gap: 8px;
}








.material-footer-shell--briefing {
  display: grid;
  gap: clamp(18px, 3vw, 36px);
}
.material-footer-shell--briefing > .material-footer-shell__identity,
.material-footer-shell--briefing > .material-footer-shell__closing {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  align-items: center;
  justify-content: space-between;
}
.material-footer-shell--briefing > ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.material-footer-shell--briefing > ul > li {
  padding: 16px;
  border: 1px solid var(--surface-strong);
}
.material-footer-shell--briefing > ul > li > ul {
  display: grid;
  gap: 8px;
}




:where(section).material-games-shell--chapters,
:where(section).material-games-shell--chapters :is(article, aside, blockquote, details, div, dl, dt, dd, figure, footer, header, hgroup, li, menu, nav, ol, picture, section, table, tbody, tr, th, td, ul) {
  min-width: 0;
  box-sizing: border-box;
}
:where(section).material-games-shell--chapters :is(ol, ul, menu, dl, blockquote, figure, p) {
  margin: 0;
}
:where(section).material-games-shell--chapters :is(ol, ul, menu) {
  padding: 0;
  list-style: none;
}
:where(section).material-games-shell--chapters img {
  display: block;
  width: 100%;
  height: clamp(150px, 18vw, 250px);
  object-fit: cover;
  border-radius: calc(var(--radius-card) * .72);
}
:where(section).material-games-shell--chapters :is(output, data) {
  font-variant-numeric: tabular-nums;
}
:where(section).material-games-shell--chapters mark {
  display: inline-grid;
  min-width: 2.25rem;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--surface-strong));
  border-radius: 999px;
  padding: .32rem .58rem;
  background: color-mix(in srgb, var(--accent) 11%, var(--surface));
  color: var(--text);
  font-size: .74rem;
  font-weight: 900;
}
:where(section).material-games-shell--chapters h3 {
  margin: 0;
  color: inherit;
  line-height: 1.08;
}
:where(section).material-games-shell--chapters [data-material-game-item] {
  color: inherit;
}
:where(section).material-games-shell--chapters [data-material-game-item] :is(p, figcaption, dd, ol > li) {
  font-size: max(14px, 0.94em);
  line-height: 1.5;
}
:where(section).material-games-shell--chapters [data-material-game-item]
  :is(.game-title-link, h3 > a, strong > a, th[scope="row"] > a, summary > strong, dt > a) {
  font-size: max(18px, 1em);
  line-height: 1.2;
}
:where(section).material-games-shell--chapters :is(p, dd) {
  color: inherit;
  line-height: 1.55;
}
:where(section).material-games-shell--chapters :is(li, article, details, blockquote, tr) {
  transition: border-color .2s ease, box-shadow .2s ease, translate .2s ease;
}
:where(section).material-games-shell--chapters :is(footer, header) {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.material-games-shell--route-index article > ul,
.material-games-shell--route-menu article > dl,
.material-games-shell--chapters article > section aside > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}





.material-games-shell--chapters {
  display: grid;
  gap: clamp(16px, 3vw, 32px);
}
.material-games-shell--chapters article {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr);
  gap: clamp(14px, 3vw, 36px);
  border: 1px solid var(--surface-strong);
  border-inline-start: 4px solid var(--accent);
  border-radius: var(--radius-card);
  padding: clamp(14px, 2.2vw, 26px);
  background: var(--bg-2);
  box-shadow: 0 12px 34px color-mix(in srgb, var(--shadow) 56%, transparent);
}
.material-games-shell--chapters article > header,
.material-games-shell--chapters article > nav {
  grid-column: 1 / -1;
}
.material-games-shell--chapters article > section {
  display: contents;
}
.material-games-shell--chapters article > nav {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

body.site-page[data-design-grammar] #play-now[class*="hero-morph-shell--"] .material-morph-hero--full h1 {
  max-width: 20ch;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  line-height: 1 !important;
}










.material-morph-hero--route-index {
  display: grid;
  grid-template-columns: minmax(150px, .42fr) minmax(0, 1fr) minmax(220px, .72fr);
  align-items: center;
}
.material-morph-hero--route-index > ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--surface-strong);
}
.material-morph-hero--route-index > ol > li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px 16px;
  background: var(--bg-2);
}













.material-morph-primary--chapter-index ol {
  display: grid;
  gap: 10px;
  padding: 0;
  list-style: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-block-end: 22px;
}
.material-morph-primary--chapter-index li > a {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  height: 100%;
  padding: 12px;
  border-block-end: 2px solid var(--surface-strong);
  background: var(--bg);
  color: var(--text);
}
.collection-material-chapters li > a img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.material-morph-primary--chapter-body {
  display: grid;
  gap: 20px;
  padding-block: 18px;
  border-block: 1px solid var(--surface-strong);
}




/* A second independent axis changes measured page geometry for every shape,
   including shape zero, without adding decorative or hidden DOM. */
body[data-material-morphology-geometry="2"]
  main > [data-section]:not([data-section="hero"]) > .section-heading {
  min-width: 0;
}

body[data-material-morphology-geometry="2"]
  main > [data-section]:not([data-section="hero"]) > .section-heading {
  display: grid;
  grid-template-columns: minmax(150px, .5fr) minmax(0, 1.5fr);
  gap: 8px clamp(16px, 4vw, 58px);
  width: calc(100% - clamp(18px, 5vw, 72px));
  margin-inline-start: clamp(18px, 5vw, 72px);
  padding-block-end: 14px;
  border-block-end: 3px double var(--surface-strong);
}
body[data-material-morphology-geometry="2"] main > [data-section] > .section-heading > .eyebrow {
  grid-column: 1 / -1;
}


@media (max-width: 700px) {
  .material-morph-hero--register > dl,
  .material-morph-hero--route-index > ol,
  .material-morph-primary--lead-index > ol,
  .material-morph-primary--record-register,
  .material-morph-primary--route-menu,
  .material-morph-hero--chapter-rail,
  .material-morph-hero--chapter-rail ol,
  .material-morph-hero--folio,
  .material-morph-hero--timeline,
  .material-morph-hero--scorecard > section,
  .material-morph-primary--chapter-index ol,
  .material-morph-primary--field-notes > dl,
  .material-morph-hero--editorial-route,
  .material-morph-hero--quote-route {
    grid-template-columns: 1fr;
  }
  .material-morph-hero--timeline > li + li {
    border-inline-start: 0;
    border-top: 1px solid var(--surface-strong);
  }
  .material-morph-hero--timeline > li {
    grid-template-columns: minmax(0, 1fr);
    padding: 16px;
  }
  .material-morph-hero--timeline h1 {
    font-size: 34px !important;
  }
  .material-morph-hero--dossier {
    grid-template-columns: minmax(0, 1fr);
  }
  .material-morph-hero--dossier > :is(header, dl, .material-morph-hero__media, .hero-actions) {
    grid-column: 1;
  }
  .material-morph-hero--signal-table,
  .material-morph-hero--signal-table :is(caption, thead, tbody, tr, th, td) {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .material-morph-hero--signal-table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .material-morph-hero--signal-table :is(th, td) {
    min-width: 0;
  }
  .material-morph-hero--signal-table thead th:first-child,
  .material-morph-hero--signal-table tbody th {
    padding-block: 6px;
    color: var(--muted);
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .material-morph-hero--signal-table h1 {
    max-width: 14ch;
  }
  .material-morph-hero--signal-table .material-morph-hero__media img {
    max-height: 220px;
  }
  .collection-material-records > div > dd {
    grid-template-columns: minmax(0, 1fr);
  }
  :where(section).material-morph-hero--route-index,
  .material-morph-hero--register,
  .material-morph-hero--route-index,
  .material-morph-hero--disclosure > .material-morph-hero__spread,
  .material-morph-hero--chapter-rail > .material-morph-hero__spread,
  body.site-page [data-section="hero"].hero-morph-shell--quote {
    grid-template-columns: minmax(0, 1fr);
  }
  .material-hero-family-context--wire {
    grid-template-columns: minmax(0, 1fr);
  }
  .material-hero-family-context--wire > dl,
  .material-hero-family-context--wire > dl > div {
    grid-template-columns: minmax(0, 1fr);
  }
  .hero-morph-shell--quote > :is(
    .material-morph-hero__media,
    .material-hero-family-context,
    .material-morph-hero--quote-route
  ) {
    grid-column: 1;
    grid-row: auto;
  }
  .hero-morph-shell--quote > .material-morph-hero--quote-route {
    grid-row: 1;
  }
  .hero-morph-shell--quote > .material-morph-hero__media {
    grid-row: 2;
  }
  .hero-morph-shell--quote > .material-hero-family-context {
    grid-row: 3;
  }
  :where(section).material-morph-hero--route-index {
    padding: clamp(16px, 6vw, 28px);
  }
  :where(section).material-morph-hero--route-index .lead {
    font-size: 17px;
    line-height: 1.55;
  }
  .material-morph-hero--register {
    margin-inline: 0;
  }
  .material-morph-hero--register > .hero-actions {
    grid-column: auto;
  }
  .material-footer-shell--index,
  .material-footer-shell--index > nav > ol,
  .material-footer-shell--relay,
  .material-footer-shell--chapters > ol,
  .material-footer-shell--ledger > div,
  .material-footer-shell__roll,
  .material-footer-shell--tabs,
  .material-footer-shell--tabs > ul,
  .material-footer-shell--briefing > ul,
  .material-footer-shell--timeline,
  .material-footer-shell--directory > dl,
  .material-footer-shell--sitemap,
  .material-footer-shell--sitemap > menu {
    grid-template-columns: minmax(0, 1fr);
  }
  .material-games-shell--route-index > ol,
  .material-games-shell--route-index article,
  .material-games-shell--disclosures,
  .material-games-shell--disclosures > details > div,
  .material-games-shell--register > div,
  .material-games-shell--route-menu,
  .material-games-shell--chapters article,
  .material-games-shell--folio-grid,
  .material-games-shell--folio-grid > article,
  .material-games-shell--timeline > li > section > div,
  .material-games-shell--dossiers,
  .material-games-shell--dossiers > section > div,
  .material-games-shell--scorecards,
  .material-games-shell--scorecards > fieldset > div {
    grid-template-columns: minmax(0, 1fr);
  }
  .material-games-shell--route-index article > * {
    grid-column: auto;
  }
  :where(section).material-games-shell--chapters img {
    height: clamp(112px, 34vw, 148px);
  }
  .material-games-shell--comparison,
  .material-games-shell--comparison tbody {
    display: block;
    width: 100%;
  }
  .material-games-shell--comparison tr {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 8px 10px;
    border-block-start: 1px solid var(--surface-strong);
    padding-block: 7px;
  }
  .material-games-shell--comparison :is(th, td) {
    display: block;
    width: auto;
    padding: 6px;
    border: 0;
  }
  .material-games-shell--comparison
    tr > :is(th, td:nth-of-type(1), td:nth-of-type(2), td:last-child) {
    width: 100%;
  }
  .material-games-shell--comparison th {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
  }
  .material-games-shell--comparison td:nth-of-type(1) {
    grid-column: 1;
  }
  .material-games-shell--comparison td:nth-of-type(2) {
    grid-column: 2;
  }
  .material-games-shell--comparison td:last-child {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
  }
  .material-games-shell--field-notes {
    columns: 1;
  }
  .material-games-shell--field-notes > blockquote {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 10px 12px;
    padding: 12px;
  }
  .material-games-shell--field-notes > blockquote > header {
    grid-column: 2;
    align-items: start;
  }
  .material-games-shell--field-notes > blockquote > header > data {
    display: none;
  }
  .material-games-shell--field-notes > blockquote > header > small {
    flex: 0 0 auto;
  }
  .material-games-shell--field-notes > blockquote > figure {
    grid-column: 1;
    grid-row: 1 / span 2;
  }
  .material-games-shell--field-notes > blockquote > figure > img {
    width: 96px;
    height: 96px;
    aspect-ratio: 1;
  }
  .material-games-shell--field-notes > blockquote > figure > figcaption {
    margin-block-start: 6px;
    font-size: 11px;
    line-height: 1.3;
  }
  .material-games-shell--field-notes > blockquote > dl {
    grid-column: 2;
    grid-template-columns: minmax(0, 1fr);
  }
  .material-games-shell--field-notes > blockquote > ul,
  .material-games-shell--field-notes > blockquote > cite {
    grid-column: 1 / -1;
  }
  .material-footer-shell--matrix {
    display: block;
    overflow-x: auto;
  }
  .material-morph-hero--chapter-rail {
    align-items: start;
  }
  .material-morph-hero--quote-route > * {
    min-width: 0;
  }
  .material-morph-hero--quote-route :is(menu, ul) {
    flex-wrap: wrap;
  }
  .material-morph-primary--comparison-index {
    display: block;
  }
  .material-morph-primary--comparison-index tbody {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-material-morphology-geometry]
    main > [data-section]:not([data-section="hero"]) > .section-heading {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }
  body[data-material-morphology-geometry]
    main > [data-section] > .section-heading > :is(.eyebrow, p:last-child) {
    grid-column: auto;
  }
}

@media (max-width: 390px) {
  .material-games-shell--comparison tr {
    grid-template-columns: minmax(0, 1fr);
  }
  .material-games-shell--comparison :is(th, td:nth-of-type(1), td:nth-of-type(2), td:last-child) {
    grid-column: 1;
  }
}
/* Topic-neutral primary collection. Loaded only for prompt_image artifacts. */
body.site-page[data-content-mode="prompt_image"][data-design-grammar]
  main [data-section="collection"][data-primary-section="true"] {
  display: grid;
  gap: clamp(24px, 4vw, 46px);
  background: var(--bg-2);
  color: var(--on-bg-2);
}
body[data-content-mode="prompt_image"] [data-section="collection"] > * {
  width: min(100%, 1240px);
  min-width: 0;
  margin-inline: auto;
}
body[data-content-mode="prompt_image"] [data-section="collection"] .section-heading {
  margin: 0;
  text-align: start;
}
body[data-content-mode="prompt_image"] [data-section="collection"] .section-heading h2 {
  color: inherit;
}
body[data-content-mode="prompt_image"] [data-section="collection"] .section-heading .eyebrow {
  color: var(--on-bg-2);
}
body[data-content-mode="prompt_image"] [data-section="collection"] .section-heading p {
  margin-inline: 0;
}
body[data-content-mode="prompt_image"] [data-section="collection"] .section-heading p:not(.eyebrow) {
  color: color-mix(in srgb, var(--on-bg-2) 86%, transparent);
}
.collection-reference {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--surface-strong);
  border-radius: clamp(18px, 3vw, 34px);
  background: var(--bg);
}
.collection-reference img {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 8;
  object-fit: cover;
}
.collection-card-grid,
.collection-visual-grid,
.collection-ranked-list,
.collection-directory,
.collection-table {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 24px);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.collection-card-grid > article,
.collection-visual-grid > article,
.collection-ranked-list > li,
.collection-directory > div,
.collection-table > article {
  display: grid;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--surface-strong);
  border-radius: clamp(16px, 2vw, 26px);
  background: var(--bg);
  color: var(--text);
  box-shadow: 0 18px 60px var(--shadow);
}
.collection-card-grid > article,
.collection-visual-grid > article {
  grid-template-rows: auto 1fr auto;
}
.collection-media-link {
  display: block;
  min-width: 0;
  overflow: hidden;
  background: var(--bg-3);
}
.collection-media-link img {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform .24s ease;
}
.collection-media-link:hover img { transform: scale(1.025); }
.collection-item__copy {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: clamp(18px, 2.4vw, 28px);
}
.collection-item__copy h3,
.collection-item__copy p { margin: 0; }
.collection-item__copy h3 {
  font-size: clamp(21px, 2.2vw, 32px);
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.collection-item__copy h3 a { color: inherit; text-decoration: none; }
.collection-item__copy p { color: var(--muted); line-height: 1.65; }
.collection-item__kicker,
.collection-item__index {
  color: var(--accent);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.collection-item__tags,
.collection-item__metadata {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.collection-item__tags span,
.collection-item__metadata li {
  border: 1px solid var(--surface-strong);
  border-radius: 999px;
  padding: 6px 10px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.2;
}
.collection-item__action {
  align-self: end;
  justify-self: start;
  margin: 0 clamp(18px, 2.4vw, 28px) clamp(18px, 2.4vw, 28px);
}
.collection-ranked-list,
.collection-directory,
.collection-table { grid-template-columns: minmax(0, 1fr); }
.collection-ranked-list > li,
.collection-table > article {
  grid-template-columns: 54px minmax(180px, .42fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(14px, 2vw, 28px);
  padding: clamp(14px, 2vw, 22px);
}
.collection-ranked-list .collection-media-link,
.collection-table .collection-media-link { border-radius: 14px; }
.collection-ranked-list .collection-media-link img,
.collection-table .collection-media-link img { aspect-ratio: 4 / 3; }
.collection-ranked-list .collection-item__copy,
.collection-table .collection-item__copy { padding: 0; }
.collection-ranked-list .collection-item__action,
.collection-table .collection-item__action { margin: 0; }
.collection-directory > div { padding: clamp(18px, 2.4vw, 28px); }
.collection-directory dt {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 16px;
  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 850;
}
.collection-directory dt a { color: inherit; text-decoration: none; }
.collection-directory dd {
  display: grid;
  grid-template-columns: minmax(180px, .4fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(16px, 2vw, 26px);
  margin: 0;
}
.collection-directory .collection-media-link { border-radius: 14px; }
.collection-directory .collection-item__copy { padding: 0; }
.collection-directory .collection-item__action { margin: 0; }

/* A master index and detail workspace, deliberately unlike a card/list collection. */
.collection-command-console {
  display: grid;
  grid-template-columns: minmax(190px, .3fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(18px, 3vw, 38px);
  min-width: 0;
}
.collection-command-index {
  position: sticky;
  top: 24px;
  min-width: 0;
  border-block: 1px solid var(--surface-strong);
  background: color-mix(in srgb, var(--bg) 82%, transparent);
}
.collection-command-index menu {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.collection-command-index li {
  min-width: 0;
  border-bottom: 1px solid var(--surface-strong);
}
.collection-command-index li:last-child { border-bottom: 0; }
.collection-command-index a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 13px 10px;
  color: inherit;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.3;
  text-decoration: none;
}
.collection-command-index a span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.collection-command-index a span:first-child {
  color: var(--accent);
  font-variant-numeric: tabular-nums;
}
.collection-command-index a:hover,
.collection-command-index a:focus-visible {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
.collection-command-panels {
  display: grid;
  gap: clamp(18px, 2.6vw, 32px);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.collection-command-panels__slot,
.collection-command-panels__frame { display: contents; }
.collection-command-panel {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(220px, 1.18fr);
  grid-template-areas:
    "command-head command-figure"
    "command-foot command-figure";
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--surface-strong);
  border-left: 5px solid var(--accent);
  background: var(--bg);
  color: var(--text);
}
.collection-command-panel__header {
  grid-area: command-head;
  min-width: 0;
  padding: clamp(18px, 2.5vw, 30px);
}
.collection-command-panel__header .collection-item__index {
  display: block;
  margin-bottom: clamp(18px, 3vw, 42px);
}
.collection-command-panel__header .collection-item__kicker { margin: 0 0 8px; }
.collection-command-panel__header .collection-command-title {
  display: block;
  margin: 0;
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1;
  overflow-wrap: anywhere;
}
.collection-command-panel__header .collection-command-title a {
  color: inherit;
  text-decoration: none;
}
.collection-command-panel__figure {
  grid-area: command-figure;
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  margin: 0;
  border-left: 1px solid var(--surface-strong);
  background: var(--bg-3);
}
.collection-command-panel__figure .collection-media-link { min-width: 0; }
.collection-command-panel__figure img { aspect-ratio: 4 / 3; }
.collection-command-panel__figure figcaption {
  min-width: 0;
  padding: clamp(16px, 2vw, 24px);
  color: var(--muted);
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.collection-command-panel__footer {
  grid-area: command-foot;
  display: grid;
  align-content: end;
  gap: 14px;
  min-width: 0;
  padding: clamp(18px, 2.5vw, 30px);
  border-top: 1px solid var(--surface-strong);
}
.collection-command-panel__footer .collection-item__action { margin: 0; }

/* An issue-like sequence of editorial folios, with alternating page geometry. */
.collection-folio-volume {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: collection-folio;
}
.collection-folio-leaf {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-areas:
    "folio-head folio-head folio-head folio-head folio-figure folio-figure folio-figure folio-figure folio-figure folio-figure folio-figure folio-figure"
    "folio-content folio-content folio-content folio-content folio-content folio-content folio-foot folio-foot folio-foot folio-foot folio-foot folio-foot";
  gap: clamp(18px, 3vw, 42px);
  align-items: start;
  min-width: 0;
  padding-block: clamp(28px, 5vw, 70px);
  border-top: 1px solid var(--surface-strong);
  counter-increment: collection-folio;
}
.collection-folio-leaf:last-child { border-bottom: 1px solid var(--surface-strong); }
.collection-folio-leaf:nth-child(even) {
  grid-template-areas:
    "folio-figure folio-figure folio-figure folio-figure folio-figure folio-figure folio-figure folio-figure folio-head folio-head folio-head folio-head"
    "folio-foot folio-foot folio-foot folio-foot folio-foot folio-foot folio-content folio-content folio-content folio-content folio-content folio-content";
}
.collection-folio__header {
  grid-area: folio-head;
  min-width: 0;
  margin: 0;
  align-self: end;
}
.collection-folio__header p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 14px;
  margin: 0 0 clamp(16px, 2vw, 28px);
}
.collection-folio__header h3 {
  margin: 0;
  font-size: clamp(30px, 5vw, 68px);
  line-height: .94;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
.collection-folio__header h3 a {
  color: inherit;
  text-decoration: none;
}
.collection-folio__figure {
  grid-area: folio-figure;
  min-width: 0;
  margin: 0;
}
.collection-folio__figure > figure { margin: 0; }
.collection-folio__figure .collection-media-link {
  min-width: 0;
  border-radius: 0;
}
.collection-folio__figure img { aspect-ratio: 16 / 9; }
.collection-folio__content {
  grid-area: folio-content;
  display: grid;
  gap: 18px;
  min-width: 0;
  margin: 0;
  padding-inline-end: clamp(0px, 3vw, 48px);
}
.collection-folio__content > p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(17px, 1.8vw, 22px);
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.collection-folio__footer {
  grid-area: folio-foot;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
  min-width: 0;
  margin: 0;
  padding-top: 18px;
  border-top: 1px solid var(--surface-strong);
}
.collection-folio__footer .collection-item__action {
  margin: 0;
  color: inherit;
  font-weight: 850;
  text-underline-offset: .25em;
}

.material-primary-morph {
  width: min(100%, 1240px);
  min-width: 0;
}
.collection-material-taxonomy {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.collection-material-lead-index {
  display: grid;
  grid-template-columns: minmax(320px, .95fr) minmax(0, 1.05fr);
  gap: clamp(18px, 3vw, 42px);
  align-items: start;
}
.collection-material-lead-index__lead {
  position: sticky;
  top: 24px;
  display: grid;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--surface-strong);
  background: var(--bg);
  color: var(--text);
  box-shadow: 0 18px 60px var(--shadow);
}
.collection-material-lead-index__lead figure {
  display: grid;
  min-width: 0;
  margin: 0;
}
.collection-material-lead-index__lead figcaption {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: clamp(20px, 3vw, 34px);
}
.collection-material-lead-index__lead figcaption > p:first-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  justify-content: space-between;
  margin: 0;
  color: var(--accent);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}
.collection-material-lead-index__lead h3,
.collection-material-lead-index__lead figcaption > p:last-child {
  margin: 0;
}
.collection-material-lead-index__lead h3 {
  font-size: clamp(28px, 4vw, 56px);
  line-height: 1;
  overflow-wrap: anywhere;
}
.collection-material-lead-index__lead h3 a,
.collection-material-route__pin {
  color: inherit;
  text-decoration: none;
}
.collection-material-lead-index__lead figcaption > p:last-child {
  color: var(--muted);
  line-height: 1.65;
}
.collection-material-lead-index__lead > .collection-material-taxonomy,
.collection-material-lead-index__lead > .collection-item__action {
  margin: 0 clamp(20px, 3vw, 34px) clamp(20px, 3vw, 34px);
}
.collection-material-lead-index__index {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: material-index;
}
.collection-material-lead-index__index > li {
  display: grid;
  grid-template-columns: 42px minmax(96px, 128px) minmax(180px, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: clamp(12px, 1.7vw, 18px);
  border: 1px solid var(--surface-strong);
  background: var(--bg);
  color: var(--text);
}
.collection-material-lead-index__index > li > data {
  color: var(--accent);
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}
.collection-material-lead-index__index .collection-media-link {
  border-radius: 12px;
}
.collection-material-lead-index__index .collection-media-link img {
  aspect-ratio: 1 / 1;
}
.collection-material-lead-index__index h3,
.collection-material-lead-index__index p {
  margin: 0;
}
.collection-material-lead-index__index h3 {
  font-size: clamp(18px, 1.8vw, 25px);
  line-height: 1.12;
  overflow-wrap: anywhere;
}
.collection-material-lead-index__index h3 a {
  color: inherit;
  text-decoration: none;
}
.collection-material-lead-index__index > li > div {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.collection-material-lead-index__index > li > div > p:not(.collection-item__kicker) {
  color: var(--muted);
  line-height: 1.5;
}
.collection-material-lead-index__index .collection-item__action {
  grid-column: 3;
  justify-self: start;
  margin: 0;
}
.collection-material-comparison {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
  table-layout: fixed;
}
.collection-material-comparison caption {
  padding-block: 0 14px;
  color: var(--muted);
  text-align: left;
}
.collection-material-comparison :is(th, td) {
  min-width: 0;
  padding: clamp(12px, 1.8vw, 20px);
  border-block: 1px solid var(--surface-strong);
  background: var(--bg);
  color: var(--text);
  text-align: left;
  vertical-align: middle;
}
.collection-material-comparison :is(th, td):first-child {
  border-left: 1px solid var(--surface-strong);
}
.collection-material-comparison :is(th, td):last-child {
  border-right: 1px solid var(--surface-strong);
}
.collection-material-comparison th[scope="row"] {
  display: grid;
  gap: 8px;
}
.collection-material-comparison thead th:first-child {
  width: 24%;
}
.collection-material-comparison th[scope="row"] a {
  color: inherit;
  text-decoration: none;
}
.collection-material-comparison th[scope="row"] data {
  color: var(--accent);
  font-variant-numeric: tabular-nums;
}
.collection-material-comparison th[scope="row"] small,
.collection-material-comparison td p {
  color: var(--muted);
}
.collection-material-comparison .collection-media-link {
  width: min(160px, 22vw);
  border-radius: 12px;
}
.collection-material-comparison .collection-media-link img {
  aspect-ratio: 4 / 3;
}
.collection-material-comparison .collection-item__action {
  margin: 0;
}
.collection-material-route > ol {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.collection-material-route > ol > li {
  display: grid;
  grid-column: span 3;
  grid-template-columns: minmax(0, .46fr) minmax(180px, .54fr);
  grid-template-areas:
    "route-pin route-media"
    "route-meta route-media";
  min-width: 0;
  border: 1px solid var(--surface-strong);
  background: var(--bg);
  color: var(--text);
}
.collection-material-route > ol > li[data-item-position="1"],
.collection-material-route > ol > li[data-item-position="4"] {
  grid-column: span 6;
  grid-template-columns: minmax(0, .38fr) minmax(240px, .62fr);
}
.collection-material-route__pin {
  grid-area: route-pin;
  display: grid;
  gap: 12px;
  align-content: start;
  min-width: 0;
  padding: clamp(18px, 2.5vw, 30px);
}
.collection-material-route__pin data {
  color: var(--accent);
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}
.collection-material-route__pin span {
  font-size: clamp(22px, 2.8vw, 38px);
  font-weight: 850;
  line-height: 1;
  overflow-wrap: anywhere;
}
.collection-material-route figure {
  grid-area: route-media;
  display: grid;
  min-width: 0;
  margin: 0;
  border-left: 1px solid var(--surface-strong);
}
.collection-material-route figcaption {
  padding: 14px 18px;
  color: var(--muted);
  line-height: 1.55;
}
.collection-material-route aside {
  grid-area: route-meta;
  display: grid;
  align-content: end;
  gap: 14px;
  min-width: 0;
  padding: clamp(18px, 2.5vw, 30px);
}
.collection-material-route .collection-item__action {
  margin: 0;
}
.collection-material-disclosure {
  display: grid;
  gap: 14px;
  min-width: 0;
}
.collection-material-disclosure > details {
  min-width: 0;
  border: 1px solid var(--surface-strong);
  background: var(--bg);
  color: var(--text);
}
.collection-material-disclosure > details > summary {
  display: grid;
  grid-template-columns: minmax(80px, .18fr) minmax(0, 1fr) auto;
  gap: 14px;
  align-items: baseline;
  min-width: 0;
  padding: clamp(16px, 2.4vw, 28px);
  cursor: pointer;
}
.collection-material-disclosure > details > summary::marker {
  color: var(--accent);
}
.collection-material-disclosure summary data,
.collection-material-disclosure summary span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}
.collection-material-disclosure summary strong {
  min-width: 0;
  font-size: clamp(21px, 2.2vw, 32px);
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.collection-material-disclosure summary strong a {
  color: inherit;
  text-decoration: none;
}
.collection-material-disclosure > details > div {
  display: grid;
  grid-template-columns: minmax(240px, .58fr) minmax(0, .42fr);
  min-width: 0;
  border-top: 1px solid var(--surface-strong);
}
.collection-material-disclosure figure {
  display: grid;
  min-width: 0;
  margin: 0;
}
.collection-material-disclosure figcaption {
  padding: 16px 18px;
  color: var(--muted);
  line-height: 1.6;
}
.collection-material-disclosure aside {
  display: grid;
  align-content: end;
  gap: 16px;
  min-width: 0;
  padding: clamp(18px, 3vw, 34px);
  border-left: 1px solid var(--surface-strong);
}
.collection-material-disclosure .collection-item__action {
  margin: 0;
}

/* Material collection trees use table rows and open editorial disclosures. */
.collection-command-console {
  display: block;
  width: 100%;
  border-collapse: collapse;
}
.collection-command-console > caption {
  padding: 10px 0;
  color: var(--muted);
  font-size: 12px;
  text-align: left;
}
.collection-command-console > tbody { display: grid; gap: clamp(18px, 2.6vw, 32px); }
.collection-command-panel {
  display: grid;
  grid-template-columns: minmax(160px, .46fr) minmax(240px, .82fr) minmax(0, .72fr);
  grid-template-areas: none;
}
.collection-command-panel > :is(th, td) {
  display: block;
  grid-area: auto;
  min-width: 0;
  margin: 0;
  padding: clamp(18px, 2.5vw, 30px);
  border-right: 1px solid var(--surface-strong);
  text-align: left;
  vertical-align: top;
}
.collection-command-panel > :last-child { border-right: 0; }
.collection-command-panel__figure figure { display: grid; gap: 14px; margin: 0; }
.collection-command-panel__footer { border-top: 0; }

.collection-folio-leaf { display: block; }
.collection-folio-leaf > details > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: baseline;
  padding: clamp(16px, 2.5vw, 28px);
  border: 1px solid var(--surface-strong);
  cursor: pointer;
}
.collection-folio-leaf > details > summary::marker { content: ""; }
.collection-folio__spread {
  display: grid;
  grid-template-columns: minmax(240px, 1.1fr) minmax(0, .9fr);
  grid-template-areas: "folio-figure folio-content" "folio-figure folio-foot";
  gap: 0;
}
.collection-folio-leaf:nth-child(even) .collection-folio__spread {
  grid-template-columns: minmax(0, .9fr) minmax(240px, 1.1fr);
  grid-template-areas: "folio-content folio-figure" "folio-foot folio-figure";
}
.collection-folio__figure { border-inline: 1px solid var(--surface-strong); }
.collection-folio__figure figcaption { padding: 16px 18px; color: var(--muted); }
.collection-folio__content { padding: clamp(18px, 3vw, 34px); }
.collection-folio__footer { padding: clamp(18px, 3vw, 34px); }

body[data-design-grammar="cinematic-showcase"] .collection-card-grid,
body[data-design-grammar="immersive-story"] .collection-visual-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
}
body[data-design-grammar="cinematic-showcase"] .collection-card-grid > article[data-item-position="1"],
body[data-design-grammar="immersive-story"] .collection-visual-grid > article[data-item-position="1"] {
  grid-row: span 2;
}
body[data-design-grammar="graphic-collage"] .collection-visual-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
body[data-design-grammar="graphic-collage"] .collection-visual-grid > article { grid-column: span 6; }
body[data-design-grammar="graphic-collage"] .collection-visual-grid > article[data-item-position="1"] { grid-column: span 8; }
body[data-design-grammar="graphic-collage"] .collection-visual-grid > article[data-item-position="2"] { grid-column: span 4; }
body[data-design-grammar="portal-grid"] .collection-card-grid,
body[data-design-grammar="typography-poster"] .collection-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body[data-design-grammar="typography-poster"] .collection-card-grid > article {
  border-radius: 0;
  box-shadow: none;
}
.collection-view--podium :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.collection-view--podium :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item] {
  grid-column: span 6;
}
.collection-view--podium :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item="true"][data-item-position="1"] {
  grid-column: 1 / -1;
}
.collection-view--podium :is(.collection-ranked-list, .collection-directory, .collection-table)
  > [data-primary-collection-item="true"][data-item-position="1"] {
  border-width: 2px;
  border-color: var(--accent);
  padding-block: clamp(22px, 3vw, 34px);
}
.collection-view--ledger [data-primary-collection-item] {
  border-radius: 0;
  box-shadow: none;
}
.collection-view--ledger [data-primary-collection-item][data-item-parity="even"] {
  background: color-mix(in srgb, var(--bg) 88%, var(--accent));
}
.collection-view--mosaic :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.collection-view--mosaic :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item] {
  grid-column: span 4;
}
.collection-view--mosaic :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item="true"][data-item-position="1"],
.collection-view--mosaic :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item="true"][data-item-position="4"] {
  grid-column: span 8;
}
.collection-view--mosaic :is(.collection-ranked-list, .collection-directory, .collection-table) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.collection-view--mosaic :is(.collection-ranked-list, .collection-directory, .collection-table)
  > [data-primary-collection-item="true"][data-item-position="1"],
.collection-view--mosaic :is(.collection-ranked-list, .collection-directory, .collection-table)
  > [data-primary-collection-item="true"][data-item-position="4"] {
  grid-column: 1 / -1;
}
.collection-view--stack :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: minmax(0, 1fr);
}
.collection-view--stack :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item] {
  grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
  grid-template-rows: auto auto;
  align-items: stretch;
}
.collection-view--stack :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item] .collection-media-link {
  grid-row: 1 / span 2;
}
.collection-view--stack :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item][data-item-parity="even"] .collection-media-link {
  grid-column: 2;
}
.collection-view--stack :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item][data-item-parity="even"] .collection-item__copy,
.collection-view--stack :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item][data-item-parity="even"] .collection-item__action {
  grid-column: 1;
}
.collection-view--stack :is(.collection-ranked-list, .collection-table)
  > [data-primary-collection-item][data-item-parity="even"] {
  grid-template-columns: 54px minmax(0, 1fr) minmax(180px, .42fr) auto;
}
.collection-view--stack :is(.collection-ranked-list, .collection-table)
  > [data-primary-collection-item][data-item-parity="even"] .collection-media-link {
  grid-column: 3;
  grid-row: 1;
}
.collection-view--stack .collection-directory
  > [data-primary-collection-item][data-item-parity="even"] dd {
  grid-template-columns: minmax(0, 1fr) minmax(180px, .4fr) auto;
}
.collection-view--stack .collection-directory
  > [data-primary-collection-item][data-item-parity="even"] .collection-media-link {
  grid-column: 2;
  grid-row: 1;
}
.collection-view--spotlight :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.collection-view--spotlight :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item="true"][data-item-position="1"] {
  grid-column: 1 / -1;
  grid-template-columns: minmax(320px, 1.2fr) minmax(0, .8fr);
  grid-template-rows: auto auto;
}
.collection-view--spotlight :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item="true"][data-item-position="1"] .collection-media-link {
  grid-row: 1 / span 2;
}
.collection-view--spotlight :is(.collection-ranked-list, .collection-directory, .collection-table) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.collection-view--spotlight :is(.collection-ranked-list, .collection-directory, .collection-table)
  > [data-primary-collection-item="true"][data-item-position="1"] {
  grid-column: 1 / -1;
}
.collection-view--poster-grid :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.collection-view--poster-grid .collection-media-link img {
  aspect-ratio: 4 / 5;
}
.collection-view--compact-rows :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: minmax(0, 1fr);
}
.collection-view--compact-rows :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item] {
  grid-template-columns: minmax(150px, .32fr) minmax(0, 1fr) auto;
  grid-template-rows: auto;
  align-items: center;
}
.collection-view--compact-rows :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item] .collection-item__copy {
  padding-block: 16px;
}
.collection-view--compact-rows :is(.collection-card-grid, .collection-visual-grid)
  > [data-primary-collection-item] .collection-item__action {
  margin-block: 0;
}
.collection-view--compact-rows :is(.collection-ranked-list, .collection-table)
  > [data-primary-collection-item] {
  grid-template-columns: 42px minmax(120px, .26fr) minmax(0, 1fr) auto;
  gap: 14px;
  padding: 12px 16px;
}
.collection-view--compact-rows .collection-directory > [data-primary-collection-item] {
  padding: 14px 18px;
}
.collection-view--compact-rows .collection-directory dd {
  grid-template-columns: minmax(120px, .26fr) minmax(0, 1fr) auto;
  gap: 14px;
}
body[data-content-mode="prompt_image"] .collection-view--podium
  :is(.collection-card-grid, .collection-visual-grid),
body[data-content-mode="prompt_image"] .collection-view--mosaic
  :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
body[data-content-mode="prompt_image"] .collection-view--stack
  :is(.collection-card-grid, .collection-visual-grid),
body[data-content-mode="prompt_image"] .collection-view--compact-rows
  :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: minmax(0, 1fr);
}
body[data-content-mode="prompt_image"] .collection-view--spotlight
  :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body[data-content-mode="prompt_image"] .collection-view--poster-grid
  :is(.collection-card-grid, .collection-visual-grid) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body[data-content-mode="prompt_image"] .hero:not(.hero-with-asset) {
  grid-template-columns: minmax(0, 1fr);
}
body[data-content-mode="prompt_image"] .hero:not(.hero-with-asset) .hero-copy {
  width: min(100%, 840px);
  max-width: 840px;
}

@media (max-width: 920px) {
  .collection-material-lead-index {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-material-lead-index__lead {
    position: static;
  }
  .collection-material-route > ol {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-material-route > ol > li,
  .collection-material-route > ol > li[data-item-position="1"],
  .collection-material-route > ol > li[data-item-position="4"] {
    grid-column: auto;
    grid-template-columns: minmax(0, .48fr) minmax(180px, .52fr);
  }
  .collection-material-disclosure > details > div {
    grid-template-columns: minmax(180px, .48fr) minmax(0, .52fr);
  }
  .collection-command-console {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-command-index { position: static; }
  .collection-command-index menu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .collection-command-index li {
    border-right: 1px solid var(--surface-strong);
  }
  .collection-folio-leaf,
  .collection-folio-leaf:nth-child(even) {
    grid-template-areas:
      "folio-head folio-head folio-head folio-head folio-head folio-figure folio-figure folio-figure folio-figure folio-figure folio-figure folio-figure"
      "folio-content folio-content folio-content folio-content folio-content folio-content folio-foot folio-foot folio-foot folio-foot folio-foot folio-foot";
  }
  .collection-card-grid,
  .collection-visual-grid,
  body[data-design-grammar="cinematic-showcase"] .collection-card-grid,
  body[data-design-grammar="immersive-story"] .collection-visual-grid,
  body[data-design-grammar="portal-grid"] .collection-card-grid,
  body[data-design-grammar="typography-poster"] .collection-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-design-grammar="graphic-collage"] .collection-visual-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-design-grammar="graphic-collage"] .collection-visual-grid > article,
  body[data-design-grammar="graphic-collage"] .collection-visual-grid > article[data-item-position="1"],
  body[data-design-grammar="graphic-collage"] .collection-visual-grid > article[data-item-position="2"] {
    grid-column: auto;
  }
  .collection-view--podium :is(.collection-card-grid, .collection-visual-grid),
  .collection-view--mosaic :is(.collection-card-grid, .collection-visual-grid),
  .collection-view--poster-grid :is(.collection-card-grid, .collection-visual-grid),
  .collection-view--spotlight :is(.collection-card-grid, .collection-visual-grid) {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-view--mosaic :is(.collection-ranked-list, .collection-directory, .collection-table),
  .collection-view--spotlight :is(.collection-ranked-list, .collection-directory, .collection-table) {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-view--mosaic :is(.collection-ranked-list, .collection-directory, .collection-table)
    > [data-primary-collection-item],
  .collection-view--spotlight :is(.collection-ranked-list, .collection-directory, .collection-table)
    > [data-primary-collection-item] {
    grid-column: auto;
  }
  .collection-view--podium :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item],
  .collection-view--mosaic :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item],
  .collection-view--mosaic :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item="true"][data-item-position="1"],
  .collection-view--mosaic :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item="true"][data-item-position="4"],
  .collection-view--spotlight :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item="true"][data-item-position="1"] {
    grid-column: auto;
  }
  .collection-view--spotlight :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item="true"][data-item-position="1"],
  .collection-view--compact-rows :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item] {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-view--spotlight :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item="true"][data-item-position="1"] .collection-media-link {
    grid-row: auto;
  }
  body[data-design-grammar="cinematic-showcase"] .collection-card-grid > article[data-item-position="1"],
  body[data-design-grammar="immersive-story"] .collection-visual-grid > article[data-item-position="1"] {
    grid-row: auto;
  }
  body[data-content-mode="prompt_image"] .collection-view--podium
    :is(.collection-card-grid, .collection-visual-grid),
  body[data-content-mode="prompt_image"] .collection-view--mosaic
    :is(.collection-card-grid, .collection-visual-grid),
  body[data-content-mode="prompt_image"] .collection-view--stack
    :is(.collection-card-grid, .collection-visual-grid),
  body[data-content-mode="prompt_image"] .collection-view--spotlight
    :is(.collection-card-grid, .collection-visual-grid),
  body[data-content-mode="prompt_image"] .collection-view--poster-grid
    :is(.collection-card-grid, .collection-visual-grid),
  body[data-content-mode="prompt_image"] .collection-view--compact-rows
    :is(.collection-card-grid, .collection-visual-grid) {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-content-mode="prompt_image"] .collection-view--podium
    :is(.collection-card-grid, .collection-visual-grid) > [data-primary-collection-item],
  body[data-content-mode="prompt_image"] .collection-view--mosaic
    :is(.collection-card-grid, .collection-visual-grid) > [data-primary-collection-item],
  body[data-content-mode="prompt_image"] .collection-view--spotlight
    :is(.collection-card-grid, .collection-visual-grid) > [data-primary-collection-item] {
    grid-column: auto;
  }
  .collection-ranked-list > li,
  .collection-table > article {
    grid-template-columns: 42px minmax(120px, .38fr) minmax(0, 1fr);
  }
  .collection-view--stack :is(.collection-ranked-list, .collection-table)
    > [data-primary-collection-item][data-item-parity="even"] {
    grid-template-columns: 42px minmax(120px, .38fr) minmax(0, 1fr);
  }
  .collection-view--stack :is(.collection-ranked-list, .collection-table)
    > [data-primary-collection-item][data-item-parity="even"] .collection-media-link {
    grid-column: 2;
  }
  .collection-view--stack .collection-directory
    > [data-primary-collection-item][data-item-parity="even"] dd {
    grid-template-columns: minmax(130px, .38fr) minmax(0, 1fr);
  }
  .collection-view--stack .collection-directory
    > [data-primary-collection-item][data-item-parity="even"] .collection-media-link {
    grid-column: 1;
  }
  .collection-ranked-list .collection-item__action,
  .collection-table .collection-item__action {
    grid-column: 3;
  }
  .collection-directory dd {
    grid-template-columns: minmax(130px, .38fr) minmax(0, 1fr);
  }
  .collection-directory .collection-item__action { grid-column: 2; }
}

@media (max-width: 640px) {
  body[data-content-mode="prompt_image"] [data-section="collection"] { gap: 22px; }
  .collection-material-lead-index__index > li {
    grid-template-columns: 34px minmax(96px, .34fr) minmax(0, 1fr);
  }
  .collection-material-lead-index__index > li > .collection-item__action {
    grid-column: 3;
  }
  .collection-material-comparison,
  .collection-material-comparison :is(caption, tbody, tr, th, td) {
    display: block;
  }
  .collection-material-comparison thead {
    display: none;
  }
  .collection-material-comparison tr {
    margin-bottom: 14px;
    border: 1px solid var(--surface-strong);
    background: var(--bg);
  }
  .collection-material-comparison :is(th, td) {
    border: 0;
  }
  .collection-material-comparison .collection-media-link {
    width: 100%;
  }
  .collection-material-route > ol > li,
  .collection-material-route > ol > li[data-item-position="1"],
  .collection-material-route > ol > li[data-item-position="4"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "route-pin" "route-media" "route-meta";
  }
  .collection-material-route figure {
    border-top: 1px solid var(--surface-strong);
    border-left: 0;
  }
  .collection-material-disclosure > details > summary {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-material-disclosure > details > div {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-material-disclosure aside {
    border-top: 1px solid var(--surface-strong);
    border-left: 0;
  }
  .collection-command-index menu { grid-template-columns: minmax(0, 1fr); }
  .collection-command-index li { border-right: 0; }
  .collection-command-panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "command-head"
      "command-figure"
      "command-foot";
  }
  .collection-command-panel__header .collection-item__index { margin-bottom: 18px; }
  .collection-command-panel__figure {
    border-top: 1px solid var(--surface-strong);
    border-left: 0;
  }
  .collection-command-panel__figure img { aspect-ratio: 16 / 10; }
  .collection-folio-leaf,
  .collection-folio-leaf:nth-child(even) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "folio-head"
      "folio-figure"
      "folio-content"
      "folio-foot";
    gap: 20px;
  }
  .collection-folio__header h3 {
    font-size: clamp(30px, 12vw, 46px);
    line-height: 1;
  }
  .collection-folio__figure img { aspect-ratio: 4 / 3; }
  .collection-folio__content { padding-inline-end: 0; }
  .collection-folio__footer {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .collection-card-grid .collection-media-link img,
  .collection-visual-grid .collection-media-link img {
    aspect-ratio: 16 / 10;
  }
  body[data-content-mode="prompt_image"] [data-section="collection"] .collection-item__copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .collection-reference img { aspect-ratio: 4 / 3; }
  .collection-ranked-list > li,
  .collection-table > article,
  .collection-directory dd {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .collection-ranked-list .collection-item__index,
  .collection-table .collection-item__index { display: none; }
  .collection-ranked-list .collection-item__action,
  .collection-table .collection-item__action,
  .collection-directory .collection-item__action { grid-column: auto; }
  .collection-ranked-list .collection-media-link img,
  .collection-table .collection-media-link img,
  .collection-directory .collection-media-link img { aspect-ratio: 16 / 10; }
  .collection-item__copy { padding: 18px; }
  .collection-item__copy h3 {
    font-size: 20px;
    line-height: 1.12;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: auto;
  }
  .collection-item__action { margin: 0 18px 18px; }
  .collection-ranked-list .collection-item__copy,
  .collection-table .collection-item__copy,
  .collection-directory .collection-item__copy { padding: 0; }
  .collection-ranked-list .collection-item__action,
  .collection-table .collection-item__action,
  .collection-directory .collection-item__action { margin: 0; }
  .collection-view--stack :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
  }
  .collection-view--stack :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item] .collection-media-link,
  .collection-view--stack :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item][data-item-parity="even"] :is(
      .collection-media-link,
      .collection-item__copy,
      .collection-item__action
    ) {
    grid-column: auto;
    grid-row: auto;
  }
  .collection-view--compact-rows :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item] .collection-item__copy {
    padding: 18px;
  }
  .collection-view--compact-rows :is(.collection-card-grid, .collection-visual-grid)
    > [data-primary-collection-item] .collection-item__action {
    margin: 0 18px 18px;
  }
  .collection-command-panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: none;
  }
  .collection-command-panel > :is(th, td) {
    border-right: 0;
    border-bottom: 1px solid var(--surface-strong);
  }
  .collection-command-panel > :last-child { border-bottom: 0; }
  .collection-folio__spread,
  .collection-folio-leaf:nth-child(even) .collection-folio__spread {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "folio-figure" "folio-content" "folio-foot";
  }
}

@media (max-width: 390px) {
  .collection-material-lead-index__lead figcaption,
  .collection-material-lead-index__lead > .collection-material-taxonomy,
  .collection-material-lead-index__lead > .collection-item__action,
  .collection-material-route__pin,
  .collection-material-route aside,
  .collection-material-disclosure > details > summary,
  .collection-material-disclosure aside {
    padding: 16px;
    margin-inline: 0;
  }
  .collection-material-lead-index__index > li {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-material-lead-index__index > li > data {
    display: none;
  }
  .collection-material-lead-index__index > li > .collection-item__action {
    grid-column: auto;
  }
  .collection-material-route__pin span,
  .collection-material-disclosure summary strong {
    font-size: 20px;
    line-height: 1.12;
  }
}

@media (max-width: 320px) {
  .collection-material-lead-index,
  .collection-material-lead-index__index,
  .collection-material-route > ol,
  .collection-material-disclosure {
    gap: 10px;
  }
  .collection-material-lead-index__lead h3 {
    font-size: 26px;
  }
  .collection-material-taxonomy :is(.collection-item__tags, .collection-item__metadata) {
    gap: 6px;
  }
  .collection-material-taxonomy :is(.collection-item__tags span, .collection-item__metadata li) {
    padding: 5px 8px;
  }
}

@font-face{font-family:'ArtifactLocalfont_5n64gh';src:url('assets/fonts/font_5n64gh-regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'ArtifactLocalfont_5n64gh';src:url('assets/fonts/font_5n64gh-bold.woff2') format('woff2');font-weight:800;font-display:swap;}
body[data-artifact-instance="tz3_itj2zf3l2o"]{font-family:'ArtifactLocalfont_5n64gh', Inter, ui-sans-serif, system-ui, sans-serif;}