/* Static pages: about, privacy */
body.page { overflow: auto; }
.pg-head { display: flex; align-items: center; gap: 24px; padding: 14px 20px; border-bottom: 1px solid var(--line); background: var(--panel); position: sticky; top: 0; }
.pg-logo { color: #F3F6F2; text-decoration: none; font-family: var(--display); font-weight: 800; font-size: 22px; letter-spacing: 0.14em; }
.pg-head nav { display: flex; gap: 4px; margin-left: auto; flex-wrap: wrap; }
.pg-head nav a { padding: 8px 10px; color: var(--muted); text-decoration: none; font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; border-bottom: 2px solid transparent; }
.pg-head nav a:hover, .pg-head nav a.active { color: var(--green); border-bottom-color: var(--green); }
.pg-main { width: min(820px, calc(100% - 32px)); margin: 0 auto; padding: 36px 0 60px; display: flex; flex-direction: column; gap: 14px; }
.pg-main h1 { margin: 0; font-family: var(--display); font-weight: 800; font-size: clamp(44px, 8vw, 72px); line-height: 0.95; color: #F3F6F2; }
.pg-main h2 { margin: 18px 0 0; font-family: var(--display); font-weight: 700; font-size: 26px; color: var(--green); letter-spacing: 0.04em; }
.pg-main p, .pg-main li { font-size: 16px; line-height: 1.6; color: #C9D2CB; }
.pg-main .lead { font-size: 18px; color: #D9E0DA; }
.pg-main a { color: var(--green); }
.pg-main code { font-family: var(--mono); font-size: 13px; padding: 1px 5px; border: 1px solid var(--line2); }
.games { padding-left: 20px; }
.btn-link { display: inline-block; margin-top: 10px; padding: 12px 22px; background: var(--green); color: #0B0F0C !important; text-decoration: none; font-family: var(--display); font-weight: 800; font-size: 20px; letter-spacing: 0.14em; }
.pg-foot { padding: 20px; border-top: 1px solid var(--line); text-align: center; font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; color: var(--muted); }
.pg-foot a { color: var(--muted); }
.title-links { display: flex; gap: 14px; flex-wrap: wrap; font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; }
.title-links a { color: var(--muted); text-decoration: none; } .title-links a:hover { color: var(--green); }