:root{
  --bg:#F7F7F5; --panel:#FFFFFF; --line:#ECECE9;
  --ink:#0E1014; --muted:#6B7280; --accent:#0E8649;
  --maxw:760px;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#0E1014; --panel:#1B1E23; --line:#2A2F36;
         --ink:#F2F3F1; --muted:#9CA3AF; --accent:#5DD89A; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
header{border-bottom:1px solid var(--line); background:var(--panel)}
.bar{display:flex; align-items:center; justify-content:space-between; height:68px}
.logo{display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:-.02em;
      font-size:18px; text-decoration:none; color:var(--ink)}
.mark{width:28px;height:28px;border-radius:9px;background:var(--accent);color:#fff;
      display:grid;place-items:center;font-size:15px;font-weight:800}
nav a{color:var(--muted); text-decoration:none; margin-left:22px; font-size:15px}
nav a:hover{color:var(--ink)}
h1{font-size:clamp(28px,5vw,38px); line-height:1.15; letter-spacing:-.025em; margin:0 0 8px}
h2{font-size:19px; letter-spacing:-.01em; margin:0 0 10px}
a{color:var(--accent)}
.lede{font-size:18px; color:var(--muted); margin:0 0 8px; max-width:54ch}
.doc{padding:56px 0 8px}
.doc .updated{color:var(--muted); font-size:14px; margin:0 0 36px}
.doc section{padding:0 0 30px}
.doc section p{margin:0 0 12px}
section{padding:52px 0; border-bottom:1px solid var(--line)}
.card{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:22px; margin-top:18px}
.card h3{margin:0 0 6px; font-size:17px}
.card p{margin:0; color:var(--muted)}
dl{display:grid; grid-template-columns:180px 1fr; gap:10px 20px; margin:0}
dt{color:var(--muted)}
dd{margin:0}
footer{padding:32px 0 48px; color:var(--muted); font-size:14px; line-height:1.6}
@media (max-width:560px){ dl{grid-template-columns:1fr; gap:2px 0} dt{margin-top:12px} }