@font-face { font-family: "Lilita One"; src: url("../fonts/lilita_one.ttf") format("truetype"); font-display: swap; }
:root { --bg:#FFF8EC; --text:#1D1B3A; --dim:#5D5A8A; --line:#E8DFF5; --accent:#5A4BC8; --card:#ffffff; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#110F35; --text:#FFF8EC; --dim:#A9A6D8; --line:#2C2878; --accent:#FFD166; --card:#1A1747; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { max-width:780px; margin:0 auto; padding:28px 20px 64px; }
.back { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); margin-bottom:26px; }
.back img { width:36px; height:36px; border-radius:10px; }
.back span { font-family:"Lilita One", sans-serif; font-size:22px; }
h1 { font-family:"Lilita One", sans-serif; font-weight:400; font-size:38px; line-height:1.15; margin:0 0 6px; }
h2 { font-size:20px; margin:34px 0 8px; }
.meta { color:var(--dim); margin:0 0 26px; }
ul { padding-left:22px; } li { margin:6px 0; }
a { color:var(--accent); }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:15px; }
th, td { text-align:left; vertical-align:top; padding:10px 8px; border-bottom:1px solid var(--line); }
th { color:var(--dim); font-weight:600; }
.scroll { overflow-x:auto; }
.box { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:20px 22px; margin:18px 0; }
.box h2 { margin-top:0; }
details { border-bottom:1px solid var(--line); padding:12px 0; }
summary { cursor:pointer; font-weight:700; }
details p { margin:8px 0 2px; }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line); color:var(--dim); font-size:14px; display:flex; gap:18px; flex-wrap:wrap; }
footer a { color:var(--dim); }