:root{
  --ink:#16181d; --ink-soft:#4a5160; --rule:#dfe2e8; --bg:#fbfbfc; --card:#ffffff;
  --accent:#2f5d50; --accent-soft:#eaf1ee;
  --measure:66ch;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#e7e9ee; --ink-soft:#a3abbb; --rule:#2c313b; --bg:#12141a; --card:#181b22;
    --accent:#7fc0ab; --accent-soft:#1c2a26;
  }
}
:root[data-theme="dark"]{
  --ink:#e7e9ee; --ink-soft:#a3abbb; --rule:#2c313b; --bg:#12141a; --card:#181b22;
  --accent:#7fc0ab; --accent-soft:#1c2a26;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:var(--measure); margin:0 auto; padding-block:3rem 4rem; padding-left:16px; padding-right:16px}
header.doc{border-bottom:2px solid var(--accent); padding-bottom:1.25rem; margin-bottom:2rem}
.brand{font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); font-weight:650; margin:0 0 .6rem}
h1{font-size:1.75rem; line-height:1.2; margin:0 0 .5rem; text-wrap:balance; letter-spacing:-.01em}
.eff{margin:0; color:var(--ink-soft); font-size:.9rem}
h2{font-size:1.06rem; margin:2.4rem 0 .7rem; letter-spacing:-.005em; text-wrap:balance}
h3{font-size:.95rem; margin:1.6rem 0 .5rem; color:var(--ink-soft); font-weight:650}
p{margin:0 0 1rem}
ul{margin:0 0 1rem; padding-left:1.15rem}
li{margin-bottom:.5rem}
li::marker{color:var(--accent)}
strong{font-weight:650}
.tbl-scroll{overflow-x:auto; margin:0 0 1.25rem; border:1px solid var(--rule); border-radius:8px; background:var(--card)}
table{border-collapse:collapse; width:100%; font-size:.92rem; min-width:34ch}
th,td{text-align:left; padding:.7rem .85rem; border-bottom:1px solid var(--rule); vertical-align:top}
thead th{background:var(--accent-soft); color:var(--ink); font-size:.75rem; letter-spacing:.06em; text-transform:uppercase}
tbody tr:last-child td{border-bottom:0}
.kw{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:650; color:var(--accent)}
footer.doc{margin-top:3rem; padding-top:1.25rem; border-top:1px solid var(--rule); color:var(--ink-soft); font-size:.86rem}
footer.doc a{color:var(--accent)}
a{color:var(--accent)}
.alt{display:inline-block; margin-top:.5rem; font-size:.86rem}

/* opt-in page */
.consent{background:var(--card); border:1px solid var(--rule); border-left:3px solid var(--accent);
  border-radius:8px; padding:1.1rem 1.25rem; margin:0 0 1.75rem}
.consent h2{margin-top:0}
.consent ul{margin-bottom:0}
.formwrap{border:1px solid var(--rule); border-radius:8px; overflow:hidden; background:var(--card)}
.formwrap iframe{display:block; width:100%; height:1200px; border:0}
.fallback{margin:.9rem 0 0; font-size:.86rem; color:var(--ink-soft)}
