:root{
  --bg:#0c0e13; --panel:#141821; --line:#262d3b;
  --fg:#e6e9ef; --muted:#8b93a7; --dim:#5d6578; --accent:#f0b429;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--muted);
  font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:0 20px}
header{border-bottom:1px solid var(--line); background:rgba(12,14,19,.9); backdrop-filter:blur(10px)}
header .wrap{display:flex; align-items:center; height:58px}
.brand{font-weight:700; font-size:16px; color:var(--fg); text-decoration:none; letter-spacing:-.02em}
.brand span{color:var(--accent)}
header nav{margin-left:auto; font-size:14px}
header nav a{color:var(--muted); text-decoration:none}
main{padding:56px 0 72px}
h1{color:var(--fg); font-size:30px; line-height:1.2; letter-spacing:-.02em; margin:0 0 8px}
.updated{color:var(--dim); font-size:13px; margin:0 0 36px}
h2{color:var(--fg); font-size:17px; margin:34px 0 10px; letter-spacing:-.01em}
p,li{margin:0 0 12px}
ul{padding-left:20px}
a{color:var(--fg)}
strong{color:var(--fg); font-weight:600}
.note{border:1px solid var(--line); background:var(--panel); border-radius:10px; padding:14px 16px; font-size:13.5px}
.todo{border-color:var(--accent); color:var(--accent)}
footer{border-top:1px solid var(--line); padding:28px 0 48px; font-size:13px; color:var(--dim)}
footer a{color:var(--muted)}