/* Static trust + content pages. Layers on styles.css (which owns the palette,
   the body chrome and the shared footer) and only adds prose typography. The
   game screens never load this file. */

body.page { display: block; }

.page-head {
  max-width: 760px; margin: 0 auto; padding: 16px 14px 0; width: 100%;
}
.page-home {
  color: var(--muted); text-decoration: none; font-size: .9rem; font-weight: 600;
}
.page-home:hover { color: var(--ink); }

.page-main {
  max-width: 760px; margin: 0 auto; padding: 8px 14px 32px; width: 100%;
}
.page-main h1 {
  font-size: clamp(1.7rem, 5.5vw, 2.4rem); font-weight: 900; margin: 18px 0 10px;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.page-main h2 {
  font-size: 1.12rem; font-weight: 800; margin: 28px 0 8px; color: var(--ink);
  border-top: 1px solid var(--edge); padding-top: 18px;
}
.page-main h2:first-of-type { border-top: 0; }
.page-main p, .page-main li { color: var(--ink); line-height: 1.62; margin-bottom: 12px; }
.page-main .lede { font-size: 1.05rem; color: var(--ink); }
.page-main .muted { color: var(--muted); font-size: .85rem; }
.page-main ul { padding-left: 22px; margin-bottom: 12px; }
.page-main li { margin-bottom: 6px; }
.page-main a { color: var(--accent2); }
.page-main strong { color: var(--ink); font-weight: 700; }

/* Contact address shown as selectable text, not only as a mailto link.
   Scoped under .page-main so it outranks the `.page-main p` colour rule. */
.page-main .contact-email {
  font-size: 1.15rem; font-weight: 700; color: var(--accent2);
  background: var(--card); border: 1px solid var(--edge); border-radius: var(--radius);
  padding: 14px 16px; user-select: all; word-break: break-all;
}

/* The .todo-marker rule lived here to make scaffolded pages look unfinished on
   purpose. Removed with the last content scaffold — the site ships zero content
   pages. If one is ever written, note the specificity trap above: a bare class
   loses to `.page-main p`, so scope any new rule as `.page-main .thing`. */

footer .foot-links a { color: var(--muted); }
footer .foot-links a:hover { color: var(--ink); }