:root{
  --ground:#F2F5F6; --surface:#FFFFFF; --surface-2:#E8EEEF;
  --ink:#0F1618; --ink-2:#46585C; --ink-3:#6F8287;
  --rule:#D3DEE0; --rule-strong:#B6C6C9;
  --accent:#0E6B74; --accent-soft:#D6ECEE;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cond:"IBM Plex Sans Condensed","IBM Plex Sans",-apple-system,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root{
    --ground:#0C1214; --surface:#121A1D; --surface-2:#182226;
    --ink:#E6EFF0; --ink-2:#A3B5B9; --ink-3:#7A8D92;
    --rule:#243337; --rule-strong:#33474C;
    --accent:#4FC3CE; --accent-soft:#123238;
  }
}
*{box-sizing:border-box}
html{color-scheme:light dark}
body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;margin:0;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:44px 22px 80px;display:flex;flex-direction:column;gap:34px}
a{color:var(--accent)}
header{display:flex;flex-direction:column;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:18px}
.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600}
h1{font-family:var(--cond);font-weight:700;font-size:clamp(30px,6vw,44px);line-height:1.05;margin:0;letter-spacing:-.01em;text-wrap:balance}
h2{font-family:var(--cond);font-weight:700;font-size:23px;margin:0 0 4px;letter-spacing:-.005em}
h3{font-family:var(--cond);font-weight:600;font-size:17px;margin:0 0 2px}
p{margin:0}
section{display:flex;flex-direction:column;gap:12px}
.lede{font-size:17px;color:var(--ink-2)}
.card{background:var(--surface);border:1px solid var(--rule);padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.app{display:flex;flex-direction:row;gap:18px;align-items:flex-start}
.app img{width:72px;height:72px;border-radius:16px;flex:none}
.app div{display:flex;flex-direction:column;gap:5px}
.qa{display:flex;flex-direction:column;gap:18px}
.qa div{display:flex;flex-direction:column;gap:4px}
.qa p{color:var(--ink-2)}
ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--ink-2)}
.note{background:var(--accent-soft);border:1px solid var(--accent);padding:16px 18px;font-size:15px}
.alt{border-top:1px solid var(--rule);padding-top:22px;margin-top:6px}
.alt h2,.alt h3{color:var(--ink)}
.alt p,.alt li{color:var(--ink-3)}
footer{font-family:var(--mono);font-size:12px;color:var(--ink-3);border-top:1px solid var(--rule);padding-top:18px;line-height:1.8}
footer a{color:var(--ink-3)}
.updated{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.cards{display:flex;flex-direction:column;gap:14px}
.status{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}
