/* 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; }
  }

.page-footer>div{margin-top:5px}.page-footer nav{row-gap:8px}.page-footer nav a{white-space:nowrap}

/* Author and article presentation helpers */
.author-card,.author-mini,.article-summary,.event-links,.guide-figure-grid .mini-card{background:var(--panel);border:1px solid var(--line);border-radius:14px}
.author-card{padding:18px 20px;margin:16px 0 24px}.author-card h2,.author-mini h2{margin-top:0}.author-card p:last-child,.author-mini p:last-child{margin-bottom:0}
.author-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:10px 0 0;color:var(--muted);font-size:14px}
.author-mini{padding:16px 18px;margin:22px 0 8px}.author-mini strong{color:var(--text)}
.hero-figure,.guide-figure{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.hero-figure img,.guide-figure img{display:block;width:100%;height:auto;border-radius:12px}.hero-figure figcaption,.guide-figure figcaption{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px}
.guide-figure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:20px 0}.guide-figure-grid img{display:block;width:100%;height:auto;border-radius:12px}
.event-links{padding:16px 18px;margin:20px 0}.event-links ul{margin:0;padding-left:18px}
.kicker-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px 0 24px}.kicker-list div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.kicker-list strong{display:block;margin-bottom:6px;color:var(--text)}