:root{
  --ground:#F4F6F8;--surface:#FFFFFF;--ink:#172029;--ink-2:#4E5B68;--ink-3:#8593A0;
  --rule:#D8DEE5;--rule-strong:#B9C2CC;
  --accent:#B85C16;--accent-soft:#F7E8DA;
  --keep:#1C6A86;--keep-soft:#DDEDF3;
  --shadow:0 1px 2px rgba(23,32,41,.06),0 8px 24px rgba(23,32,41,.06);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0E141B;--surface:#161E27;--ink:#E6EBF0;--ink-2:#A5B1BD;--ink-3:#6F7D8B;
  --rule:#273240;--rule-strong:#364353;
  --accent:#E28A3E;--accent-soft:#3A2814;--keep:#5FB0CC;--keep-soft:#14303B;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
}}
:root[data-theme="dark"]{
  --ground:#0E141B;--surface:#161E27;--ink:#E6EBF0;--ink-2:#A5B1BD;--ink-3:#6F7D8B;
  --rule:#273240;--rule-strong:#364353;
  --accent:#E28A3E;--accent-soft:#3A2814;--keep:#5FB0CC;--keep-soft:#14303B;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"IBM Plex Serif",Georgia,"Times New Roman",serif;font-size:17px;line-height:1.65;
  padding-inline:clamp(16px,5vw,40px);padding-block:0 80px;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto}
h1,h2,h3{font-family:"IBM Plex Sans Condensed","Arial Narrow",Arial,sans-serif;line-height:1.15;
  letter-spacing:-.005em;text-wrap:balance;margin:0}
h1{font-size:clamp(34px,6vw,52px);font-weight:700}
h2{font-size:clamp(22px,3vw,28px);font-weight:700;margin-top:40px}
h3{font-size:18px;font-weight:600;margin-top:26px}
p{margin:14px 0 0;max-width:68ch}
a{color:var(--keep);text-underline-offset:2px}
ul,ol{margin:12px 0 0;padding-left:1.3em;max-width:68ch}
li+li{margin-top:7px}
li::marker{color:var(--ink-3)}
strong{font-weight:600}
.eyebrow{font-family:"IBM Plex Sans Condensed",Arial,sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
header.mast{border-bottom:3px solid var(--ink);padding-block:26px 16px;
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.brand{font-family:"IBM Plex Sans Condensed",Arial,sans-serif;font-weight:700;font-size:21px;
  letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.brand span{color:var(--accent)}
nav.top{display:flex;gap:16px;flex-wrap:wrap}
nav.top a{font-family:"IBM Plex Sans Condensed",Arial,sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);text-decoration:none}
nav.top a:hover{color:var(--keep)}
.callout{background:var(--surface);border-left:4px solid var(--accent);padding:16px 20px;
  border-radius:0 6px 6px 0;box-shadow:var(--shadow);margin-top:20px}
.callout.keep{border-left-color:var(--keep)}
.callout p:first-child{margin-top:0}
.updated{font-size:14px;color:var(--ink-3);font-style:italic;margin-top:8px}
table{border-collapse:collapse;width:100%;font-size:15px;margin-top:14px}
th,td{text-align:left;vertical-align:top;padding:9px 12px;border-bottom:1px solid var(--rule)}
th{font-family:"IBM Plex Sans Condensed",Arial,sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.tbl{overflow-x:auto;border:1px solid var(--rule-strong);border-radius:6px;background:var(--surface);margin-top:14px}
footer{margin-top:64px;padding-top:18px;border-top:1px solid var(--rule);
  font-size:13.5px;color:var(--ink-3);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{color:var(--ink-2)}
