/* Two full-width answer rows. Title cluster on one side, a character
   animation in classic windows on the other; the sides swap between rows.
   Everything in the scene is text set in IBM Plex Mono. */
html[data-design-system="halde"] .handoff-pair{width:min(100%,var(--page-max));box-sizing:border-box;margin:0 auto;padding:0 var(--page-gutter) clamp(60px,7vh,96px);color:var(--text-primary);background:var(--bg-page)}
html[data-design-system="halde"] .handoff-row{display:grid;grid-template-columns:minmax(240px,.44fr) minmax(0,1.56fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(48px,6vh,84px) 0;border-top:1px solid var(--border-default)}
html[data-design-system="halde"] .handoff-row--gate{grid-template-columns:minmax(0,1.56fr) minmax(240px,.44fr)}
html[data-design-system="halde"] .handoff-copy h2{margin:0;max-width:16ch;font-size:var(--type-landing-section-size,clamp(28px,2.35vw,36px));font-weight:400;font-variation-settings:"wght" 400;line-height:1.12;letter-spacing:-.03em;text-wrap:pretty}
html[data-design-system="halde"] .handoff-copy .anno-list{max-width:36ch}

/* Scene: window · link · window · link · window */
html[data-design-system="halde"] .hx-scene{--font-technical:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:22px;margin:0;color:#111;font-family:var(--font-technical)}
html[data-design-system="halde"] .hx-scene--transfer{--hx-lines:8}
html[data-design-system="halde"] .hx-scene--gate{--hx-lines:6;grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr)}
html[data-design-system="halde"] .hx-scene figcaption{grid-column:1/-1;text-align:center;color:#5b6068;font:500 10px/1.4 var(--font-technical);letter-spacing:.1em}
html[data-design-system="halde"] .hx-scene figcaption b{color:#ff5a1f;font-weight:600}
html[data-design-system="halde"] .hx-scene figcaption a{color:#111;text-decoration:none;border-bottom:1px solid currentColor}
html[data-design-system="halde"] .hx-scene figcaption a:is(:hover,:focus-visible){color:#ff5a1f;outline:none}
html[data-design-system="halde"][data-resolved-theme="dark"] .hx-scene figcaption a{color:#f1f1ed}
html[data-design-system="halde"] .hx-link{margin:0;color:#111;font:400 12px/1.7 var(--font-technical);white-space:pre}
html[data-design-system="halde"] .hx-link{--star:#ff5a1f}
html[data-design-system="halde"] .hx-scene .hx-link{color:#8a8f96}

/* Dark */
/* Dark */
html[data-design-system="halde"][data-resolved-theme="dark"] .hx-scene{color:#f1f1ed}

@media (max-width:1400px){
  html[data-design-system="halde"] .handoff-row{grid-template-columns:minmax(200px,.36fr) minmax(0,1.64fr)}
  html[data-design-system="halde"] .handoff-row--gate{grid-template-columns:minmax(0,1.64fr) minmax(200px,.36fr)}
  html[data-design-system="halde"] .hx-scene .hx-win>pre{font-size:11.5px}
  html[data-design-system="halde"] .hx-link{font-size:11px}
}
@media (max-width:1250px){
  html[data-design-system="halde"] .hx-scene .hx-win>pre{font-size:10.5px;padding:12px 12px 14px}
  html[data-design-system="halde"] .hx-link{font-size:10px}
  html[data-design-system="halde"] .hx-scene{column-gap:6px}
}
@media (max-width:1180px){
  html[data-design-system="halde"] .hx-scene .hx-win>pre{font-size:9.5px;padding:10px 8px 12px}
}
@media (max-width:1100px){
  html[data-design-system="halde"] .handoff-row,html[data-design-system="halde"] .handoff-row--gate{grid-template-columns:1fr;gap:28px}
  html[data-design-system="halde"] .handoff-row--gate .handoff-copy{order:-1}
  html[data-design-system="halde"] .hx-scene,html[data-design-system="halde"] .hx-scene--gate{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));column-gap:18px}
  html[data-design-system="halde"] .hx-link{display:none}
  html[data-design-system="halde"] .hx-scene .hx-win>pre{font-size:12px;padding:14px 14px 16px}
}
@media (max-width:620px){
  html[data-design-system="halde"] .handoff-pair{padding:0 18px 56px}
  html[data-design-system="halde"] .handoff-row{padding:36px 0}
  html[data-design-system="halde"] .hx-scene,html[data-design-system="halde"] .hx-scene--gate{grid-template-columns:1fr}
  html[data-design-system="halde"] .hx-scene .hx-win>pre{font-size:11.5px}
}