/* Case-study sheets: their layouts stay in press.css, this puts them in the current look. Loads after site.css. */
:root{
  --wash:var(--paper-2);--hairline:var(--hair);--midstone:var(--muted);--ash:var(--muted);--sepia:var(--ink-2);
  --pop:var(--red);--pop-soft:var(--red-ink);--ink-soft:var(--ink-2);--ink-label:var(--muted);--ink-rule:var(--hair);--field:var(--paper-2);
  --display:var(--f-body);--text:var(--f-body);--goth:var(--f-body);--stamp:var(--f-mono);--ui:var(--f-mono);--bar:64px;
}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body)}
main em,main i,main .lede,main [class*="lede"],main [class*="dek"]{font-style:normal}
.sheet h1,.sheet h2,.sheet h3{font-family:var(--f-body);font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.sheet a{color:inherit}
.sheet-head{padding-top:calc(var(--bar) + 40px)}
.turn a,.crumb a{color:var(--ink)}
.acts .btn::after{display:none}
.acts .btn.solid{background:var(--red);border-color:var(--red);color:#1A1412}
.acts .btn:not(.solid){background:transparent;border-color:var(--ink);color:var(--ink)}
.sheet .facts{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--ink);align-self:start}
.sheet .facts>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:16px 0;border-right:0;border-top:0;border-bottom:1px solid var(--hair);align-items:baseline}
.sheet .facts dt{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.sheet .facts dd{margin:0;font-family:var(--f-body);text-transform:none;font-size:16px;line-height:1.45;letter-spacing:0}