:root{
  --ink:#0C1614;--paper:#EDF0EE;--paper-2:#E4E9E6;--rule:#C9D2CE;--rule-ink:rgba(190,216,208,.15);
  --text:#14201E;--text-muted:#5B6A66;--on-ink:#E9EFEC;--muted-ink:#8FA69F;
  --patina:#3C8770;--patina-deep:#1E6351;--patina-bright:#74BFA5;
  --serif:"Newsreader",Georgia,serif;--sans:"IBM Plex Sans",Arial,sans-serif;--mono:"IBM Plex Mono",monospace;
  --pad:48px;
}
@media(max-width:760px){:root{--pad:22px}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-weight:300;font-size:16.5px;line-height:1.66;-webkit-font-smoothing:antialiased}
.wrap{max-width:940px;margin:0 auto;padding:0 var(--pad)}
.narrow{max-width:620px}
h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0;letter-spacing:-.012em;text-wrap:balance}
h1{font-size:clamp(2rem,4vw,2.9rem);line-height:1.1}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--patina);outline-offset:3px}

.masthead{background:var(--ink);border-bottom:1px solid var(--rule-ink)}
.bar{display:flex;align-items:center;min-height:74px}
.lockup{display:flex;align-items:center;gap:14px;text-decoration:none}
.mark{width:34px;height:34px}
.names{display:flex;flex-direction:column;line-height:1.05}
.wordmark{font-family:var(--serif);font-size:18px;letter-spacing:.36em;color:var(--on-ink);text-indent:.36em}
.sub{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-ink);margin-top:6px}

main{padding:64px 0 96px}
.lede{color:var(--text-muted);max-width:60ch;margin-top:18px}
.crumb{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:26px}
.crumb a{color:var(--patina-deep);text-decoration:none}

form{margin-top:40px;display:flex;flex-direction:column;gap:32px}
fieldset{border:0;border-top:1px solid var(--rule);padding:26px 0 0;margin:0;display:flex;flex-direction:column;gap:22px}
legend{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--patina-deep);padding:0 10px 0 0}
label{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
input[type=text],input[type=email],input[type=password],input:not([type]),select,textarea{
  font-family:var(--sans);font-size:16px;font-weight:300;color:var(--text);
  background:#fff;border:1px solid var(--rule);border-radius:0;padding:12px 14px;width:100%;
  text-transform:none;letter-spacing:normal;
}
textarea{resize:vertical;line-height:1.6}
input:focus,select:focus,textarea:focus{border-color:var(--patina);outline:none}
small{font-family:var(--sans);font-size:13px;letter-spacing:normal;text-transform:none;color:var(--text-muted);font-weight:300}
.req{font-family:var(--mono);font-size:9px;color:var(--patina-deep);letter-spacing:.14em}
.check{flex-direction:row;align-items:flex-start;gap:12px;text-transform:none;letter-spacing:normal;font-family:var(--sans);font-size:15px;color:var(--text)}
.check input{width:auto;margin-top:5px}
.fineprint{font-size:13.5px;color:var(--text-muted)}
.hp{position:absolute;left:-9999px}
button{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:var(--ink);color:var(--on-ink);border:0;padding:17px 34px;cursor:pointer;align-self:flex-start;transition:background .2s}
button:hover{background:var(--patina-deep)}
.errors{border-left:2px solid #A8433A;background:#F6E9E7;padding:14px 18px;margin-top:26px}
.errors p{font-size:14.5px;color:#7A2F27}

/* admin */
.admin-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.admin-actions{display:flex;gap:14px;align-items:center}
.btn-quiet{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--patina-deep);text-decoration:none}
.filters{flex-direction:row;gap:14px;margin-top:26px;align-items:center}
.filters select{width:auto}
.pipeline{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--rule)}
.pipeline li{border-bottom:1px solid var(--rule)}
.pipeline a{display:block;padding:24px 0;text-decoration:none}
.pipeline a:hover{background:var(--paper-2)}
.pl-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pl-co{font-family:var(--serif);font-size:1.3rem}
.pl-line{color:var(--text-muted);margin-top:8px;max-width:70ch}
.pl-meta,.small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:12px}
.chip{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;padding:3px 9px;border:1px solid var(--rule);color:var(--text-muted)}
.fit-strong{background:var(--patina);border-color:var(--patina);color:#fff}
.fit-possible{border-color:var(--patina);color:var(--patina-deep)}
.fit-weak,.fit-out-of-scope{color:#8A6A2F;border-color:#D8C79E}
.headline{font-family:var(--serif);font-size:1.5rem;line-height:1.35;margin-top:26px;max-width:52ch}
.factbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;margin-top:30px;padding:22px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.factbar div{display:flex;flex-direction:column;gap:5px;font-size:15px}
.factbar span{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--patina-deep)}
.block{margin-top:40px}
.block h2{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--patina-deep);margin-bottom:12px}
.block h3{font-size:1.1rem;margin:24px 0 8px}
.block p{color:var(--text-muted);max-width:68ch}
.block ul,.block ol{color:var(--text-muted);max-width:68ch;padding-left:20px;margin:0;display:flex;flex-direction:column;gap:8px}
.gaps li{color:var(--text)}
.flags li{color:#7A2F27}
.sources{list-style:none;padding:0}
.muted{color:var(--text-muted)}
footer{background:var(--ink);color:var(--muted-ink)}
footer .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:26px;padding-bottom:32px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
