.dossier-body,
.dossier-body > * {
  min-width: 0;
  max-width: 100%;
}

/* Give the dossier a contained utility header instead of a naked root link. */
#root[data-prerender-path^="/dossier/"] > .primary-bar {
  display: flex;
  width: min(56rem, calc(100vw - 3rem));
  margin: 0 auto;
  padding: .85rem 0;
  justify-content: flex-end;
  color: var(--ink-soft);
  font-size: .9rem;
  font-style: italic;
  line-height: 1.35;
  border-bottom: 1px solid var(--rule);
}

#root[data-prerender-path^="/dossier/"] > .primary-bar:hover {
  color: var(--ink);
  border-bottom-width: 1px;
}

#root[data-prerender-path^="/dossier/"] > main.wrap {
  padding-top: clamp(2.5rem, 6vh, 4rem);
}

/* Dossiers share the site's editorial face. No technical/monospace dialect. */
.dossier-body,
.dossier-body * {
  font-family: var(--serif);
}

.dossier-body code,
.dossier-body pre,
.dossier-body pre code,
.dossier-body th,
.dossier-stats dt,
.dossier-stats dd,
.mono,
.key-block,
.url-pill {
  font-family: var(--serif);
}

.dossier-stats dt,
.dossier-body th {
  font-size: .8rem;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
}

.dossier-stats dd {
  font-size: 1.15rem;
}

.dossier-body code,
.dossier-body pre,
.dossier-body .withheld,
.key-block {
  background: #f7f7f7;
}

/* The public page is an owner brief first; the exhaustive record stays attached. */
.dossier-stats,
.dossier-toc {
  width: min(56rem, calc(100vw - 3rem));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
}

.dossier-stats {
  gap: 0;
  margin-top: clamp(2.5rem, 5vh, 3.5rem);
  padding: 0;
  border-color: var(--ink);
}

.dossier-stats > div {
  min-width: 0;
  padding: 1rem 1.1rem;
  border-right: 1px solid var(--rule);
}

.dossier-stats > div:first-child {
  padding-left: 0;
}

.dossier-stats > div:last-child {
  padding-right: 0;
  border-right: 0;
}

.dossier-toc {
  padding: 1.25rem 0 1.4rem;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--rule);
}

.dossier-toc > ol {
  columns: 2;
  column-gap: 3rem;
  margin-bottom: 0;
}

.dossier-toc > ol li {
  break-inside: avoid;
  margin-bottom: .42rem;
  padding-right: 1rem;
}

.dossier-toc details {
  margin-top: 1rem;
  padding-top: .85rem;
  border-top: 1px solid var(--rule);
}

.dossier-toc summary {
  color: var(--ink);
}

.dossier-archive {
  width: min(56rem, calc(100vw - 3rem));
  max-width: none;
  margin: 5rem 0 1rem 50%;
  transform: translateX(-50%);
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
}

.dossier-archive > summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.5rem;
  align-items: baseline;
  padding: 1.25rem 0;
  cursor: pointer;
  list-style: none;
}

.dossier-archive > summary::-webkit-details-marker {
  display: none;
}

.dossier-archive > summary span {
  font-size: 1.35rem;
  font-style: italic;
}

.dossier-archive > summary span::before {
  content: "+ ";
  font-style: normal;
}

.dossier-archive[open] > summary span::before {
  content: "− ";
}

.dossier-archive > summary small {
  color: var(--ink-soft);
  font-size: .85rem;
  font-style: italic;
  text-align: right;
}

.dossier-archive-body {
  max-width: 37.5rem;
  margin: 0 auto;
  padding: 1rem 1.5rem 4rem;
}

.dossier-archive-body > h2:first-child {
  margin-top: 1rem;
}

.dossier-body p,
.dossier-body li,
.dossier-body td,
.dossier-body th,
.dossier-body a,
.dossier-body :not(pre) > code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.dossier-body pre {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.dossier-body pre code {
  display: block;
  width: max-content;
  min-width: 100%;
  max-width: none;
  overflow-wrap: normal;
  word-break: normal;
}

/* Section-native dossier visuals. Each block illustrates the prose around it. */
.dossier-visual {
  --visual-ink: #171717;
  --visual-paper: #fff;
  --visual-wash: #f7f7f7;
  --visual-rule: #d7d7d7;
  --visual-soft: #666;
  box-sizing: border-box;
  width: min(56rem, calc(100vw - 3rem));
  max-width: none;
  margin: 2rem 0 3.5rem 50%;
  transform: translateX(-50%);
  border: 1px solid var(--visual-rule);
  background: var(--visual-paper);
  color: var(--visual-ink);
  overflow: hidden;
}

.dossier-visual *,
.dossier-visual *::before,
.dossier-visual *::after {
  box-sizing: border-box;
}

.dossier-body .dossier-visual p,
.dossier-body .dossier-visual dl,
.dossier-body .dossier-visual ol,
.dossier-body .dossier-visual ul,
.dossier-body .dossier-visual figure {
  margin-top: 0;
  margin-bottom: 0;
}

.visual-kicker {
  font-family: var(--serif);
  font-size: .9rem;
  line-height: 1.4;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
  color: var(--visual-soft);
}

.visual-section-head {
  display: grid;
  grid-template-columns: 8.5rem 1fr;
  gap: 1.5rem;
  align-items: baseline;
  margin-bottom: 1.5rem;
}

.dossier-body .visual-section-head h3,
.dossier-body .visual-product-copy h3 {
  margin: 0;
  font-size: clamp(1.35rem, 2.4vw, 1.9rem);
  line-height: 1.12;
  font-weight: 400;
  font-style: normal;
  text-wrap: balance;
}

/* Product proof belongs inside the build section. */
.visual-product {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .85fr);
  margin-top: 2.25rem;
  background: var(--visual-ink);
}

.visual-product-frame {
  min-width: 0;
  padding: 1rem;
  background: var(--visual-ink);
}

.visual-product-frame > a {
  display: block;
  overflow: hidden;
  border: 1px solid #454545;
  background: #050505;
}

.visual-product-frame img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top center;
  transition: opacity .18s ease;
}

.visual-product-frame a:hover img {
  opacity: .9;
}

.visual-product-frame figcaption {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .72rem .1rem 0;
  font-family: var(--serif);
  font-size: .78rem;
  line-height: 1.35;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
  color: #aaa;
}

.visual-product-frame figcaption a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #777;
}

.visual-product-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--visual-paper);
}

.visual-product-copy .visual-kicker {
  margin-bottom: 1rem;
}

.visual-thesis {
  margin-top: 1.15rem !important;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--visual-soft);
}

.visual-signals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: auto !important;
  padding-top: 1.5rem;
}

.visual-signal {
  min-width: 0;
  padding: .8rem 0;
  border-top: 1px solid var(--visual-rule);
}

.visual-signal:nth-child(odd) {
  padding-right: .8rem;
}

.visual-signal:nth-child(even) {
  padding-left: .8rem;
  border-left: 1px solid var(--visual-rule);
}

.visual-signal dt {
  font-family: var(--serif);
  font-size: .72rem;
  line-height: 1.35;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
  color: var(--visual-soft);
}

.visual-signal dd {
  margin: .32rem 0 0;
  font-size: 1rem;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}

/* Workflow follows the build explanation rather than preceding the dossier. */
.visual-workflow {
  padding: clamp(1.5rem, 3.5vw, 2.75rem);
  background: var(--visual-paper);
}

.visual-workflow ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
  list-style: none;
  border: 1px solid var(--visual-rule);
  background: var(--visual-paper);
}

.visual-workflow li {
  position: relative;
  display: grid;
  align-content: start;
  gap: .48rem;
  min-width: 0;
  min-height: 9.25rem;
  padding: 1.1rem;
  border-right: 1px solid var(--visual-rule);
}

.visual-workflow li:last-child {
  border-right: 0;
}

.visual-workflow li:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 1;
  top: 1.02rem;
  right: -.62rem;
  width: 1.2rem;
  text-align: center;
  background: var(--visual-paper);
  color: var(--visual-soft);
}

.visual-step-no {
  font-family: var(--serif);
  font-size: .76rem;
  font-style: italic;
  color: var(--visual-soft);
}

.visual-workflow strong {
  font-size: 1.05rem;
  font-weight: 500;
}

.visual-workflow li > span:last-child {
  font-size: .76rem;
  line-height: 1.45;
  color: var(--visual-soft);
}

/* Market model sits inside pricing/economics. */
.visual-market {
  padding: clamp(1.5rem, 3.5vw, 2.75rem);
  background: var(--visual-paper);
}

.visual-model-note {
  max-width: 42rem;
  margin: -.65rem 0 1.65rem 10rem !important;
  font-size: .78rem;
  line-height: 1.5;
  color: var(--visual-soft);
}

.visual-market > ol {
  display: grid;
  gap: 1.1rem;
  padding: 0;
  list-style: none;
}

.visual-market-row {
  min-width: 0;
}

.visual-market-copy {
  display: flex;
  gap: .65rem;
  align-items: center;
  min-width: 0;
}

.visual-market-label {
  min-width: 0;
  margin-right: auto;
  font-size: .82rem;
  font-weight: 600;
}

.visual-market-copy strong {
  flex: 0 0 auto;
  font-family: var(--serif);
  font-size: .82rem;
  font-variant-numeric: tabular-nums;
}

.visual-market-copy > a {
  flex: 0 0 auto;
  font-family: var(--serif);
  font-size: .7rem;
  font-style: italic;
  color: var(--visual-soft);
}

.visual-provenance {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: .08rem .3rem;
  border: 1px solid currentColor;
  border-radius: 0;
  font-family: var(--serif);
  font-size: .64rem;
  line-height: 1.2;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
}

.visual-verified { color: #171717; background: #fff; }
.visual-derived { color: #444; background: #fff; }
.visual-assumed { color: #666; background: #fff; }
.visual-unknown { color: #777; background: #fff; }

.visual-bar-track {
  height: .5rem;
  margin: .52rem 0 .42rem;
  overflow: hidden;
  background: #ddd;
}

.visual-bar-fill {
  display: block;
  height: 100%;
  background: var(--visual-ink);
}

.visual-formula {
  display: block;
  margin-bottom: .25rem;
  font-family: var(--serif);
  font-size: .68rem;
  font-style: italic;
  color: var(--visual-soft);
}

.visual-market-row > p {
  max-width: 42rem;
  font-size: .72rem;
  line-height: 1.45;
  color: var(--visual-soft);
}

.visual-revenue-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1.8rem;
  border: 1px solid var(--visual-ink);
  background: var(--visual-paper);
}

.visual-revenue-grid > div {
  padding: 1.15rem 1.3rem;
  border-right: 1px solid var(--visual-rule);
}

.visual-revenue-grid > div:last-child {
  border-right: 0;
}

.visual-revenue-grid span,
.visual-revenue-grid small {
  display: block;
  font-family: var(--serif);
  color: var(--visual-soft);
}

.visual-revenue-grid span {
  font-size: .7rem;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
}

.visual-revenue-grid strong {
  display: block;
  margin: .25rem 0 .18rem;
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

.visual-revenue-grid small {
  font-size: .66rem;
}

.visual-caveat {
  margin-top: 1.1rem !important;
  padding-left: .8rem;
  border-left: 2px solid var(--visual-rule);
  font-size: .7rem;
  line-height: 1.5;
  color: var(--visual-soft);
}

.visual-sources {
  margin: 1.5rem -2.75rem -2.75rem;
  padding: 1.1rem 2.75rem 1.35rem;
  border-top: 1px solid var(--visual-ink);
  background: var(--visual-paper);
  color: var(--visual-ink);
}

.visual-sources > strong {
  display: block;
  margin-bottom: .65rem;
  font-family: var(--serif);
  font-size: .8rem;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
  color: var(--visual-ink);
}

.visual-sources ul {
  display: grid;
  gap: .45rem;
  padding: 0;
  list-style: none;
}

.visual-sources li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: .67rem;
  line-height: 1.4;
}

.visual-sources a {
  color: var(--visual-ink);
}

.visual-sources li span {
  color: var(--visual-soft);
  white-space: nowrap;
}

.visual-sources > p {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .55rem;
  align-items: center;
  margin-top: .9rem !important;
  font-size: .6rem;
  color: var(--visual-soft);
}

/* Readiness belongs beside the gap/verification record. */
.visual-readiness {
  padding: clamp(1.5rem, 3.5vw, 2.75rem);
}

.visual-readiness > ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
  padding: 0;
  list-style: none;
}

.visual-readiness-item {
  display: grid;
  grid-template-columns: .75rem 1fr;
  gap: .7rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--visual-rule);
  background: var(--visual-paper);
}

.visual-status-dot {
  width: .58rem;
  height: .58rem;
  margin-top: .22rem;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.visual-status-working .visual-status-dot { color: #171717; background: #171717; }
.visual-status-partial .visual-status-dot { color: #555; background: linear-gradient(90deg, #555 50%, transparent 50%); }
.visual-status-pending .visual-status-dot { color: #777; background: transparent; }

.visual-readiness-item strong {
  display: block;
  font-size: .85rem;
}

.visual-readiness-item div > span {
  display: block;
  margin: .16rem 0 .62rem;
  font-family: var(--serif);
  font-size: .68rem;
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
  color: var(--visual-soft);
}

.visual-readiness-item p {
  font-size: .72rem;
  line-height: 1.48;
  color: var(--visual-soft);
}

@media (max-width: 720px) {
  #root[data-prerender-path^="/dossier/"] > .primary-bar {
    width: calc(100vw - 2rem);
    padding: .75rem 0;
    justify-content: flex-start;
    font-size: .88rem;
  }

  #root[data-prerender-path^="/dossier/"] > main.wrap {
    padding-top: 2.25rem;
  }

  .dossier-stats,
  .dossier-toc,
  .dossier-archive {
    width: calc(100vw - 2rem);
  }

  .dossier-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 2rem;
  }

  .dossier-stats > div,
  .dossier-stats > div:first-child,
  .dossier-stats > div:last-child {
    padding: .85rem .8rem;
  }

  .dossier-stats > div:nth-child(2n) {
    border-right: 0;
  }

  .dossier-stats > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--rule);
  }

  .dossier-toc > ol {
    columns: 1;
  }

  .dossier-archive > summary {
    grid-template-columns: 1fr;
    gap: .25rem;
  }

  .dossier-archive > summary small {
    text-align: left;
  }

  .dossier-archive-body {
    padding-right: 0;
    padding-left: 0;
  }

  .dossier-visual {
    width: calc(100vw - 2rem);
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
  }

  .visual-section-head {
    grid-template-columns: 1fr;
    gap: .45rem;
  }

  .visual-product {
    grid-template-columns: 1fr;
  }

  .visual-product-copy {
    padding: 1.4rem;
  }

  .visual-signals {
    margin-top: 1.25rem !important;
  }

  .visual-workflow ol,
  .visual-readiness > ul {
    grid-template-columns: 1fr;
  }

  .visual-workflow li {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--visual-rule);
  }

  .visual-workflow li:last-child {
    border-bottom: 0;
  }

  .visual-workflow li:not(:last-child)::after {
    content: "↓";
    top: auto;
    right: 1rem;
    bottom: -.65rem;
  }

  .visual-model-note {
    margin-left: 0 !important;
  }

  .visual-market-copy {
    flex-wrap: wrap;
  }

  .visual-market-label {
    flex-basis: 100%;
  }

  .visual-revenue-grid {
    grid-template-columns: 1fr;
  }

  .visual-revenue-grid > div {
    border-right: 0;
    border-bottom: 1px solid var(--visual-rule);
  }

  .visual-revenue-grid > div:last-child {
    border-bottom: 0;
  }

  .visual-sources {
    margin: 1.5rem -1.5rem -1.5rem;
    padding: 1.1rem 1.5rem 1.35rem;
  }

  .visual-sources li {
    display: block;
  }

  .visual-sources li span {
    display: block;
    margin-top: .12rem;
    white-space: normal;
  }
}

@media print {
  .dossier-visual {
    width: 100%;
    margin: 1rem 0 2rem;
    transform: none;
    break-inside: avoid;
  }

  .visual-product-frame img {
    max-height: 22rem;
  }
}