/* About / Privacy: plain reading pages in the site's colours (style.css provides the variables, body and footer). */
.info-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 28px 20px 8px;
  color: var(--text);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.65;
}
.info-back {
  display: inline-block;
  margin-bottom: 18px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.info-back:hover { color: var(--text); }
.info-page h1 { margin: 0 0 12px; font-size: clamp(30px, 6vw, 40px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; }
.info-page h1 .accent {
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.info-page h2 { margin: 32px 0 8px; font-size: 20px; font-weight: 700; letter-spacing: -0.01em; scroll-margin-top: 16px; }
.info-page p { margin: 0 0 12px; color: #d4d4d8; }
.info-page ul { margin: 0 0 12px; padding-left: 22px; color: #d4d4d8; }
.info-page li { margin: 0 0 8px; }
.info-page a { color: var(--accent); font-weight: 600; text-decoration: none; }
.info-page a:hover { text-decoration: underline; text-underline-offset: 3px; }
.info-page strong { color: var(--text); }
.info-page code { font-size: 0.9em; padding: 1px 6px; border-radius: 6px; background: var(--surface-3); color: var(--text); }
.info-page .lead { font-size: 18px; color: var(--text); }
.info-page .updated { color: var(--subtle); font-size: 14px; }
.info-page .summary { margin: 18px 0 8px; padding: 16px 18px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--surface); }
.info-page .summary p { margin: 0; color: var(--text); }
.info-page .note { padding: 12px 14px; border-left: 3px solid var(--accent); border-radius: 0 var(--radius) var(--radius) 0; background: var(--surface); }
/* footer links (also used on the builder) */
footer .footer-links { margin-top: 6px; }

/* White/red reading surface shared with the builder. */
.info-page { color: #32151a; }
.info-page h1, .info-page h2, .info-page strong { color: #32151a; }
.info-page h1 .accent { background: linear-gradient(90deg,#e3350d,#c82808); -webkit-background-clip:text; background-clip:text; }
.info-page p, .info-page ul, .info-page li { color: #795d62; }
.info-page a { color: #e3350d; }
.info-page .summary, .info-page .note { background: #fff; border-color: #e8c8c0; }