:root{color-scheme:dark;--ink:#09090C;--text:#fff;--muted:rgba(255,255,255,.66);--faint:rgba(255,255,255,.4);--rule:rgba(255,255,255,.1)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--text);font-family:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.glow{position:absolute;width:70vmax;height:70vmax;border-radius:50%;transform:translate(-50%,-50%);filter:blur(70px);opacity:.22;mix-blend-mode:screen}
.sky::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(9,9,12,0) 10%,var(--ink) 60%)}
main{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:40px 16px 64px}
nav{display:flex;gap:18px;align-items:center;margin-bottom:40px;font-size:14px}
nav a{color:var(--muted);text-decoration:none}
nav a:first-child{color:var(--text);font-weight:600;margin-right:auto}
nav a[aria-current]{color:var(--text)}
h1{font-size:32px;line-height:38px;font-weight:600;letter-spacing:-.4px;margin:0 0 8px}
.updated{color:var(--faint);font-size:14px;margin:0 0 32px}
h2{font-size:19px;line-height:26px;font-weight:600;margin:36px 0 10px;padding-top:24px;border-top:1px solid var(--rule)}
p,li{font-size:16px;line-height:25px;color:var(--muted)}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:20px}
li{margin-bottom:6px}
strong{color:var(--text);font-weight:600}
a{color:var(--text)}
footer{margin-top:48px;font-size:13px;color:var(--faint)}
footer a{color:var(--faint)}
