:root {
  
  --paper:        #f6f3ec;
  --paper-raised: #fbf9f4;
  --paper-sunk:   #efe9dc;

  
  --ink:    #14120e;
  --ink-2:  #36312a;
  --ink-3:  #6d6559;   
  --ink-4:  #938a7c;   

  
  --rule:       #cfc7b6;
  --rule-firm:  #a89e8a;
  --rule-heavy: #14120e;

  
  --accent:      #8c1d18;
  --accent-wash: #f2e4e1;

  
  --fact:      #2f4f3e;
  --derived:   #4a4273;
  --inference: #7a5320;

  --serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino,
           "Book Antiqua", Georgia, "Times New Roman", serif;
  --sans:  ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter,
           Helvetica, Arial, sans-serif;
  --mono:  ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  
  --t-mega:   clamp(2.9rem, 6.2vw, 5.1rem);
  --t-lead:   clamp(2rem, 4.1vw, 3.15rem);
  --t-head:   clamp(1.5rem, 2.5vw, 2rem);
  --t-sub:    clamp(1.17rem, 1.6vw, 1.37rem);
  --t-body:   1.025rem;
  --t-small:  0.875rem;
  --t-label:  0.688rem;
  --t-micro:  0.625rem;

  --gut: clamp(1.25rem, 4vw, 3.25rem);
  --max: 1320px;
}

:root { color-scheme: light; }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:var(--t-body)/1.62 var(--serif);
  -webkit-font-smoothing:antialiased;
  font-kerning:normal;
  
  font-variant-numeric:oldstyle-nums;
  text-rendering:optimizeLegibility;
}

table,.num,.metric,.tnum{font-variant-numeric:lining-nums tabular-nums}

h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.012em;line-height:1.08}
h1{font-size:var(--t-mega);line-height:.9;letter-spacing:-.028em}
h2{font-size:var(--t-head);line-height:1.05}
h3{font-size:var(--t-sub);line-height:1.12}
h4{font-size:var(--t-body);line-height:1.2}

p{margin:0 0 .85em}
a{color:inherit;text-decoration:none}

.kicker{
  font:600 var(--t-label)/1 var(--sans);
  letter-spacing:.17em;text-transform:uppercase;color:var(--accent);
  display:block;margin-bottom:.62rem;
}

.label{
  font:600 var(--t-label)/1 var(--sans);
  letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);
}

.prov{
  display:inline-flex;align-items:center;gap:.3rem;
  font:600 var(--t-micro)/1 var(--sans);
  letter-spacing:.11em;text-transform:uppercase;
  border:1px solid currentColor;padding:.16rem .3rem;
}
.prov--fact{color:var(--fact)}
.prov--derived{color:var(--derived)}
.prov--inference{color:var(--inference)}

.chip{
  display:inline-flex;align-items:center;gap:.38rem;padding:.22rem .46rem;
  font:600 var(--t-label)/1 var(--sans);
  letter-spacing:.1em;text-transform:uppercase;
  border:1px solid currentColor;white-space:nowrap;
}

.measure{max-width:68ch}
.measure-tight{max-width:54ch}

.note{font:var(--t-small)/1.55 var(--serif);color:var(--ink-3)}

.section{padding:1.9rem 0;border-top:1px solid var(--rule)}
.section:first-of-type{border-top:0}
.section__head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:1rem;margin-bottom:1.35rem;flex-wrap:wrap;
}

@media (min-width:760px){
  .section{padding:2.4rem 0}
}