:root { --ink:#0B141A; --muted:#5C6B73; --teal:#0F544C; --line:#E4E8EA; --bg:#FFFFFF; }
* { box-sizing:border-box; }
body {
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.wrap { max-width:680px; margin:0 auto; padding:48px 24px 72px; }
header { border-bottom:1px solid var(--line); padding-bottom:24px; margin-bottom:32px; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.mark {
  width:36px; height:36px; border-radius:9px; background:var(--teal); color:#fff;
  display:grid; place-items:center; font-weight:700; font-size:17px; flex:none;
}
h1 { font-size:26px; line-height:1.25; margin:24px 0 8px; letter-spacing:-.01em; }
h2 { font-size:17px; margin:32px 0 8px; letter-spacing:-.005em; }
p, li { color:var(--ink); }
.lede, .updated { color:var(--muted); }
.updated { font-size:14px; margin:0 0 8px; }
ul { padding-left:20px; margin:8px 0; }
li { margin:6px 0; }
a { color:var(--teal); }
strong { font-weight:600; }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
@media (prefers-color-scheme: dark) {
  :root { --ink:#E9EDEF; --muted:#8696A0; --line:#233138; --bg:#0B141A; --teal:#4ECBB5; }
  .mark { color:#0B141A; }
}