/* Trading V6: site-grid geometry review; V5 prose and shared shell unchanged. */
.trading-main { background:#eee9df; color:#192126; }
.trading-main .reading { width:var(--shell); max-width:none; margin-inline:auto; font-size:1.025rem; line-height:1.7; }
.trading-main .reading > p:not(.eyebrow),.mechanics-list,.execution-rules { max-width:920px; }
.story-section { scroll-margin-top:90px; }
.story-section > .reading { padding-block:42px; }
.story-section + .story-section > .reading { border-top:1px solid #19212625; }
.story-section h2 { font-family:var(--display); font-weight:900; font-size:clamp(1.65rem,2.5vw,2.25rem); line-height:1.16; letter-spacing:-.025em; margin:0 0 22px; }
.trading-main .reading p { margin:0; }
.trading-main .reading p + p { margin-top:17px; }
.trading-main .reading .eyebrow { font-size:.68rem; line-height:1.6; margin-bottom:12px; }
.trading-main .reading a { color:inherit; text-decoration:underline; text-decoration-color:#987044; text-underline-offset:4px; }
.story-hero { position:relative; background:#10171b; color:var(--ivory); height:clamp(432px,43.2vw,621px); margin-top:72px; overflow:hidden; }
/* Preserve the original hero rendering, removing only its upper tenth. */
.hero-photograph { width:100%; height:111.111111%; transform:translateY(-10%); object-fit:cover; object-position:50% 50%; }
.story-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,9,14,.5),transparent 47%); pointer-events:none; }
.hero-title { position:absolute; top:44px; left:0; right:0; z-index:1; text-shadow:0 1px 3px rgba(0,0,0,.45); }
.hero-title h1 span { color:var(--amber-bright); }
.story-hero h1 { font-family:var(--display); font-size:clamp(3rem,5.5vw,5rem); font-weight:900; line-height:1.05; margin:0; }
.story-hero .eyebrow { color:var(--amber-bright); }
.trading-main .hero-introduction { padding-top:34px; color:#192126; }
.story-image { display:flex; flex-direction:column; justify-content:space-between; gap:24px; min-width:0; padding:22px; border:1px dashed #19212655; background:#19212606; margin:0; }
.placeholder-label { font-size:.64rem; font-weight:650; letter-spacing:.09em; text-transform:uppercase; line-height:1.5; color:#62696c; }
.story-image figcaption { font-family:var(--display); font-size:1.35rem; line-height:1.2; text-transform:uppercase; }
.story-image small { display:block; font-family:var(--body); font-size:.78rem; line-height:1.55; margin-top:10px; text-transform:none; color:#62696c; }
.hero-image { aspect-ratio:2.5/1; margin-top:30px; border-color:#e9e1d244; background:#e9e1d204; }
.hero-image .placeholder-label,.hero-image small { color:var(--ivory-muted); }
.story-roadmap { margin-top:24px; }
.story-roadmap ol { display:flex; flex-wrap:wrap; list-style:none; gap:10px 20px; margin:0; padding:0; font-size:.87rem; line-height:1.55; }
.trading-main .story-roadmap a { text-decoration:none; }
.story-roadmap span { color:#8b561e; font-weight:750; margin-right:5px; }
.story-roadmap a:hover { text-decoration:underline; }
.mechanics-list,.execution-rules { margin:20px 0; padding-left:24px; }
.mechanics-list li,.execution-rules li { padding:3px 0 3px 3px; }
.trans-am-bookend { width:100%; aspect-ratio:3/1; }
.bookend-opening { margin-bottom:30px; }
.bookend-closing { margin-top:30px; }
.story-image.assembled-image { display:block; padding:0; border:0; background:transparent; overflow:hidden; }
.assembled-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.automation-image { aspect-ratio:3/1; margin-block:30px; }
.rule-principles { font-size:.97rem; line-height:1.75; }
.rule-principles strong { font-weight:650; }
.story-closing > .reading { padding-bottom:54px; }
.story-closing > .reading { display:grid; grid-template-columns:minmax(0,1fr) 38%; gap:32px; align-items:start; }
.edge-copy { min-width:0; }
.edge-streetlight { display:block; width:100%; height:auto; box-shadow:0 5px 14px rgba(25,33,38,.14); }
.edge-streetlight-scene { min-width:0; }
@media (min-width:1101px) {
  .story-roadmap ol { flex-wrap:nowrap; gap:16px; }
  .story-roadmap li { white-space:nowrap; }
}
@media (max-width:860px) {
  .trading-main .reading { width:var(--shell); }
  .story-section > .reading { padding-block:32px; }
  .story-section h2 { font-size:clamp(1.65rem,5.4vw,2.15rem); }
  .story-hero { margin-top:64px; height:414px; }
  .hero-title { top:28px; }
  .hero-photograph { object-position:75% 50%; }
  .story-hero h1 { font-size:clamp(3rem,10vw,4.3rem); }
  .trading-main .hero-introduction { padding-top:28px; }
  .hero-image { aspect-ratio:16/10; }
  .trans-am-bookend { width:100%; aspect-ratio:16/9; min-height:190px; }
  /* Keep both teenagers, leftover parts and streetlights visible on small screens. */
  .trans-am-bookend.assembled-image { aspect-ratio:auto; min-height:0; }
  .trans-am-bookend.assembled-image img { height:auto; }
  .automation-image { aspect-ratio:16/9; }
  .story-roadmap ol { gap:9px 16px; }
  .story-image { padding:18px; }
  .story-closing > .reading { padding-bottom:40px; }
  .story-closing > .reading { display:block; }
  .edge-streetlight-scene { width:100%; margin:30px auto 0; }
}