/* The 18+ question before a link page or one of its links (core/linkrender.py `age_gate`); the page sets --accent. */
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { display: grid; place-items: center; min-height: 100vh; min-height: 100dvh; padding: 24px 16px; font: 400 16px/1.55 ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif; color: #f2f1f7; background: #0d0c12; }
.gate { width: min(420px, 100%); display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px 24px; text-align: center; border-radius: 24px; background: #17151f; border: 1px solid #2a2735; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45); }
.gate-badge { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; border: 2px solid var(--accent); color: var(--accent); font-weight: 800; font-size: 20px; }
.gate h1 { margin: 4px 0 0; font-size: 24px; }
.gate p { margin: 0; color: #c9c6d6; }
.gate .gate-name { color: #f2f1f7; font-weight: 600; }
.gate-yes { display: block; width: 100%; margin-top: 10px; padding: 14px 18px; border-radius: 14px; background: var(--accent); color: #0d0c12; font-weight: 700; text-decoration: none; text-shadow: none; }
.gate-yes:hover { filter: brightness(1.08); }
.gate-yes:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.gate .gate-no { font-size: 14px; color: #9c98ad; }