@layer home.states {

  /* ─── grammar mode: document-level selectors ─────────────────────────────── */

  html[data-grammar-mode="plain"] .chapter-verse,
  html[data-grammar-mode="plain"] .chapter-register {
    display: none;
  }

  html[data-grammar-mode="orbital"] .chapter-logline,
  html[data-grammar-mode="orbital"] .chapter-register {
    display: none;
  }

  html[data-grammar-mode="orbital"] .chapter-verse {
    border-left-width: 3px;
    color: rgba(22, 44, 72, 0.88);
    font-size: 0.86rem;
  }

  .chapter-card[data-runtime-active="true"] {
    border-color: rgba(38, 88, 124, 0.48);
    box-shadow: var(--shadow-main), 0 0 0 2px rgba(38, 88, 124, 0.2);
  }

  .grammar-chip[data-runtime-active="true"] {
    background: rgba(38, 88, 124, 0.16);
    border-color: rgba(38, 88, 124, 0.54);
    color: rgba(18, 44, 74, 0.95);
  }

  .grammar-observatory[data-pipeline-stage] .grammar-runtime-status {
    border-left: 2px solid currentColor;
    padding-left: 0.68rem;
  }

  .grammar-observatory[data-pipeline-stage="select"] .grammar-runtime-status {
    color: var(--spw-pipeline-select, var(--spw-color-probe, #9fd8ff));
  }

  .grammar-observatory[data-pipeline-stage="transform"] .grammar-runtime-status {
    color: var(--spw-pipeline-transform, var(--spw-color-potential, #ffb07a));
  }

  .grammar-observatory[data-pipeline-stage="validate"] .grammar-runtime-status {
    color: var(--spw-pipeline-validate, var(--spw-color-measure, #a8c8e8));
  }

  .grammar-observatory[data-pipeline-stage="emit"] .grammar-runtime-status {
    color: var(--spw-pipeline-emit, var(--spw-color-integration, #e5a7ff));
  }

  .grammar-observatory[data-load-stage="bane"] .grammar-runtime-status {
    color: var(--spw-pipeline-fallback, var(--spw-color-action, #ff8a8a));
  }

  .spw-ethos-atlas[data-pipeline-stage] .ethos-status {
    border-left: 2px solid currentColor;
    padding-left: 0.5rem;
  }

  .spw-ethos-atlas[data-pipeline-stage="select"] .ethos-status {
    color: var(--spw-pipeline-select, var(--spw-color-probe, #9fd8ff));
  }

  .spw-ethos-atlas[data-pipeline-stage="transform"] .ethos-status {
    color: var(--spw-pipeline-transform, var(--spw-color-potential, #ffb07a));
  }

  .spw-ethos-atlas[data-pipeline-stage="validate"] .ethos-status {
    color: var(--spw-pipeline-validate, var(--spw-color-measure, #a8c8e8));
  }

  .spw-ethos-atlas[data-pipeline-stage="emit"] .ethos-status {
    color: var(--spw-pipeline-emit, var(--spw-color-integration, #e5a7ff));
  }

  .spw-ethos-atlas[data-load-stage="honk"] .ethos-status {
    color: rgba(30, 84, 66, 0.92);
  }

  .spw-ethos-atlas[data-load-stage="bane"] .ethos-status {
    color: var(--spw-pipeline-fallback, var(--spw-color-action, #ff8a8a));
  }

  /* ─── dimension: section visibility ──────────────────────────────────────── */
  /* flat  = hero + timeline only (minimal)
     stage = hero + timeline + grammar observatory (default)
     immersive = everything visible */

  html[data-dimension="flat"] .seed-atlas,
  html[data-dimension="flat"] .producer-constellation,
  html[data-dimension="flat"] .grammar-observatory,
  html[data-dimension="flat"] .spw-ethos-atlas {
    display: none;
  }

  html[data-dimension="stage"] .seed-atlas,
  html[data-dimension="stage"] .producer-constellation,
  html[data-dimension="stage"] .spw-ethos-atlas {
    display: none;
  }

  /* ─── dimension: card content density ──────────────────────────────────── */
  /* flat hides images, verses, and spw blocks to keep cards compact */

  html[data-dimension="flat"] .chapter-default-preview,
  html[data-dimension="flat"] .chapter-seed-preview,
  html[data-dimension="flat"] .chapter-motif-toggle,
  html[data-dimension="flat"] .chapter-verse-text,
  html[data-dimension="flat"] .chapter-card .spw-snippet {
    display: none;
  }

  /* stage hides seed previews and motif toggles but shows default images */

  html[data-dimension="stage"] .chapter-seed-preview,
  html[data-dimension="stage"] .chapter-motif-toggle {
    display: none;
  }

  /* ─── layout variant: book mode section focus ──────────────────────────── */

  #home-app[data-component-variant="book"] .seed-atlas,
  #home-app[data-component-variant="book"] .producer-constellation {
    display: none;
  }

}

/* @layer home.states */