:root { --bg:#000; --card:#17171a; --card2:#232326; --line:rgba(255,255,255,.09); --text:#f5f5f7; --dim:rgba(235,235,245,.62); --accent:#0a84ff; --accent2:#64d2ff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--bg); color:var(--text);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.wrap { max-width:720px; margin:0 auto; padding:0 20px; }
nav { position:sticky; top:0; z-index:5; backdrop-filter:blur(20px) saturate(1.4); background:rgba(0,0,0,.68); border-bottom:1px solid var(--line); }
nav .wrap { display:flex; gap:20px; align-items:center; height:52px; }
nav a { color:var(--dim); text-decoration:none; font-size:13.5px; font-weight:500; } nav a:hover { color:var(--text); }
nav strong { font-weight:700; letter-spacing:-.01em; }
h1 { font-size:clamp(32px,6vw,44px); line-height:1.1; margin:48px 0 6px; letter-spacing:-.02em; font-weight:800;
  background:linear-gradient(180deg,var(--text),var(--dim)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.updated { color:var(--dim); font-size:14px; margin:0 0 28px; }
h2 { font-size:21px; margin:38px 0 8px; padding-top:26px; border-top:1px solid var(--line); letter-spacing:-.01em; font-weight:700; }
h3 { font-size:16px; margin:18px 0 6px; font-weight:650; }
p, li { color:rgba(245,245,247,.9); } ul { padding-left:22px; } li { margin:6px 0; }
a { color:var(--accent); }
code { font:13px ui-monospace,SFMono-Regular,Menlo,monospace; background:var(--card2); padding:2px 6px; border-radius:6px; }
.summary { background:linear-gradient(180deg,var(--card),var(--card2)); border:1px solid var(--line); border-radius:16px; padding:16px 22px; margin:20px 0; }
.summary li { margin:4px 0; }
.todo { background:rgba(255,159,10,.1); border:1px solid rgba(255,159,10,.45); border-radius:6px; padding:1px 6px; }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:15px; }
td, th { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--dim); font-weight:500; font-size:13px; text-transform:uppercase; letter-spacing:.04em; }
footer { padding:40px 0 80px; color:var(--dim); font-size:13px; border-top:1px solid var(--line); margin-top:40px; }