/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.375rem}
html{scroll-behavior:smooth}
body{background:#FDF6E3;color:#073642;font-family:'IBM Plex Sans', system-ui, sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'DM Serif Display', Georgia, serif;line-height:1.2;color:#073642}
a{color:#9B3708}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E4DBC0;padding:.1em .35em;border-radius:4px;font-size:.9em}
.kqym{position:absolute;left:-9999px;top:0;background:#9B3708;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.kqym:focus{left:0}
.tveb{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.qrkg{font-family:'DM Serif Display', Georgia, serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.shsu{color:#4B5E61;font-size:.85rem}
.xxjn{display:flex;flex-wrap:wrap;gap:1.1rem}
.bdaq{text-decoration:none;color:inherit;font-size:.95rem}
.bdaq:hover{color:#9B3708;opacity:1}
.rayf{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.rayf span{display:block;height:2px;background:currentColor;border-radius:2px}
.rayf[aria-expanded="true"] span:nth-child(2){opacity:0}
.nbgl{border-bottom:3px double #C9BFA3;background:#FDF6E3} .nbgl .tveb{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .nbgl .xxjn{justify-content:flex-end}
.lcoz{background:linear-gradient(160deg, #EEE8D5, #e4d3bc)} .lcoz .tveb{max-width:52rem;text-align:center;padding:4.8rem 1.5rem} .ibpz{justify-content:center}
.wcln{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#9B3708;font-weight:600;margin-bottom:.8rem}
.pjlq{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.kums{font-size:1.15rem;color:#4B5E61;max-width:44rem;margin:0 auto}
.ibpz{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.nnas{border:1px solid #C9BFA3;background:#EEE8D5;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.uwaa{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.ndig,.tlzk,.tvne{max-width:46rem;margin-left:auto;margin-right:auto}
.ndig{padding:1.68rem 0}
.ndig h2{font-size:1.6rem;margin-bottom:.8rem}
.ndig h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.ndig p,.ndig li,.tlzk p{margin-bottom:.85rem}
.ndig ul,.ndig ol{padding-left:1.4rem}
.tlzk{font-size:1.12rem}
.tvne{background:#EEE8D5;border:1px solid #C9BFA3;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.gysm{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #C9BFA3;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#EEE8D5}
blockquote{border-left:4px solid #9B3708;padding:.2rem 0 .2rem 1rem;color:#4B5E61;margin:1rem 0}
.jomt{max-width:46rem;margin:2.16rem auto;background:#e9ddc9;border:1px solid #C9BFA3;border-radius:var(--radius);padding:1.4rem 1.6rem}
.jpdo{font-size:1.25rem;margin-bottom:.7rem}
.vvfg{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.shaf{padding-left:1.1rem;position:relative;font-size:.95rem}
.shaf::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#9B3708}
.wtnv{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.fkpn{border-top:1px solid #C9BFA3;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.fkpn::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'DM Serif Display', Georgia, serif;font-weight:700;color:#9B3708}
.pulf{margin-bottom:.3rem}
.fafw{font-size:.88rem;color:#4B5E61}
.wibw{max-width:46rem;margin:0 auto}
.bkoy{border-bottom:1px solid #C9BFA3;padding:1.32rem 0}
.bmvk{font-size:1.15rem;margin-bottom:.5rem}
.yadr{color:#073642}
.ppmb{background:#dadcca;border-top:1px solid #C9BFA3;border-bottom:1px solid #C9BFA3;margin:2.4rem 0 0}
.nxfo{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.nxfo h2{margin-bottom:.7rem}
.nxfo p{margin-bottom:1.1rem}
.wkfn{display:inline-block;background:#9B3708;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.wkfn:hover{opacity:.9}

.lljz{font-size:1.45rem;margin-bottom:.45rem}
.fegt p{margin-bottom:.55rem}
.fegt p:last-child{margin-bottom:0}
.memg{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.mvmy{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.mvmy:hover{opacity:.92}
.vzpg{background:#073642;color:#FFFFFF;border-top:4px solid #236B66}
.btna{max-width:64rem;margin:0 auto;padding:1.7rem 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:center}
.vzpg h2,.vzpg p{color:#FFFFFF}
.xkkr{display:inline-block;background:#FDF6E3;color:#073642;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.memg{color:#9cafb3}
.ndpu::before{content:"\2713\00a0"}
.mvmy{background:#9B3708;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.btna{display:block} .xkkr{transform:none;max-width:none;margin-bottom:.6rem} .mvmy{display:block;text-align:center;margin-top:1rem}}
.hulu{background:#FDF6E3;border-top:3px double #C9BFA3}
.hulu .tveb{padding:2.64rem 1.5rem}
.sycl{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.rtps{font-style:italic;margin-bottom:.8rem}
.bgac{font-size:.9rem;margin-bottom:.8rem}
.fsmc{font-size:.85rem;color:#4B5E61}
.hulu .fsmc{opacity:.85}
.pbhs{color:#4B5E61;font-size:.92rem}
.hulu .fsmc{color:#627272;opacity:1}
@media(max-width:760px){
  .lcoz .tveb{grid-template-columns:1fr;gap:1.5rem}
  .sycl{grid-template-columns:1fr}
  .nbgl .tveb{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .nbgl .xxjn{border-top:0;padding-top:0}
  .nbgl .rayf{display:flex}
  .nbgl .xxjn{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #C9BFA3;padding-top:.4rem;margin-top:.4rem}
  .nbgl .xxjn[data-open="true"]{display:flex}
  .nbgl .bdaq{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Tempe Syringe Field Guide — Solar Dusk editorial system */

:root {
  --solar-paper: #FDF6E3;
  --solar-panel: #EEE8D5;
  --solar-deep: #073642;
  --solar-muted: #4B5E61;
  --solar-ember: #9B3708;
  --solar-teal: #236B66;
  --solar-line: #C9BFA3;
  --solar-shadow: #D7C9A8;
  --icon-stroke: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M8 12h8M12 8v8%22/%3E%3C/svg%3E");
  --icon-pin: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 10c0 4.6-7 11-7 11S5 14.6 5 10a7 7 0 1 1 14 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.2%22/%3E%3C/svg%3E");
  --icon-doc: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3h9l3 3v15H6zM15 3v4h4M9 12h6M9 16h6%22/%3E%3C/svg%3E");
  --icon-question: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M9.7 9a2.5 2.5 0 1 1 3.4 2.4c-.7.4-1.1.9-1.1 1.7M12 17h.01%22/%3E%3C/svg%3E");
  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M14 7l5 5-5 5%22/%3E%3C/svg%3E");
}

html { scroll-behavior: smooth; }

body {
  background-color: #FDF6E3;
  background-image: radial-gradient(circle at 15% 0%, rgba(155, 55, 8, .07), transparent 27rem), radial-gradient(circle at 90% 22%, rgba(35, 107, 102, .06), transparent 32rem);
  color: #073642;
  font-size: 1.04rem;
  line-height: 1.72;
}

body p,
body li,
body td { color: #073642; }

::selection { background: #073642; color: #FDF6E3; }

a { text-decoration-thickness: .08em; text-underline-offset: .18em; }

a:focus-visible,
button:focus-visible { outline: 3px solid #9B3708; outline-offset: 4px; }

/* Masthead: compact field-journal mark and ruled navigation. */
.nbgl {
  border: 0;
  border-bottom: 1px solid #C9BFA3;
  background: #FDF6E3;
  color: #073642;
  box-shadow: 0 9px 30px rgba(7, 54, 66, .06);
}

.nbgl .tveb {
  max-width: 78rem;
  padding-top: .9rem;
  padding-bottom: .9rem;
  gap: 1.5rem;
}

.qrkg {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  padding-left: 3.7rem;
  color: #073642;
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .045em;
  line-height: 1.05;
  text-transform: uppercase;
}

.qrkg::before {
  content: "TS";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border: 1px solid #073642;
  border-radius: 50% 50% 50% .35rem;
  background: #073642;
  color: #FDF6E3;
  font-size: .77rem;
  font-weight: 700;
  letter-spacing: .14em;
  box-shadow: 4px 4px 0 #D7C9A8;
}

.qrkg::after {
  content: "";
  position: absolute;
  left: 3.72rem;
  right: 0;
  bottom: -.3rem;
  height: 2px;
  background: linear-gradient(90deg, #9B3708 0 28%, #236B66 28% 100%);
}

.nbgl .shsu {
  margin: .12rem 0 0 3.7rem;
  color: #4B5E61;
  font-size: .69rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.xxjn { gap: .22rem; align-items: center; }

.bdaq {
  position: relative;
  padding: .48rem .58rem;
  color: #073642;
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .03em;
}

.bdaq::after {
  content: "";
  position: absolute;
  right: .58rem;
  bottom: .25rem;
  left: .58rem;
  height: 1px;
  background: #9B3708;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

.bdaq:hover { color: #9B3708; }
.bdaq:hover::after { transform: scaleX(1); }

/* Hero: a sunset field sheet, offset against a ruled specimen panel. */
.lcoz {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #C9BFA3;
  background: linear-gradient(105deg, #EEE8D5 0%, #E4D3BC 100%);
  color: #073642;
}

.lcoz::before {
  content: "";
  position: absolute;
  top: -12rem;
  right: -6rem;
  width: 32rem;
  height: 32rem;
  border: 1px solid rgba(155, 55, 8, .38);
  border-radius: 50%;
  box-shadow: inset 0 0 0 4rem rgba(155, 55, 8, .04), inset 0 0 0 8rem rgba(155, 55, 8, .03);
}

.lcoz::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(90deg, transparent 0, transparent 5.9rem, rgba(7, 54, 66, .045) 5.9rem, rgba(7, 54, 66, .045) 6rem);
  pointer-events: none;
}

.lcoz .tveb {
  position: relative;
  z-index: 1;
  display: grid;
  max-width: 78rem;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, .35fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: end;
  padding-top: clamp(4rem, 8vw, 7rem);
  padding-bottom: clamp(4.5rem, 9vw, 7.5rem);
}

.lcoz .tveb::after {
  content: "CONTENTS / CLAIM / EVIDENCE";
  align-self: stretch;
  padding: 1.2rem 1.1rem;
  border-top: 6px solid #9B3708;
  border-bottom: 1px solid #073642;
  background: rgba(253, 246, 227, .56);
  color: #073642;
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.5;
  writing-mode: vertical-rl;
}

.mbea { max-width: 54rem; }

.wcln {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin-bottom: 1.2rem;
  color: #9B3708;
  font-size: .71rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.wcln::before {
  content: "";
  width: 2.6rem;
  height: 2px;
  background: #9B3708;
}

.lcoz .pjlq {
  max-width: 15ch;
  margin: 0 0 1.25rem;
  color: #073642;
  font-size: clamp(2.7rem, 6.5vw, 5.9rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .93;
  text-wrap: balance;
}

.lcoz .kums {
  max-width: 43rem;
  margin: 0;
  padding-left: 1.15rem;
  border-left: 3px solid #236B66;
  color: #4B5E61;
  font-size: clamp(1.02rem, 1.7vw, 1.2rem);
  line-height: 1.58;
}

.ibpz { gap: .55rem; margin-top: 1.7rem; }

.lcoz .nnas {
  border: 1px solid #C9BFA3;
  border-radius: 999px;
  background: #FDF6E3;
  color: #073642;
  padding: .45rem .78rem .44rem 2rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

.lcoz .nnas::before {
  content: "";
  position: absolute;
  margin: .02rem 0 0 -1.45rem;
  width: 1rem;
  height: 1rem;
  background: #9B3708;
  -webkit-mask: var(--icon-stroke) center / contain no-repeat;
  mask: var(--icon-stroke) center / contain no-repeat;
}

/* Inverted spotlight: a full-width dusk recommendation strip. */
.vzpg { position: relative; z-index: 3; margin-top: -2rem; padding: 0 1.5rem; }

.btna {
  max-width: 72rem;
  padding: 1.65rem 1.8rem;
  border: 1px solid #073642;
  border-radius: .35rem;
  background: #073642;
  color: #FDF6E3;
  box-shadow: 8px 8px 0 #D7C9A8;
}

.abtw { padding-left: 1.2rem; border-left: 3px solid #D98B56; }
.xkkr { background: #073642; color: #FDF6E3; letter-spacing: .15em; }
.lljz { color: #FDF6E3; font-size: clamp(1.55rem, 2.8vw, 2.2rem); font-weight: 400; }
.fegt p { color: #FDF6E3; }
.memg { gap: .55rem 1.2rem; }

.ndpu { position: relative; padding-left: 1.45rem; color: #FDF6E3; }

.ndpu::before {
  content: "";
  position: absolute;
  left: 0;
  top: .22em;
  width: 1rem;
  height: 1rem;
  background: #F6C9A6;
  -webkit-mask: var(--icon-stroke) center / contain no-repeat;
  mask: var(--icon-stroke) center / contain no-repeat;
}

.mvmy,
.wkfn {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  border: 1px solid #FDF6E3;
  border-radius: 999px;
  background: #FDF6E3;
  color: #073642;
  font-weight: 700;
  box-shadow: 3px 3px 0 #9B3708;
}

.mvmy::after,
.wkfn::after {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  background: #073642;
  -webkit-mask: var(--icon-arrow) center / contain no-repeat;
  mask: var(--icon-arrow) center / contain no-repeat;
}

/* Longform rhythm and numbered evidence sections. */
.uwaa { padding-top: clamp(4.2rem, 8vw, 7rem); padding-bottom: clamp(4rem, 7vw, 6rem); }
.uwaa > .tveb { max-width: 74rem; }

.tlzk {
  max-width: 57rem;
  margin-bottom: clamp(3rem, 7vw, 5.6rem);
  padding: 1.5rem 1.6rem 1.5rem 2rem;
  border-left: 5px solid #9B3708;
  border-bottom: 1px solid #C9BFA3;
  background: linear-gradient(90deg, #EEE8D5 0%, #FDF6E3 80%);
  color: #073642;
  font-size: 1.15rem;
  line-height: 1.75;
}

.tlzk h2 { margin-top: 0; color: #073642; font-size: 1rem; font-family: 'IBM Plex Sans', system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }

.ndig {
  position: relative;
  max-width: 57rem;
  margin: 0 0 clamp(3.7rem, 7vw, 6.3rem);
  padding-top: 1.4rem;
  border-top: 1px solid #C9BFA3;
}

.ndig::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 5.5rem;
  height: 7px;
  background: linear-gradient(90deg, #9B3708 0 62%, #236B66 62% 100%);
}

.ndig h2 {
  max-width: 22ch;
  color: #073642;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.02;
  text-wrap: balance;
}

.ndig h3 { color: #236B66; font-family: 'IBM Plex Sans', system-ui, sans-serif; font-size: 1.03rem; letter-spacing: .04em; }
.ndig p, .ndig li { max-width: 72ch; }
.ndig strong { color: #073642; }

blockquote {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border: 0;
  border-left: 5px solid #236B66;
  background: #EEE8D5;
  color: #073642;
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: 1.2rem;
}

.gysm { border: 1px solid #C9BFA3; border-radius: .35rem; box-shadow: 6px 6px 0 #E4DBC0; }
table { background: #FDF6E3; color: #073642; }
th { background: #073642; color: #FDF6E3; }
th, td { border-color: #C9BFA3; }
tbody tr:nth-child(even) { background: #EEE8D5; color: #073642; }

/* Local field note. */
.jomt {
  position: relative;
  max-width: 64rem;
  margin: 4rem 0;
  padding: clamp(2rem, 5vw, 3.3rem);
  border: 1px solid #073642;
  border-radius: .35rem;
  background: #EEE8D5;
  color: #073642;
  box-shadow: 10px 10px 0 #D7C9A8;
}

.jomt::after {
  content: "TEMPE / FIELD NOTE";
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #4B5E61;
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .15em;
}

.jpdo { max-width: 18ch; color: #073642; font-size: clamp(2rem, 4vw, 3.1rem); font-weight: 400; }
.jomt p, .jomt li { color: #073642; }
.vvfg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }

.shaf {
  position: relative;
  margin: 0;
  padding: .85rem .9rem .85rem 2.6rem;
  border-top: 1px solid #C9BFA3;
  background: #FDF6E3;
  color: #073642;
}

.shaf::before {
  content: "";
  position: absolute;
  top: .9rem;
  left: .85rem;
  width: 1.2rem;
  height: 1.2rem;
  background: #9B3708;
  -webkit-mask: var(--icon-pin) center / contain no-repeat;
  mask: var(--icon-pin) center / contain no-repeat;
}

/* FAQs resemble opened notebook tabs. */
.wibw { display: grid; gap: 1rem; max-width: 64rem; }

.bkoy {
  position: relative;
  padding: 1.4rem 1.5rem 1.4rem 4.2rem;
  border: 1px solid #C9BFA3;
  border-left: 5px solid #236B66;
  border-radius: .35rem;
  background: #EEE8D5;
  color: #073642;
}

.bkoy::before {
  content: "";
  position: absolute;
  top: 1.45rem;
  left: 1.35rem;
  width: 1.65rem;
  height: 1.65rem;
  background: #9B3708;
  -webkit-mask: var(--icon-question) center / contain no-repeat;
  mask: var(--icon-question) center / contain no-repeat;
}

.bmvk { color: #073642; font-size: 1.45rem; font-weight: 400; }
.yadr { color: #073642; }

/* Sources are a restrained archive list. */
.wtnv { counter-reset: source; display: grid; gap: .75rem; max-width: 64rem; }

.fkpn {
  position: relative;
  padding: 1.05rem 1.1rem 1.05rem 3.3rem;
  border-bottom: 1px solid #C9BFA3;
  background: #FDF6E3;
  color: #073642;
  counter-increment: source;
}

.fkpn::before {
  content: "";
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  width: 1.35rem;
  height: 1.35rem;
  background: #236B66;
  -webkit-mask: var(--icon-doc) center / contain no-repeat;
  mask: var(--icon-doc) center / contain no-repeat;
}

.pulf { color: #073642; }
.fafw { color: #4B5E61; font-size: .88rem; }
.fafw a { color: #9B3708; }

/* Closing band: dusk panel with a narrow solar horizon. */
.ppmb {
  position: relative;
  overflow: hidden;
  border-top: 7px solid #9B3708;
  background: #073642;
  color: #FDF6E3;
}

.ppmb::before {
  content: "";
  position: absolute;
  top: -13rem;
  right: 6vw;
  width: 25rem;
  height: 25rem;
  border: 1px solid rgba(253, 246, 227, .28);
  border-radius: 50%;
}

.nxfo { position: relative; max-width: 70rem; padding-top: clamp(3rem, 6vw, 5rem); padding-bottom: clamp(3rem, 6vw, 5rem); }
.ppmb h2 { max-width: 15ch; color: #FDF6E3; font-size: clamp(2.2rem, 5vw, 4.2rem); font-weight: 400; line-height: .98; }
.ppmb p { max-width: 62ch; color: #FDF6E3; }
.wkfn { margin-top: 1rem; }

/* Footer chrome. */
.hulu { border-top: 1px solid #C9BFA3; background: #EEE8D5; color: #073642; }
.hulu .tveb { max-width: 78rem; padding-top: 3rem; }
.sycl { gap: 3rem; }
.xwmq { border-top: 3px solid #073642; padding-top: 1.2rem; }
.hulu .shsu { color: #9B3708; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hulu .pbhs, .rtps, .bgac, .fsmc { color: #4B5E61; }
.hulu .fsmc { background: #EEE8D5; color: #4B5E61; }
.hulu .bdaq { color: #073642; }
.bgac { padding-left: 1rem; border-left: 3px solid #9B3708; }
.fsmc { border-top: 1px solid #C9BFA3; padding-top: 1rem; }

.kqym { background: #073642; color: #FDF6E3; border: 2px solid #FDF6E3; }

@media (max-width: 900px) {
  .lcoz .tveb { grid-template-columns: minmax(0, 1fr) 4rem; gap: 2rem; }
  .vvfg { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  body { font-size: 1rem; }
  .qrkg { max-width: 14rem; }
  .lcoz .tveb { grid-template-columns: 1fr; padding-top: 3.4rem; padding-bottom: 4.4rem; }
  .lcoz .tveb::after { width: 7rem; min-height: 1rem; padding: .65rem; writing-mode: horizontal-tb; }
  .lcoz .pjlq { max-width: 100%; }
  .vzpg { margin-top: -1.25rem; padding: 0 1rem; }
  .btna { grid-template-columns: 1fr; padding: 1.35rem; }
  .abtw { padding-left: .9rem; }
  .tlzk { padding: 1.2rem; }
  .jomt::after { position: static; display: block; margin-bottom: 1rem; }
  .bkoy { padding: 1.2rem 1.1rem 1.2rem 3.5rem; }
  .bkoy::before { left: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .bdaq::after { transition: none; }
}