/* Palette sampled directly from the district concept board. */
:root{
  --navy-900:#0a1827; --navy-800:#0d1f31; --navy-700:#16273c; --navy-500:#243751;
  --gold:#c9a227; --gold-lt:#d9bf7a; --gold-pale:#f0e6cd;
  --tan:#d3c8b8; --tan-soft:#efe9df;
  --panel:#e0ddd9; --paper:#f6f4f0; --white:#fff;
  --ink:#12202e; --ink-2:#3c4b5a; --ink-3:#6a7684;
  --line:#ddd8d0;
  --ok:#2c6249; --warn:#8a6520; --stop:#8d3a33;
  --maxw:960px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.62 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:#8a6a1f;text-decoration:none;border-bottom:1px solid rgba(201,162,39,.4)}
a:hover{border-bottom-color:var(--gold)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.mast{background:var(--navy-900);color:#fff;border-bottom:5px solid var(--gold)}
.mast .wrap{padding-top:46px;padding-bottom:40px}
.mast h1{margin:0;font:600 clamp(27px,4.6vw,42px)/1.06 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.005em;text-transform:uppercase}
.mast .rule{width:64px;height:3px;background:var(--gold);margin:15px 0 13px}
.mast .kicker{margin:0;font:600 clamp(12px,1.7vw,15px)/1.4 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.19em;text-transform:uppercase;color:var(--gold-lt)}
.mast .tagline{margin:16px 0 0;font:500 12px/1.5 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.13em;text-transform:uppercase;color:#8ea0b5}
.mast .sub{margin:18px 0 0;color:#c4cedb;font-size:clamp(15px,1.9vw,18px);max-width:62ch}
.mast .meta{margin:22px 0 0;color:#7f8fa3;font:13px/1.6 ui-sans-serif,system-ui,sans-serif}
.boardimg{background:var(--navy-900);border-bottom:5px solid var(--gold)}
.boardimg img{width:100%}
.boardcap{background:var(--navy-800);color:#b7c3d1;
  font:13px/1.55 ui-sans-serif,system-ui,sans-serif;padding:12px 0 14px}
.boardcap b{color:var(--gold-lt)}
section{padding:42px 0;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:0}
h2{font:600 clamp(20px,2.9vw,26px)/1.22 ui-sans-serif,system-ui,sans-serif;margin:0 0 6px}
h2 .num{color:var(--gold);margin-right:10px;font-variant-numeric:tabular-nums}
h2 + .lede{margin:0 0 20px;color:var(--ink-3);font:14px/1.6 ui-sans-serif,system-ui,sans-serif}
h3{font:600 17px/1.3 ui-sans-serif,system-ui,sans-serif;margin:26px 0 8px}
h4{font:600 15px/1.3 ui-sans-serif,system-ui,sans-serif;margin:20px 0 6px}
p{margin:0 0 14px;max-width:70ch}
ul,ol{max-width:70ch;padding-left:20px;margin:0 0 14px}
li{margin:0 0 7px}
strong{font-weight:600}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);margin:20px 0}
.fact{background:var(--white);padding:16px}
.fact .k{font:600 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3);margin:0 0 7px}
.fact .v{font:600 19px/1.2 ui-sans-serif,system-ui,sans-serif;margin:0}
.fact .n{font:12px/1.45 ui-sans-serif,system-ui,sans-serif;color:var(--ink-3);margin:6px 0 0}
.note{border-left:4px solid var(--gold);background:var(--tan-soft);padding:15px 18px;margin:20px 0}
.note p{margin:0;max-width:none;font-size:15px}
.note p + p{margin-top:9px}
.note.stop{border-left-color:var(--stop);background:#f8ecea}
.note.ok{border-left-color:var(--ok);background:#eaf2ee}
table{width:100%;border-collapse:collapse;margin:16px 0;
  font:14px/1.55 ui-sans-serif,system-ui,sans-serif;background:var(--white)}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:var(--navy-500);color:#fff;font-weight:600;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;border-bottom:0}
tbody tr:nth-child(even){background:#faf9f7}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line)}
td .sm{color:var(--ink-3);font-size:12.5px;display:block;margin-top:2px}
.tier{display:inline-block;font:600 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;
  text-transform:uppercase;padding:5px 8px;white-space:nowrap;color:#fff;background:var(--navy-500)}
.tag{display:inline-block;font:600 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.09em;
  text-transform:uppercase;padding:5px 8px;white-space:nowrap}
.tag.go{background:#dfeee6;color:var(--ok)}
.tag.wait{background:#f6ead3;color:var(--warn)}
.tag.hold{background:#eceae6;color:var(--ink-3)}
.tag.human{background:var(--navy-900);color:var(--gold-pale)}
.tag.auto{background:#e3e9f2;color:#2b4a75}
.steps{list-style:none;padding:0;margin:22px 0;counter-reset:s}
.steps > li{counter-increment:s;position:relative;padding:0 0 20px 50px;
  border-left:2px solid var(--line);margin-left:15px}
.steps > li:last-child{border-left-color:transparent;padding-bottom:0}
.steps > li::before{content:counter(s);position:absolute;left:-16px;top:-2px;width:30px;height:30px;
  border-radius:50%;background:var(--navy-500);color:#fff;display:grid;place-items:center;
  font:600 13px/1 ui-sans-serif,system-ui,sans-serif}
.steps > li.gate::before{background:var(--gold);color:var(--navy-900)}
.steps h4{margin:2px 0 5px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.steps p{margin:0;font-size:14.5px;color:var(--ink-2);max-width:64ch}
.never{background:var(--navy-900);color:#e3e8ee;padding:24px 26px;margin:24px 0;
  border-left:5px solid var(--gold)}
.never h3{color:var(--gold-lt);margin:0 0 12px;font-size:16px}
.never ul{margin:0;padding-left:19px;max-width:none}
.never li{margin:0 0 8px;font:15px/1.55 ui-sans-serif,system-ui,sans-serif;color:#cfd7e0}
.never li b{color:#fff}
.cta{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--navy-500);
  padding:22px 24px;margin:24px 0}
.cta h3{margin:0 0 8px}
.ribbon{background:var(--gold);color:var(--navy-900);
  font:600 12px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.05em;padding:11px 0;text-align:center}
.ribbon a{color:var(--navy-900);border-bottom-color:rgba(10,24,39,.4)}
.band{background:var(--navy-900);color:var(--gold-lt);text-align:center;
  font:600 13px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;
  text-transform:uppercase;padding:22px 0}
footer{padding:32px 0 56px;color:var(--ink-3);font:13px/1.65 ui-sans-serif,system-ui,sans-serif;background:var(--panel)}
footer .rule{height:3px;background:var(--gold);width:60px;margin:0 0 18px}
footer p{max-width:80ch}
@media (max-width:620px){
  .mast .wrap{padding-top:34px;padding-bottom:30px}
  section{padding:30px 0}
  .steps > li{padding-left:42px}
}