:root { --bg: #07060d; --panel: #110f1c; --line: #2a2445; --text: #ecebf5; --muted: #9a96b5; --purple: #a855f7; }
* { box-sizing: border-box; }
body {
  margin: 0; background: radial-gradient(60vw 40vw at 80% 0%, rgba(124, 58, 237, .2), transparent 60%), var(--bg);
  color: var(--text); font-family: "Segoe UI", system-ui, sans-serif; line-height: 1.7;
}
main { width: min(760px, 100% - 32px); margin: 0 auto; padding: 56px 0 80px; }
a { color: #c084fc; }
.back { text-decoration: none; font-size: 14px; color: var(--muted); }
.back:hover { color: var(--text); }
h1 { font-size: clamp(30px, 5vw, 42px); margin: 24px 0 4px; }
.updated { color: var(--muted); font-size: 14px; margin-top: 0; }
h2 { font-size: 20px; margin-top: 36px; color: #fff; border-left: 3px solid var(--purple); padding-left: 12px; }
p, li { color: #cfcce0; }
ul { padding-left: 20px; }