/* Generated by design-system-stage-1/scripts/build-design-css.cjs. Edit the source CSS and tokens. */
/* Prop Firm Spreads. One cost-evidence ledger for prop firms and future market
   directories; reusable values resolve through design-system tokens. */
.spread-page { --comparison-identity-width:var(--comparison-spread-identity-width); --comparison-model-width:var(--comparison-spread-market-width); --comparison-loss-width:var(--comparison-spread-lens-width); --comparison-drawdown-width:var(--comparison-spread-check-width); --comparison-evidence-width:var(--comparison-spread-evidence-width); --comparison-actions-width:var(--comparison-spread-actions-width); padding:var(--space-xl) 0 var(--space-section); background:var(--color-surface-page); color:var(--color-text); font:var(--font-weight-body) var(--font-body)/var(--line-height-body) var(--font-family); }
.spread-page [id] { scroll-margin-top:calc(var(--space-section) + var(--space-2xl)); }
body.has-top-offer:not(.is-offer-collapsed) .spread-page [id] { scroll-margin-top:calc(var(--space-section) + var(--space-2xl) * 2); }
.spread-page * { box-sizing:border-box; }
.spread-page :is(h1,h2,h3,p) { margin:0; }
.spread-page>.container { width:calc(100% - var(--space-xl) * 2); max-width:var(--width-page); margin-inline:auto; padding:0; }
.spread-page a { text-underline-offset:var(--space-xs); }
.spread-kicker,.spread-field-label { color:var(--color-accent); font:var(--font-weight-label) var(--font-label)/var(--line-height-caption) var(--font-family-data); letter-spacing:var(--tracking-label); text-transform:uppercase; }

.spread-hero { display:grid; grid-template-columns:var(--spread-hero-columns); gap:var(--space-section); align-items:center; padding:var(--space-2xl) 0 var(--space-section); }
.spread-hero-main { display:grid; align-content:center; justify-items:start; gap:var(--space-lg); min-width:0; }
.spread-hero-title { max-width:13ch; color:var(--color-text); font-size:var(--display-index); font-weight:var(--font-weight-h1); line-height:var(--line-height-h1); letter-spacing:var(--tracking-h1); text-wrap:balance; }
.spread-hero-subtitle { max-width:var(--width-reading); color:var(--color-text-muted); font-size:var(--font-h5); line-height:var(--line-height-reading); text-wrap:pretty; }
.spread-hero-links { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-md) var(--space-xl); }
.spread-hero-links>a:not(.ds-button) { display:inline-flex; align-items:center; min-height:var(--button-height); color:var(--color-text-muted); font-size:var(--font-body-small); font-weight:var(--font-weight-label); text-decoration:none; }
.spread-hero-links>a:not(.ds-button)::after { content:'↗'; margin-inline-start:var(--space-sm); color:var(--color-accent); }
.spread-hero-links>a:not(.ds-button):is(:hover,:focus-visible) { color:var(--color-accent); }
.spread-hero-index { display:grid; align-content:start; min-width:0; gap:var(--space-md); padding-inline-start:var(--space-2xl); border-inline-start:var(--stroke-width) solid var(--color-border); }
.spread-hero-index>span { color:var(--color-accent); font:var(--font-weight-label) var(--font-label)/var(--line-height-caption) var(--font-family-data); letter-spacing:var(--tracking-label); text-transform:uppercase; }
.spread-hero-index>strong { color:var(--color-text); font:var(--font-weight-h1) var(--display-index)/var(--line-height-h1) var(--font-family); letter-spacing:var(--tracking-h1); }
.spread-hero-index>p { max-width:var(--width-reading); color:var(--color-text-muted); font-size:var(--font-body-small); line-height:var(--line-height-reading); }
.spread-hero-index dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:var(--space-md) 0 0; border-block:var(--stroke-width) solid var(--color-border); }
.spread-hero-index dl>div { display:grid; gap:var(--space-xs); padding:var(--space-md) 0; }
.spread-hero-index dl>div+div { padding-inline-start:var(--space-md); border-inline-start:var(--stroke-width) solid var(--color-border); }
.spread-hero-index dt { color:var(--color-text-decorative); font:var(--font-weight-label) var(--font-caption)/var(--line-height-caption) var(--font-family-data); text-transform:uppercase; }
.spread-hero-index dd { margin:0; color:var(--color-text); font:var(--font-weight-heading) var(--font-h4)/var(--line-height-heading) var(--font-family-data); }

.spread-method-section { padding:var(--space-section) 0 0; border-top:var(--stroke-width) solid var(--color-border); }
.spread-method-head { display:grid; grid-template-columns:var(--spread-method-columns); gap:var(--space-section); align-items:end; }
.spread-method-head>div { display:grid; gap:var(--space-md); }
.spread-method-head h2 { max-width:19ch; color:var(--color-text); font-size:var(--display-chapter); font-weight:var(--font-weight-heading); line-height:var(--line-height-heading); letter-spacing:var(--tracking-heading); text-wrap:balance; }
.spread-method-head>p { max-width:var(--width-reading); color:var(--color-text-muted); line-height:var(--line-height-reading); text-wrap:pretty; }
.spread-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:var(--space-xl); border-block:var(--stroke-width) solid var(--color-border); }
.spread-card { display:grid; align-content:start; gap:var(--space-md); min-width:0; padding:var(--space-xl) 0; }
.spread-card+.spread-card { padding-inline-start:var(--space-xl); border-inline-start:var(--stroke-width) solid var(--color-border); }
.spread-card svg { width:var(--primitive-size-24); height:var(--primitive-size-24); color:var(--color-accent); stroke-width:var(--icon-stroke); }
.spread-card strong { color:var(--color-text); font-size:var(--font-h4); line-height:var(--line-height-heading); }
.spread-card span { max-width:42ch; color:var(--color-text-muted); font-size:var(--font-body-small); line-height:var(--line-height-reading); }

.spread-monitor-section { padding:var(--space-section) 0 0; border-top:var(--stroke-width) solid var(--color-border); }
.spread-monitor-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--space-xl); align-items:end; }
.spread-monitor-head>div { display:grid; gap:var(--space-md); }
.spread-monitor-head h2 { max-width:18ch; color:var(--color-text); font-size:var(--display-chapter); font-weight:var(--font-weight-heading); line-height:var(--line-height-heading); letter-spacing:var(--tracking-heading); text-wrap:balance; }
.spread-monitor-head p { max-width:var(--width-reading-wide); color:var(--color-text-muted); line-height:var(--line-height-reading); text-wrap:pretty; }
.spread-monitor-total { display:flex; align-items:baseline; gap:var(--space-sm); color:var(--color-text-muted); font-size:var(--font-body-small); }
.spread-monitor-total b { color:var(--color-accent); font:var(--font-weight-heading) var(--font-metric)/var(--primitive-line-control) var(--font-family-data); }
.spread-controls { display:grid; grid-template-columns:minmax(var(--filter-search-min-width),.82fr) minmax(0,1.18fr); gap:var(--space-md); align-items:end; margin-top:var(--space-xl); }
.spread-search-wrap,.spread-filter-field { display:grid; min-width:0; gap:var(--space-sm); }
.spread-filter-field .ds-filter-group { grid-template-columns:repeat(4,minmax(0,1fr)); }
.spread-list-meta { display:flex; justify-content:space-between; gap:var(--space-lg); margin-top:var(--space-md); padding:var(--space-md) 0; border-top:var(--stroke-width) solid var(--color-border); color:var(--color-text-muted); font-size:var(--font-body-small); }
.spread-list-meta strong { color:var(--color-text); font-family:var(--font-family-data); }
.spread-table-wrap { margin-top:0; border-bottom:0; }
.spread-row { content-visibility:auto; contain-intrinsic-size:auto var(--comparison-row-min-height); }
.spread-row.is-hidden,.spread-show-more[hidden] { display:none!important; }
.spread-page .tsb-prop-logo.tsb-prop-logo { --tsb-prop-logo-frame:var(--entity-logo-size); --tsb-prop-logo-art:var(--entity-logo-art); --tsb-prop-logo-radius:var(--radius-control); --tsb-prop-logo-surface:var(--color-surface-raised); --tsb-prop-logo-border:var(--color-border-strong); }
.spread-firm { display:flex; align-items:flex-start; gap:var(--space-md); color:var(--color-text); text-decoration:none; }
.spread-firm>span { display:grid; min-width:0; gap:var(--space-xs); }
.spread-firm strong { font-size:var(--font-body); line-height:var(--line-height-heading); }
.spread-firm small { color:var(--color-text-muted); font-size:var(--font-caption); line-height:var(--line-height-caption); }
.spread-firm:is(:hover,:focus-visible) strong { color:var(--color-accent); }
.spread-cell-market,.spread-cell-check { color:var(--color-text-muted); line-height:var(--line-height-body); }
.spread-cell-title,.spread-cell-meta { display:block; }
.spread-cell-title { color:var(--color-text); font-weight:var(--font-weight-heading); line-height:var(--line-height-heading); }
.spread-cell-meta { color:var(--color-text-muted); font-size:var(--font-body-small); line-height:var(--line-height-body); }
.spread-cell-market .spread-cell-meta { margin-top:var(--space-sm); font-family:var(--font-family-data); font-size:var(--font-caption); }
.spread-cell-status .ds-badge { max-width:100%; white-space:normal; }
.spread-decision-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-xs); }
.spread-decision-links a { display:flex; min-width:0; min-height:var(--primitive-size-28); align-items:center; justify-content:flex-start; gap:var(--space-xs); padding:var(--space-xs) 0; border:0; color:var(--color-text-muted); font-size:var(--font-caption); font-weight:var(--font-weight-label); line-height:var(--line-height-caption); text-align:start; text-decoration:none; transition:color var(--duration-fast) var(--ease-out); }
.spread-decision-links a:not(:first-child)::after { content:'\2197'; color:var(--color-accent); font-size:var(--font-caption); }
.spread-decision-links a:first-child { grid-column:1 / -1; min-height:var(--button-compact-height); justify-content:space-between; padding:var(--space-xs) var(--space-md); border:var(--stroke-width) solid var(--button-tinted-border); border-radius:var(--radius-action); background:var(--button-tinted-bg); color:var(--button-tinted-text); }
.spread-decision-links a:first-child::after { content:'\2192'; }
.spread-decision-links a:is(:hover,:focus-visible) { color:var(--color-text); }
.spread-decision-links a:first-child:is(:hover,:focus-visible) { border-color:var(--button-tinted-border); background:var(--button-tinted-hover-bg); color:var(--button-tinted-text); }
.spread-empty { display:none; margin-top:var(--space-md); padding:var(--space-xl); border:var(--stroke-width) dashed var(--color-border-strong); border-radius:var(--radius-card); color:var(--color-text-muted); text-align:center; }
.spread-empty.is-visible { display:block; }
.spread-results-footer { display:flex; justify-content:center; margin-top:var(--space-xl); }
.spread-show-more { min-width:var(--load-more-control-min-width); }

.spread-verification-section { display:grid; grid-template-columns:var(--spread-verification-columns); gap:var(--space-section); padding:var(--space-section) 0 0; border-top:0; }
.spread-verification-intro { display:grid; align-content:start; gap:var(--space-md); }
.spread-verification-intro h2 { max-width:17ch; color:var(--color-text); font-size:var(--display-chapter); font-weight:var(--font-weight-heading); line-height:var(--line-height-heading); letter-spacing:var(--tracking-heading); text-wrap:balance; }
.spread-verification-intro p { max-width:var(--width-reading); color:var(--color-text-muted); line-height:var(--line-height-reading); }
.spread-verification-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding:0; border-top:var(--stroke-width) solid var(--color-border); list-style:none; }
.spread-verification-list li { display:grid; grid-template-columns:var(--primitive-size-40) minmax(0,1fr); gap:var(--space-md); min-width:0; padding:var(--space-xl) 0; border-bottom:var(--stroke-width) solid var(--color-border); }
.spread-verification-list li:nth-child(even) { padding-inline-start:var(--space-xl); border-inline-start:var(--stroke-width) solid var(--color-border); }
.spread-verification-list li:nth-child(odd) { padding-inline-end:var(--space-xl); }
.spread-verification-list li:nth-last-child(-n+2) { border-bottom:0; }
.spread-verification-list li>span { color:var(--color-accent); font:var(--font-weight-label) var(--font-caption)/var(--line-height-caption) var(--font-family-data); }
.spread-verification-list li>div { display:grid; gap:var(--space-sm); }
.spread-verification-list h3 { color:var(--color-text); font-size:var(--font-body); line-height:var(--line-height-heading); }
.spread-verification-list p { color:var(--color-text-muted); font-size:var(--font-body-small); line-height:var(--line-height-body); }

@media (max-width: 1180px) {
  .spread-hero { gap:var(--space-2xl); }
  .spread-hero-title { font-size:var(--display-chapter); }
  .spread-method-head { grid-template-columns:1fr; gap:var(--space-xl); }
  .spread-controls { grid-template-columns:1fr; }
}

@media (max-width: 860px) {
  .spread-page>.container { width:calc(100% - var(--space-lg) * 2); }
  .spread-hero { grid-template-columns:1fr; min-height:auto; padding:var(--prop-hero-padding-start) 0 var(--space-section); }
  .spread-hero-title { font-size:var(--primitive-size-48); }
  .spread-hero-subtitle { font-size:var(--font-body); }
  .spread-hero-index { padding:var(--space-xl) 0 0; border-inline-start:0; border-top:var(--stroke-width) solid var(--color-border); }
  .spread-grid { grid-template-columns:1fr; }
  .spread-card { padding:var(--space-lg) 0; }
  .spread-card+.spread-card { padding-inline-start:0; border-inline-start:0; border-top:var(--stroke-width) solid var(--color-border); }
  .spread-monitor-head,.spread-verification-section { grid-template-columns:1fr; }
  .spread-monitor-head h2,.spread-verification-intro h2,.spread-method-head h2 { font-size:var(--font-h2); }
  .spread-monitor-total { justify-self:start; }
}

@media (max-width: 640px) {
  .spread-page { padding-top:var(--space-lg); }
  .spread-hero-title { font-size:var(--primitive-size-40); }
  .spread-hero-links { display:grid; width:100%; gap:var(--space-sm); }
  .spread-hero-links .ds-button { width:100%; }
  .spread-hero-links>a:not(.ds-button) { min-height:var(--button-compact-height); }
  .spread-hero-index dl { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .spread-filter-field .ds-filter-group { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:row; }
  .spread-list-meta>span:last-child { display:none; }
  .spread-table-wrap { margin-inline:calc(var(--space-lg) * -1); }
  .spread-table-wrap .spread-row { padding-inline:var(--space-lg); }
  .spread-table-wrap .spread-row:is(:hover,:focus-within) { background:var(--color-surface-hover); }
  .spread-table-wrap .spread-row { grid-template-areas:'identity identity' 'model loss' 'drawdown evidence' 'actions actions'; }
  .spread-decision-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .spread-show-more { width:100%; min-width:0; }
  .spread-verification-list { grid-template-columns:1fr; }
  .spread-verification-list li:nth-child(even),.spread-verification-list li:nth-child(odd) { padding-inline:0; border-inline-start:0; }
  .spread-verification-list li:nth-last-child(2) { border-bottom:var(--stroke-width) solid var(--color-border); }
}

@media (max-width: 380px) {
  .spread-table-wrap .spread-row { grid-template-areas:'identity' 'model' 'loss' 'drawdown' 'evidence' 'actions'; }
}

@media (prefers-reduced-motion:reduce) {
  .spread-decision-links a { transition:none; }
}