:root{
  --ground:#F5F8F8; --surface:#FFFFFF; --surface-2:#EEF3F3;
  --ink:#0E1A1C; --ink-2:#4A5C60; --ink-3:#7E9095;
  --teal:#052D32; --teal-soft:#0C4A52; --teal-wash:#E2EDED;
  --amber:#B4722A; --amber-wash:#F8EEE0;
  --green:#28614A; --greenw:#E3F0E9; --red:#9B3A26; --redw:#F8E7E2;
  --line:#D9E3E3; --line-2:#C3D2D2; --focus:#0C7F8E; --logobg:#FFFFFF;
}
:root[data-theme="dark"]{
  --ground:#0A1214; --surface:#121F22; --surface-2:#182A2E;
  --ink:#E8F0F0; --ink-2:#A7BBBE; --ink-3:#7A8F93;
  --teal:#7FD3DD; --teal-soft:#9FE2EA; --teal-wash:#12302F;
  --amber:#E0AE68; --amber-wash:#31261A;
  --green:#74C7A2; --greenw:#13291F; --red:#E89080; --redw:#331C16;
  --line:#22383C; --line-2:#2E4A4F; --focus:#4FC3D3; --logobg:#E8F0F0;
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0A1214; --surface:#121F22; --surface-2:#182A2E;
  --ink:#E8F0F0; --ink-2:#A7BBBE; --ink-3:#7A8F93;
  --teal:#7FD3DD; --teal-soft:#9FE2EA; --teal-wash:#12302F;
  --amber:#E0AE68; --amber-wash:#31261A;
  --green:#74C7A2; --greenw:#13291F; --red:#E89080; --redw:#331C16;
  --line:#22383C; --line-2:#2E4A4F; --focus:#4FC3D3; --logobg:#E8F0F0;
  color-scheme:dark;
}}

*{box-sizing:border-box}
body{background:var(--ground); color:var(--ink); margin:0;
  font-family:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.5; -webkit-text-size-adjust:100%}
.wrap{max-width:720px; margin:0 auto; padding:0 16px 56px}
header.top{padding:22px 0 10px; border-bottom:1px solid var(--line); margin-bottom:22px}
.logo{display:block; height:44px; width:auto; background:var(--logobg); border-radius:6px; padding:4px 7px}
h1{font-size:27px; line-height:1.2; margin:18px 0 6px; letter-spacing:-.01em}
h2{font-size:20px; margin:0 0 6px}
h3{font-size:16px; margin:0 0 5px}
p{margin:0 0 12px}
.lede{color:var(--ink-2); font-size:15px}
.card{background:var(--surface); border:1px solid var(--line); border-radius:14px; margin-bottom:14px; overflow:hidden}
.pad{padding:17px 18px}
a.tile{display:block; text-decoration:none; color:inherit; border-top:1px solid var(--line); padding:16px 18px}
a.tile:first-of-type{border-top:0}
a.tile:hover,a.tile:focus-visible{background:var(--surface-2)}
a.tile b{display:block; font-size:16.5px; color:var(--teal-soft)}
a.tile span{display:block; font-size:14px; color:var(--ink-2); margin-top:3px}
.pill{display:inline-block; font-size:11.5px; font-weight:600; letter-spacing:.03em; text-transform:uppercase;
  padding:3px 9px; border-radius:999px; background:var(--teal-wash); color:var(--teal-soft); margin-top:7px}
.pill.soon{background:var(--surface-2); color:var(--ink-3)}
.btn{font:inherit; font-size:15px; font-weight:600; cursor:pointer; padding:10px 18px; border-radius:10px;
  border:0; background:var(--teal); color:#fff; text-decoration:none; display:inline-block}
:root[data-theme="dark"] .btn,:root:not([data-theme="light"]) .btn{color:#08181A}
.btn.ghost{background:var(--surface-2); color:var(--ink); border:1.5px solid var(--line-2)}
.credit{font-size:12.5px; color:var(--ink-3); line-height:1.55; padding:20px 2px 0}
.credit b{display:block; color:var(--ink-2); font-weight:600}
input,select,textarea{font:inherit; width:100%; padding:10px 12px; border:1px solid var(--line-2);
  border-radius:10px; background:var(--surface-2); color:var(--ink)}
label.f{display:block; font-size:12px; font-weight:600; letter-spacing:.03em; text-transform:uppercase;
  color:var(--ink-3); margin:14px 0 5px}
.row{display:flex; gap:9px; flex-wrap:wrap; align-items:center}
.rrow{display:flex; gap:12px; align-items:center; padding:13px 18px; border-top:1px solid var(--line); cursor:pointer}
.rrow:hover{background:var(--surface-2)}
.rrow b{flex:1; font-weight:600; font-size:15px}
.rrow i{display:block; font-style:normal; font-size:12.5px; color:var(--ink-3); font-weight:400; margin-top:2px}
.num{font-size:20px; color:var(--teal-soft); font-variant-numeric:tabular-nums}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px;
  background:var(--surface-2); padding:2px 6px; border-radius:6px; word-break:break-all}