/* $MICE — the short paper.
   Same ink and paper as the landing, but set as a document:
   one column, real measure, numbers in a table. */

.doc{ background:var(--paper); }

.doc__wrap{
  max-width:74ch;
  margin-inline:auto;
  padding:clamp(1.6rem,5vw,3.5rem) var(--pad) clamp(2.5rem,6vw,5rem);
}

/* ---------- masthead ---------- */
.doc__head{
  border-bottom:3px solid var(--ink);
  padding-bottom:clamp(1.1rem,3vw,1.8rem);
  margin-bottom:clamp(1.6rem,4vw,2.8rem);
}
.doc__eyebrow{
  margin:0 0 .5rem;
  font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; color:var(--ink-soft);
}
.doc__title{
  font-family:var(--f-display);
  font-size:clamp(2rem,8vw,4rem);
  line-height:.92; text-transform:uppercase;
  margin:0 0 .5rem;
}
.doc__standfirst{
  margin:0; max-width:56ch;
  font-size:clamp(.92rem,2vw,1.05rem); color:var(--ink-soft);
}

/* ---------- sections ---------- */
.doc__sec{
  padding-block:clamp(1.3rem,3.5vw,2.2rem);
  border-bottom:2px solid rgba(20,17,13,.18);
}
.doc__sec:last-of-type{ border-bottom:none; }

.doc__sec h2{
  display:flex; align-items:baseline; gap:.7rem;
  font-family:var(--f-display);
  font-size:clamp(1.25rem,4vw,1.85rem);
  line-height:1; text-transform:uppercase;
  margin-bottom:.85rem;
}
.doc__n{
  flex:none;
  font-size:.72em;
  background:var(--ink); color:var(--paper);
  padding:.12em .38em;
  transform:rotate(-2deg);
}

.doc__sec p{ margin:0 0 .8rem; }
.doc__sec p:last-child{ margin-bottom:0; }
.doc__lead{
  font-family:var(--f-display);
  font-size:clamp(1.05rem,3vw,1.4rem);
  line-height:1.2; text-transform:uppercase;
}
.doc__sec b{ background:var(--green); color:var(--paper); padding:0 .22em; font-weight:400; }
.doc__lead b{ background:none; color:inherit; padding:0; }

.doc__aside{
  border-left:4px solid var(--orange);
  padding-left:.9rem;
  font-size:.84rem; color:var(--ink-soft);
}

.doc__list{ display:grid; gap:.6rem; margin:0 0 .8rem; }
.doc__list li{
  padding-left:1.4rem; position:relative;
  font-size:.92rem;
}
.doc__list li::before{
  content:''; position:absolute; left:0; top:.55em;
  width:.6rem; height:.6rem; background:var(--orange);
}

/* ---------- figures ---------- */
.doc__fig{
  margin:1.2rem 0 .6rem;
  border:3px solid var(--ink);
  box-shadow:7px 8px 0 var(--ink);
  transform:rotate(-.5deg);
  background:var(--paper);
}
.doc__fig img{ width:100%; display:block; }
.doc__fig figcaption{
  border-top:3px solid var(--ink);
  padding:.5rem .7rem;
  font-size:.72rem; color:var(--ink-soft);
}

/* ---------- table ---------- */
.doc__tablewrap{ overflow-x:auto; margin:1rem 0; }
.doc__table{
  width:100%; border-collapse:collapse;
  font-variant-numeric:tabular-nums;
  font-size:.82rem;
  border:3px solid var(--ink);
  background:var(--paper);
}
.doc__table th,
.doc__table td{
  padding:.45rem .6rem;
  text-align:right;
  border-bottom:2px solid rgba(20,17,13,.18);
  white-space:nowrap;
}
.doc__table th:first-child,
.doc__table td:first-child{ text-align:left; }
.doc__table thead th{
  background:var(--ink); color:var(--paper);
  font-family:var(--f-display); font-weight:400;
  letter-spacing:.05em; text-transform:uppercase;
  border-bottom:none;
}
.doc__table tbody tr:last-child td{ border-bottom:none; }
.doc__table tbody tr:nth-child(odd){ background:rgba(20,17,13,.035); }
.doc__table td:first-child{ font-family:var(--f-display); letter-spacing:.02em; }

/* ---------- warning block ---------- */
.doc__sec--warn{
  background:var(--ink); color:var(--paper);
  margin-inline:calc(var(--pad) * -1);
  padding-inline:var(--pad);
  border-bottom:none;
}
.doc__sec--warn b{ background:var(--orange); color:var(--ink); }
.doc__sec--warn .doc__aside{ color:rgba(239,233,220,.72); }
.doc__sec--warn .doc__list li{ color:rgba(239,233,220,.9); }

/* ---------- cta ---------- */
.doc__cta{ padding-top:clamp(1.6rem,4vw,2.6rem); }
