@font-face{font-family:'DM Sans';font-weight:400;font-display:swap;src:url('/static/fonts/dm-sans-400.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-weight:600;font-display:swap;src:url('/static/fonts/dm-sans-600.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-weight:700;font-display:swap;src:url('/static/fonts/dm-sans-700.woff2') format('woff2')}
:root{--bg:#0a0c0f;--bg2:#0c0f13;--panel:#12161d;--panel2:#161b23;--line:#1c222c;--line2:#262e3a;--line3:#333d4c;--text:#f2f5f9;--muted:#c3ccd8;--muted2:#9aa5b5;--blue:#3d82f6;--blue2:#2f70e6;--orange:#ff8f43;--green:#3ddc84;--red:#f0484a;}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6;
  background:
    radial-gradient(820px 760px at 100% -12%, rgba(255,143,67,.13), transparent 60%),
    radial-gradient(900px 820px at -14% 112%, rgba(61,130,246,.15), transparent 60%),
    radial-gradient(620px 560px at 44% 42%, rgba(123,47,247,.09), transparent 62%),
    var(--bg);
  background-attachment:fixed;background-repeat:no-repeat}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.nav{position:sticky;top:0;z-index:20;background:rgba(10,12,15,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .in{display:flex;align-items:center;gap:22px;height:58px;max-width:1080px;margin:0 auto;padding:0 22px}
.nav .logo{font-weight:800;font-size:19px;color:var(--text)}
.nav .logo .a{background:linear-gradient(90deg,var(--blue),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav a.l{color:var(--muted2);font-size:14px;font-weight:600}.nav a.l:hover{color:var(--text);text-decoration:none}
.nav a.l.on{color:var(--blue)}
.nav .sp{flex:1}
.nav .cta{background:var(--blue);color:#fff;font-weight:700;font-size:13px;padding:9px 15px;border-radius:11px}.nav .cta:hover{background:var(--blue2);text-decoration:none}
@media(max-width:720px){.nav a.l{display:none}}
.wrap{max-width:780px;margin:0 auto;padding:0 22px 60px}
h1{font-size:36px;font-weight:800;margin:40px 0 6px;letter-spacing:-.01em}
.lead{color:var(--muted);font-size:18px;margin:0 0 30px}
h2{font-size:23px;font-weight:800;margin:38px 0 10px;padding-top:8px}
h3{font-size:16px;font-weight:700;margin:24px 0 8px}
p{color:var(--muted);margin:0 0 14px}
ul,ol{color:var(--muted);padding-left:22px}li{margin:6px 0}
strong,b{color:var(--text)}
.kicker{color:var(--blue);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
code.inline{background:var(--panel2);color:var(--orange);padding:1px 6px;border-radius:6px;font-size:.9em}
pre.code{background:#0d1117;border:1px solid var(--line2);border-radius:12px;padding:16px 18px;overflow-x:auto;font-size:13px;line-height:1.65;color:#e6edf5;margin:0 0 16px}
pre.code .c{color:#6a7683;font-style:italic}pre.code .s{color:#7ee787}pre.code .k{color:#d2a8ff}pre.code .n{color:#ffab70}
table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top}
th{color:var(--text);font-weight:700;border-bottom:1px solid var(--line2)}
td code,th code{color:var(--orange)}
.note{background:linear-gradient(180deg,rgba(61,130,246,.10),rgba(61,130,246,.03));border:1px solid rgba(61,130,246,.35);border-radius:12px;padding:14px 16px;margin:0 0 18px;color:var(--muted);font-size:14px}
.note.warn{background:linear-gradient(180deg,rgba(255,143,67,.11),rgba(255,143,67,.03));border-color:rgba(255,143,67,.4)}
.note b{color:var(--text)}
.pager{display:flex;justify-content:space-between;margin-top:44px;border-top:1px solid var(--line);padding-top:22px}
.pager a{font-weight:700}
.pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;vertical-align:middle}
.pill.get{background:#0f2a1a;color:var(--green)}.pill.post{background:#122139;color:var(--blue)}