/* Text and form styles for the about / updates / ideas content. Shared by the
   standalone pages (via pages.css) and the in-game pop-up (via index.html),
   so everything is scoped to .page-content and never touches the game. */
.page-content { line-height: 1.6; }
.page-content h1 { font-size: 32px; line-height: 1.2; margin: 0 0 12px; }
.page-content h2 { font-size: 20px; margin: 32px 0 8px; }
.page-content p, .page-content li { color: var(--muted); }
.page-content p strong, .page-content li strong { color: var(--fg); }
.page-content a { color: var(--accent); }
.page-content .lede { font-size: 18px; }
.page-content form { display: grid; gap: 14px; margin-top: 24px; }
.page-content label { display: grid; gap: 6px; font-weight: 600; font-size: 14px; }
.page-content input, .page-content textarea { font: inherit; padding: 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--fg); }
.page-content textarea { min-height: 140px; resize: vertical; }
.page-content button[type=submit] { justify-self: start; padding: 12px 22px; border: none; border-radius: 10px; background: var(--action, var(--accent)); color: var(--on-action, #fff); font: inherit; font-weight: 700; cursor: pointer; }
.page-content button[type=submit]:disabled { opacity: 0.5; cursor: not-allowed; }
.page-content .form-status { min-height: 1.5em; margin: 0; font-size: 14px; }
.page-content .form-status[data-state=error] { color: var(--accent); }
.page-content .form-status[data-state=ok] { color: #2a9d5c; }
.page-content details { border-top: 1px solid var(--border); padding: 14px 0; }
.page-content details:last-of-type { border-bottom: 1px solid var(--border); }
.page-content summary { cursor: pointer; font-weight: 700; color: var(--fg); list-style: none; }
.page-content summary::-webkit-details-marker { display: none; }
.page-content summary::after { content: "+"; float: right; color: var(--muted); }
.page-content details[open] summary::after { content: "\2013"; }
.page-content details p { margin: 10px 0 0; }