:root { --bg: #0d0d0d; --card: #1a1a1a; --text: #f5f5f5; --muted: #aaa; --accent: #ff8c00; --line: rgba(255,255,255,.1); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); line-height: 1.65; }
a { color: #ffb800; }
.container { width: min(100% - 40px, 860px); margin: 0 auto; }
header { border-bottom: 1px solid var(--line); background: rgba(13,13,13,.96); }
.brand { min-height: 78px; display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.brand img { width: 48px; height: 48px; object-fit: contain; }
.brand strong { display: block; color: #ffb800; font-size: 1.1rem; text-transform: uppercase; }
.brand span { display: block; color: var(--muted); font-size: .78rem; }
main { padding: 68px 0; }
article { padding: clamp(26px, 5vw, 52px); border: 1px solid var(--line); border-radius: 18px; background: var(--card); }
h1 { margin: 0 0 8px; font-size: clamp(2rem, 6vw, 3rem); }
h2 { margin-top: 38px; font-size: 1.25rem; color: #ffb800; }
p, li { color: #d3d3d3; }
.updated { margin: 0; color: var(--muted); }
.notice { padding: 16px 18px; border-left: 3px solid var(--accent); background: rgba(255,140,0,.08); border-radius: 4px; }
footer { padding: 30px 0; color: var(--muted); font-size: .9rem; text-align: center; }
footer a { margin: 0 8px; }