/* Settlement console additions. Look and tokens come from fsn-app.css (Ultra Nightshade, Tabitha's FSN design
   project); these rules only add fonts, the container the design's @container rules expect, and the few pieces the
   design project has no screen for (stage trace, receipt pairs). No inline styles: the CSP allows only this file. */
@font-face{font-family:'Instrument Sans';src:url('fonts/instrument-sans.woff2') format('woff2');font-weight:400 700;font-stretch:100%;font-display:swap}
@font-face{font-family:Archivo;src:url('fonts/archivo.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('fonts/geist-mono.woff2') format('woff2');font-weight:400 500;font-display:swap}
body{margin:0;container-type:inline-size;background:var(--bg)}
.cs-noscript{margin:24px;font:16px/1.5 system-ui,sans-serif}
.fsn-nav[aria-current="page"]{background:var(--accent-tint);color:var(--accent)}
.cs-pad{padding:22px 24px}
.cs-pad-s{padding:10px 22px}
.cs-hero-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(118px,100%),1fr));gap:14px}
.cs-hero-row small{display:block;font:600 9.5px/1.2 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:6px}
.cs-hero-row b{font:600 18px/1.2 var(--f-num);font-stretch:118%;color:#fff;overflow-wrap:anywhere}
.cs-amt{font:500 15px var(--f-mono);font-feature-settings:'tnum';white-space:nowrap}
.cs-unit{font:var(--t-xs);color:var(--ink-2);margin-left:4px;white-space:nowrap}
.cs-money{white-space:nowrap}
.cs-stages b::first-letter,.h-list__t b::first-letter{text-transform:uppercase}
.h-pop .cs-unit{color:rgba(255,255,255,.85);font:500 15px/1 var(--f-body);letter-spacing:.01em;margin-left:12px;vertical-align:middle}
.cs-crit-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:start}
.cs-mono{font-family:var(--f-mono);font-feature-settings:'tnum';overflow-wrap:anywhere}
.cs-muted{color:var(--ink-2)}
.cs-note{font:var(--t-xs);color:var(--ink-2);max-width:80ch}
.cs-stages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cs-stages li{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.cs-stages li:last-child{border-bottom:0}
.cs-stages time{font:500 12.5px var(--f-mono);color:var(--ink-2);font-feature-settings:'tnum'}
.cs-stages b{font:600 14px/1.35 var(--f-body);color:var(--ink)}
.cs-stages span.cs-sub{grid-column:2/4;font:var(--t-xs);color:var(--ink-2);overflow-wrap:anywhere}
.cs-stages li.is-refusal b{color:var(--bad-ink)}
.cs-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}
.cs-pair>div{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surf-2);display:flex;flex-direction:column;gap:4px;min-width:0}
.cs-pair small{font:600 9.5px/1.2 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.cs-table td,.cs-table th{vertical-align:top}
.cs-table td{padding:12px 18px;border-bottom:1px solid var(--line)}
.cs-table td.num,.cs-table th.num{text-align:right}
.cs-table tr:last-child td{border-bottom:0}
.cs-crit{display:flex;flex-direction:column;gap:14px}
.cs-crit .h-checks li{grid-template-columns:28px minmax(0,1fr)}
.cs-crit .h-checks li span.cs-sub{grid-column:2;font:var(--t-xs);color:var(--ink-2);overflow-wrap:anywhere}
.cs-ic-ok,.cs-ic-bad{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font:700 12px/1 var(--f-body)}
.cs-ic-ok{background:var(--ok-tint);color:var(--ok-ink)}
.cs-ic-bad{background:var(--bad-tint);color:var(--bad-ink)}
.cs-lanes .lb-h,.cs-lanes .lb-r{grid-template-columns:30px minmax(0,1.4fr) minmax(0,1fr) 64px 104px}
.cs-lanes .lb-r{min-height:54px}
.cs-lanes .lb-who{white-space:normal;overflow:visible;min-width:0}
.cs-lanes .lb-who small{display:block;font:var(--t-xs);color:var(--ink-2);overflow-wrap:anywhere}
.cs-lanes .lb-t{font:500 12.5px var(--f-mono);color:var(--ink-2)}
@container (max-width:720px){
  .cs-stages li{grid-template-columns:minmax(0,1fr) auto}
  .cs-stages time{grid-column:1/3}
  .cs-stages span.cs-sub{grid-column:1/3}
  .cs-lanes .lb-h{display:none}
  .cs-lanes .lb-r{grid-template-columns:30px minmax(0,1fr) auto;padding:8px 12px}
  .cs-lanes .lb-t{grid-column:2/4}
  .cs-lanes .lb-sc{display:none}
}
#main:focus:not(:focus-visible){outline:none}
.pagehead .fsn-lead,.fsn-card .fsn-xs,.kv dd{overflow-wrap:anywhere}
