:root{
  --sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;
  --sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;
  --fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.9375rem;--fs-base:1rem;
  --fs-lg:1.1875rem;--fs-h3:1.25rem;--fs-h2:1.625rem;--fs-h1:2.5rem;
  --f:"Archivo",system-ui,-apple-system,sans-serif;
  --f-quote:"Source Serif 4",Georgia,serif;
  --char:#1F2321;--char-2:#2C312E;--char-3:#3A413C;
  --radius:3px;--maxw:78rem;
}
@media(max-width:48rem){:root{--fs-h1:1.9375rem;--fs-h2:1.375rem}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--f);font-size:var(--fs-base);line-height:1.5;
  -webkit-text-size-adjust:100%}
h1,h2,h3,h4{margin:0 0 var(--sp-3);line-height:1.14;font-weight:600;
  letter-spacing:-.02em}
h1{font-size:var(--fs-h1);letter-spacing:-.032em}
h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);letter-spacing:-.01em}
p{margin:0 0 var(--sp-4);max-width:60ch}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-6)}
.label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;
  letter-spacing:.09em;margin:0 0 var(--sp-3)}
.num{font-variant-numeric:tabular-nums}
.quote{font-family:var(--f-quote);font-size:var(--fs-lg);line-height:1.45}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-8);
  align-items:start}
@media(max-width:62rem){.split{grid-template-columns:1fr;gap:var(--sp-10)}}

.doc{border:1px solid;border-radius:var(--radius);overflow:hidden;
  background:#fff}
.doc-head{background:var(--char);color:#EDECE7;padding:var(--sp-3) var(--sp-5);
  display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);
  justify-content:space-between;align-items:baseline}
.doc-head p{margin:0;max-width:none}
.doc-ref{font-size:var(--fs-xs);letter-spacing:.07em;color:#9AA19A}
.doc-body{padding:0}
.doc-foot{padding:var(--sp-4) var(--sp-5);font-size:var(--fs-xs);
  line-height:1.5;border-top:1px solid}

.row{display:grid;grid-template-columns:auto 1.1fr 1.5fr auto;
  gap:var(--sp-4);align-items:baseline;padding:var(--sp-4) var(--sp-5)}
.row+.row{border-top:1px solid}
.row b{font-weight:600;font-size:var(--fs-md)}
.row span{font-size:var(--fs-md);line-height:1.45}
@media(max-width:62rem){
  .row{grid-template-columns:auto 1fr;gap:var(--sp-2) var(--sp-3)}
  .row span{grid-column:2}
  .row .chip{grid-column:2;justify-self:start;margin-top:var(--sp-1)}
}
.sev{width:3px;align-self:stretch;min-height:1.2em;border-radius:1px}
.chip{display:inline-flex;align-items:center;font-size:var(--fs-xs);
  font-weight:600;letter-spacing:.03em;padding:.22em .5em;border:1px solid;
  border-radius:var(--radius);white-space:nowrap}
:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
