@font-face {
  font-family:Field;
  src:url(../assets/DejaVuSans.ttf)
}
@font-face {
  font-family:Field;
  src:url(../assets/DejaVuSans-Bold.ttf);
  font-weight:700
}
@font-face {
  font-family:FieldSerif;
  src:url(../assets/DejaVuSerif.ttf)
}
* {
  box-sizing:border-box
}
body {
  margin:0;
  background:#f0f1e9;
  color:#1e3430;
  font:16px/1.65 Field,system-ui,sans-serif;
  overflow-wrap:anywhere
}
header,main,footer {
  max-width:940px;
  padding:30px;
  margin:auto
}
header {
  padding-top:50px;
  border-bottom:1px solid #bcc8ba
}
h1 {
  font:clamp(38px,6vw,62px)/1.1 FieldSerif,serif;
  letter-spacing:-1.7px;
  margin:20px 0
}
h2 {
  font:29px/1.25 FieldSerif,serif;
  letter-spacing:-.5px;
  margin:0 0 20px
}
section {
  border-bottom:1px solid #c7d1c3;
  padding:20px 0 35px;
  margin-bottom:20px
}
.eyebrow {
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1.3px
}
.lead {
  font-size:20px;
  max-width:650px
}
.note {
  border-left:4px solid #a15b32;
  background:#ede7d5;
  padding:15px 18px
}
a {
  color:#214f49;
  text-underline-offset:3px
}
a:focus-visible {
  outline:3px solid #a15b32;
  outline-offset:4px
}
table {
  width:100%;
  border-collapse:collapse;
  font-size:13px;
  margin:20px 0
}
th,td {
  text-align:left;
  vertical-align:top;
  border:1px solid #c2ccbe;
  padding:10px
}
th {
  background:#e8ecdf
}
pre {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:12px;
  padding:16px;
  background:#e5e9de
}
code {
  font-size:.88em;
  background:#e5e9de;
  padding:1px 3px
}
li {
  margin-bottom:8px
}
footer {
  font-size:12px;
  display:flex;
  justify-content:space-between;
  gap:15px
}
@media(max-width:500px) {
  header,main,footer {
    padding:20px 15px
  }
  table {
    font-size:10px
  }
  th,td {
    padding:6px
  }
  footer {
    display:block
  }
}
@media print {
  @page {
    size:A4;
    margin:16mm
  }
  body {
    font-size:10.2pt;
    line-height:1.5;
    background:white
  }
  header,main,footer {
    max-width:none;
    padding:0
  }
  header {
    padding-bottom:12pt;
    margin-bottom:12pt
  }
  h1 {
    font-size:32pt
  }
  .lead {
    font-size:13pt
  }
  h2 {
    font-size:20pt;
    break-after:avoid
  }
  p,li {
    orphans:3;
    widows:3
  }
  section {
    padding:13pt 0 15pt;
    margin:0 0 8pt
  }
  table {
    font-size:9pt;
    break-inside:avoid
  }
  th,td {
    padding:6pt
  }
  pre {
    break-inside:avoid;
    font-size:8pt
  }
  footer {
    margin-top:12pt;
    font-size:8pt;
    break-inside:avoid
  }
  a {
    color:inherit;
    text-decoration:none
  }
}

@media print {
  p{margin:7pt 0}
  h2{margin:0 0 10pt}
  section{padding:8pt 0 10pt;margin:0 0 6pt}
  li{margin-bottom:3pt}
  .note{break-inside:avoid;padding:9pt 11pt}
  pre{margin:9pt 0}
}

@media print{body{line-height:1.45}p{margin:6pt 0}section{padding:6pt 0 8pt;margin:0 0 4pt}h2{margin-bottom:8pt}footer{margin-top:8pt}}

@media print{main section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}footer{line-height:1.3;margin-top:4pt}footer p{margin:0}}

@media print{.csv-interop{break-inside:avoid}}

.fold-sketch{display:flex;align-items:center;gap:25px;margin:22px 0;break-inside:avoid}
.sketch-card{width:155px;border:1px solid #65756a;flex:none;background:white;color:#1e3430}
.sketch-face{height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:17px/1.4 FieldSerif,serif}
.sketch-face small{display:block;font:11px/1.5 Field,sans-serif;margin-top:6px}
.sketch-face+.sketch-face{border-top:1px dashed #8a6c45}
.sketch-back{transform:rotate(180deg)}
.fold-sketch figcaption{font-size:13px;max-width:320px}
@media(max-width:430px){.fold-sketch{display:block}.fold-sketch figcaption{margin-top:14px}}
@media print{.fold-sketch{gap:16pt;margin:12pt 0}.sketch-card{width:105pt}.sketch-face{height:66pt;font-size:12pt}.sketch-face small{font-size:8pt}.fold-sketch figcaption{font-size:9pt}}

@media print{p{margin:5pt 0}section{padding-top:5pt;padding-bottom:7pt}}

@media print{.format-table th{white-space:nowrap}}

pre,code{font-family:Field,sans-serif}