/* Shared styles for the static info pages: about / faq / privacy */
  :root { --bg:#0d1620; --panel:#14212c; --line:#2a3b4a; --text:#eaf2f8; --muted:#97aaba; --accent:#b88ce8; --accent-bg:#6c3baa; }
  * { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; }
  body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
  header.top { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:calc(env(safe-area-inset-top,0px) + 10px) 20px 10px; background:rgba(13,22,32,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
  .brand { display:flex; align-items:center; gap:10px; color:var(--text); text-decoration:none; font-weight:800; letter-spacing:.08em; }
  .brand img { width:34px; height:34px; border-radius:9px; }
  .back { color:var(--text); text-decoration:none; font-weight:700; font-size:14px; padding:9px 14px; border:1px solid var(--line); border-radius:999px; background:#ffffff0a; white-space:nowrap; }
  .back:hover { background:#ffffff18; }
  main { max-width:780px; margin:0 auto; padding:34px 20px 70px; }
  .eyebrow { color:#7cc4f0; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
  h1 { margin:6px 0 6px; font-size:clamp(28px,5vw,38px); line-height:1.15; }
  .updated { color:var(--muted); font-size:14px; margin:0 0 26px; }
  .summary { background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--accent-bg); border-radius:14px; padding:16px 20px; margin:0 0 30px; }
  .summary p { margin:0 0 8px; } .summary p:last-child { margin:0; }
  h2 { margin:34px 0 8px; font-size:21px; line-height:1.25; }
  p, li { color:#d3dfe9; }
  ul { padding-left:22px; margin:8px 0 14px; } li { margin:5px 0; }
  a { color:var(--accent); text-underline-offset:2px; }
  a:hover { color:#d9c1f5; }
  a:focus-visible, .back:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
  code { background:#ffffff12; padding:1px 6px; border-radius:6px; font-size:.92em; }
  main, footer { overflow-wrap: anywhere; }
  .page-footer { max-width:780px; margin:0 auto; padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 40px); color:var(--muted); font-size:13.5px; text-align:center; border-top:1px solid var(--line); }
  .page-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; margin:14px 0 8px; }
  .page-footer a { color:var(--text); text-decoration:none; font-weight:600; }
  .page-footer a:hover { color:var(--accent); text-decoration:underline; }
  .lead { font-size:18px; color:#e3edf5; margin:0 0 22px; }
  .jump { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:14px 20px 8px; margin:0 0 26px; }
  .jump b { display:block; margin-bottom:6px; color:var(--muted); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
  .jump ol { margin:0 0 8px; padding-left:22px; } .jump li { margin:4px 0; }
  h3 { margin:30px 0 6px; font-size:18px; line-height:1.3; scroll-margin-top:84px; }
  .card { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:6px 20px 12px; margin:10px 0 18px; }
  .cta { display:inline-block; margin:6px 10px 6px 0; padding:11px 18px; border-radius:12px; background:var(--accent-bg); color:#fff; text-decoration:none; font-weight:700; }
  .cta.alt { background:#ffffff0f; border:1px solid var(--line); color:var(--text); }
  .cta:hover { filter:brightness(1.12); color:#fff; }

  .back .short { display:none; }
  @media (max-width: 440px) {
    header.top { padding-inline: 14px; }
    .back .full { display:none; } .back .short { display:inline; }
    main { padding-inline: 16px; }
    .page-footer { padding-inline: 16px; }
  }