/* sks/ai design system on the briefing (generated by briefing-header.py). Loads after briefing.css. */
:root{
  --paper:#F1F2F0; --tint:#E3E6E6; --ink:#121416; --navy:#24435C; --ink-2:#2E3338; --ink-3:#50565C;
  --rule:#B7BCBF; --accent:#E35417; --accent-deep:#AE3D0A; --light:#C5D3DE;
  --serif:"Archivo","Helvetica Neue",Arial,sans-serif;
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --navh:76px;
}
body{font-size:19px;line-height:1.6;font-variant-numeric:tabular-nums}
a{text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
a:hover{color:var(--ink);text-decoration-color:var(--ink)}

/* display type: Archivo, heavy and semi-condensed, in place of the serif */
h1,h2,.contents a,.keystats b,.strip .dl b,.map .q h5,.quote blockquote,ol.take strong,ol.take li::before,.evalband b{
  font-family:var(--sans);font-weight:800;font-stretch:87.5%;letter-spacing:-.03em;font-style:normal}
h1{line-height:.95}
h2{font-weight:750;letter-spacing:-.025em;line-height:1.02}
.contents a{font-weight:700;font-size:21px;letter-spacing:-.01em}
.quote blockquote{font-weight:600;letter-spacing:-.015em}
ol.take strong{font-weight:700;font-size:26px;letter-spacing:-.012em}
ol.take li::before{color:var(--accent-deep)}

/* labels: sentence case, no tracking */
.series,.contents .lab,.kicker,.market .lab,.seen .lab,.mid b,.notes .src-list h3{text-transform:none;letter-spacing:0}
.series{font-size:16px}
.kicker{font-size:16px;font-weight:600;color:var(--light)}
.contents .lab,.market .lab,.seen .lab,.mid b{font-size:15px;font-weight:700;color:var(--ink)}
.notes .src-list h3{font-size:15px;color:var(--ink)}

/* surfaces: steel openers and quote, flat cover overlay, no hatching */
.opener{background:#24435C}
.opener.view{background:var(--tint)}
.opener.view .kicker{color:var(--ink)}
.quote{background:#24435C}
.cover{background:#121416}
.cover::after{background:rgba(18,20,22,.55)}
.hatch{display:none}
.duo{background:var(--tint)}

/* charts: one orange highlight, the rest ink-muted; square markers */
.bar{background:#7D8791;border-radius:0}
.row.a .bar{background:var(--accent)}
.legend span::before{background:#7D8791}
.legend span.a::before{background:var(--accent)}
.strip .dot{border-radius:0;background:var(--accent)}
.strip .span{background:#7D8791;opacity:.5}
.pairs h4 .x{border-radius:0;background:#24435C}
.map .q.up{background:#C5D3DE}
.wordmark{font-family:var(--sans)}
.btn{border-radius:2px}
.btn:hover{background:#000;color:#F1F2F0}

/* header: the homepage's */
.topnav{background:#F1F2F0;color:#121416;border-bottom:2px solid #121416}
.topnav .wrap{gap:24px}
.wordmark{color:#121416}
.wordmark img{height:48px;width:auto;filter:none}
.backhome{font-size:15px;font-weight:600;color:#121416;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;padding:6px 0}
.backhome:hover{color:#121416;border-bottom-color:#E35417}
.navlinks a{color:#50565C}
.navlinks a:hover,.navlinks a.on{color:#121416}
.navlinks a.on{box-shadow:inset 0 -2px 0 #E35417}
.navact a.pdf{color:#121416}
.navact a.pdf:hover{color:#121416;text-decoration:underline}
.topnav .btn{background:#121416;color:#F1F2F0;padding:10px 18px;font-size:15px}
.topnav .btn:hover{background:#000;color:#F1F2F0}
@media (max-width:1100px){.navlinks{display:none}.navact{margin-left:auto}}
@media (max-width:700px){.backhome,.navact a.pdf{display:none}.wordmark img{height:40px}}