:root{ --ind:#6366f1; --ind2:#4f46e5; --teal:#14b8a6; --ink:#111827; --mut:#6b7280; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--ink); background:#fff; line-height:1.6; }
.topbar{ background:linear-gradient(120deg,var(--teal) 0%,var(--ind) 100%); padding:16px 0; }
.topbar .wrap{ max-width:760px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; }
.topbar a.brand{ color:#fff; text-decoration:none; font-weight:800; font-size:18px; letter-spacing:-.3px; }
.topbar .nav a{ color:#fff; text-decoration:none; opacity:.9; font-size:14px; font-weight:600; margin-left:18px; }
.topbar .nav a:hover{ opacity:1; }
article{ max-width:760px; margin:0 auto; padding:52px 20px 20px; }
h1{ font-size:34px; font-weight:800; letter-spacing:-.5px; margin:0 0 6px; }
.updated{ color:var(--mut); font-size:14px; margin:0 0 36px; }
h2{ font-size:18px; font-weight:700; margin:30px 0 8px; }
h3{ font-size:15px; font-weight:700; margin:22px 0 6px; }
p,li{ color:#374151; font-size:15px; }
.body{ white-space:pre-line; color:#374151; font-size:15px; margin:0 0 4px; }
ul{ margin:8px 0; padding-left:22px; }
li{ margin:4px 0; }
code{ background:#f3f4f6; padding:2px 6px; border-radius:6px; font-family:ui-monospace,Menlo,monospace; font-size:13.5px; }
a.inline{ color:var(--ind2); }
footer{ border-top:1px solid #eef0f4; text-align:center; color:var(--mut); padding:28px 20px; font-size:13px; margin-top:40px; }
footer a{ color:var(--ind2); text-decoration:none; margin:0 5px; }