/* Landscape-style responsibility lanes, without product controls or live-state claims. */
body[data-jadey-page="product-atlas"] .story-section > .story-copy > .atlas-map {
  grid-column: 1 / -1;
  margin: 24px 0 0;
  padding-block: 24px 0;
  scroll-margin-top: 120px;
  border-top: 1px solid var(--border-default);
  color: var(--fg-default);
  font-family: var(--font-sans);
  min-width: 0;
}
.atlas-map__accessible-title { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.atlas-map__top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px; margin-bottom: 24px; }
.atlas-map__eyebrow { color: var(--orange-500); font-size: 10px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.atlas-map__legend { display: flex; flex-wrap: wrap; gap: 18px; color: var(--fg-muted); font-size: 11px; }
.atlas-map__key { display: flex; align-items: center; gap: 7px; }
.atlas-map__key::before { content: ''; width: 18px; border-top: 1px solid var(--fg-default); }
.atlas-map__key--call::before { border-color: var(--orange-500); }
.atlas-map__key--return::before { border-color: var(--fg-muted); border-top-style: dashed; }
.atlas-map__viewport { overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: var(--border-strong) var(--bg-canvas); padding-bottom: 8px; }
.atlas-map__viewport:focus-visible { outline: 2px solid var(--orange-500); outline-offset: 4px; }
.atlas-map__drawing { display: block; width: 100%; min-width: 900px; height: auto; font-family: var(--font-sans); }
.atlas-map__lane { fill: var(--bg-canvas); stroke: var(--border-default); stroke-width: 1; }
.atlas-map__lane--owner { fill: #faf9f7; }
.atlas-map__lane-head { fill: var(--ink-900); }
.atlas-map__text { fill: var(--fg-default); font-size: 15px; }
.atlas-map__text--actor { fill: #fff; font-size: 18px; font-weight: 500; }
.atlas-map__text--role { fill: #e1e2e0; font-size: 12px; }
.atlas-map__text--kind { fill: #aeb2b0; font-size: 11px; }
.atlas-map__text--service { font-size: 16px; font-weight: 500; letter-spacing: -.2px; }
.atlas-map__text--kicker { fill: var(--orange-500); font-size: 11px; font-weight: 500; }
.atlas-map__text--condition { fill: var(--fg-muted); font-size: 12px; }
.atlas-map__text--result { font-size: 14px; }
.atlas-map__box { fill: var(--bg-canvas); stroke: var(--border-default); stroke-width: 1; }
.atlas-map__box--primary { stroke: var(--orange-500); }
.atlas-map__box--result { fill: #fff7f2; stroke: #e8b7a7; }
.atlas-map__path, .atlas-map__arrow { fill: none; stroke-width: 1.2; }
.atlas-map__path--flow { stroke: #737a78; stroke-width: 1.5; }
.atlas-map__path--call, .atlas-map__arrow--call { stroke: var(--orange-500); }
.atlas-map__path--return, .atlas-map__arrow--return { stroke: #929895; }
.atlas-map__path--return { stroke-dasharray: 3 4; }
.atlas-map__boundary { fill: var(--bg-canvas); stroke: #7a817e; stroke-width: 1.3; }
.atlas-map__boundary--start { fill: var(--orange-500); stroke: var(--bg-canvas); stroke-width: 2; }
.atlas-map__boundary--end { stroke: var(--orange-500); }
.atlas-map__end-inner { fill: #ecc4b7; }