:root { color-scheme: dark; --bg: #0f1115; --card: #181b22; --fg: #e8e9ec; --mut: #9aa0ab;
        --watch: #7b5cff; --ask: #1fa37a; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px;
       background: var(--bg); color: var(--fg); font: 16px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif; }
.card { width: 100%; max-width: 440px; background: var(--card); border-radius: 16px; padding: 32px 28px; }
.card.wide { max-width: 720px; }
h1 { margin: 0; font-size: 1.6rem; letter-spacing: .01em; }
h2 { margin: 1.8em 0 .4em; font-size: 1.15rem; }
.sub { margin: 4px 0 24px; color: var(--mut); }
.links { display: grid; gap: 12px; }
.btn { display: flex; flex-direction: column; padding: 16px 18px; border-radius: 12px; text-decoration: none;
       color: #fff; transition: filter .15s; }
.btn:hover, .btn:focus-visible { filter: brightness(1.15); }
.btn .t { font-weight: 650; font-size: 1.15rem; }
.btn .d { opacity: .85; font-size: .92rem; }
.watch { background: var(--watch); }
.ask { background: var(--ask); }
.foot { margin: 24px 0 0; font-size: .92rem; color: var(--mut); }
a { color: #a99bff; }
.lock { opacity: .7; }
ol, ul { padding-left: 1.3em; }
li { margin: .25em 0; }
code { background: #232733; padding: 1px 6px; border-radius: 4px; font-size: .92em; }
table { border-collapse: collapse; width: 100%; font-size: .94rem; }
td, th { text-align: left; padding: 6px 8px; border-bottom: 1px solid #2a2f3a; vertical-align: top; }
.back { font-size: .92rem; }