:root{
  --bg0:#0a0d18; --bg1:#0e1322; --card:#131a2d;
  --line:#222b4a; --ink:#e9ecf6; --ink-2:#9aa3c0; --ink-3:#5d6685;
  --gold:#d8b46e; --gold-dim:#8a7448;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:linear-gradient(180deg,var(--bg0),var(--bg1) 40%,var(--bg0));
  color:var(--ink); font-family:system-ui,'IBM Plex Sans JP',sans-serif;
  min-height:100vh; line-height:1.85; font-size:14.5px;
}
main{max-width:820px; margin:0 auto; padding:48px clamp(16px,4vw,48px) 80px;}
a{color:var(--gold-dim)} a:hover{color:var(--gold)}
h1{font-size:22px; letter-spacing:.04em; margin-bottom:6px;}
.updated{font-family:ui-monospace,monospace; font-size:11px; color:var(--ink-3); letter-spacing:.06em; margin-bottom:34px;}
h2{font-size:15px; color:var(--gold); margin:30px 0 8px; letter-spacing:.03em;}
p,li{color:var(--ink-2); font-size:13.5px;}
ul{padding-left:1.4em; margin:6px 0;}
.back{display:inline-block; margin-bottom:28px; font-size:12px; color:var(--ink-3); text-decoration:none; border:1px solid var(--line); border-radius:6px; padding:6px 12px;}
.back:hover{color:var(--gold); border-color:var(--gold-dim)}