:root { color-scheme: dark; --red:#e6342a; --ink:#e8eef5; --muted:#8b98a8; --line:#222c38; --bg:#0a0d12; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; margin: 0;
       background: radial-gradient(1100px 600px at 50% -8%, #16202c 0%, var(--bg) 60%);
       color: var(--ink); line-height: 1.6; }
.wrap { max-width: 760px; margin: 0 auto; padding: 2.4rem 1.3rem 4rem; }
header.bar { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.6rem; }
header.bar a.home { text-decoration: none; color: #aeb9c7; font-size: .85rem; font-weight: 600;
       border: 1px solid #2a3744; padding: .4rem .8rem; border-radius: 999px; }
header.bar a.home:hover { color: #fff; border-color: var(--red); }
.brand { font-weight: 700; letter-spacing: .03em; color: #9fabba; }
.brand b { color: var(--red); }
h1 { font-size: 1.7rem; letter-spacing: -.02em; margin: .2rem 0 .3rem; }
.updated { color: var(--muted); font-size: .85rem; margin-bottom: 2rem; }
h2 { font-size: 1.1rem; margin: 2rem 0 .5rem; }
h3 { font-size: 1rem; margin: 1.4rem 0 .3rem; }
p, li { color: #d5dde6; }
.muted { color: var(--muted); }
a { color: #6fb1ff; }
.q { font-weight: 700; color: #fff; margin: 1.6rem 0 .3rem; }
ol { margin: .4rem 0 .4rem 1.2rem; padding: 0; } ol li { margin: .25rem 0; }
.imgrow { display: flex; gap: 1rem; flex-wrap: wrap; margin: 1.2rem 0; }
.imgrow img { width: 240px; max-width: 100%; border-radius: 10px; border: 1px solid var(--line); }
.disclaimer { background: #2a1a16; border: 1px solid #4a2b22; color: #ffb4a6; padding: .9rem 1.1rem;
              border-radius: 10px; font-size: .92rem; margin: 1.4rem 0; }
.note { background: #121922; border: 1px solid var(--line); border-radius: 10px; padding: .9rem 1.1rem;
        font-size: .88rem; color: var(--muted); margin: 1.4rem 0; }
footer { margin-top: 3rem; padding-top: 1.4rem; border-top: 1px solid var(--line); color: #4d5a69; font-size: .8rem; }
footer a { color: #6b7888; text-decoration: none; } footer a:hover { color: #aeb9c7; }