:root{--bg:#0a0a0b;--card:#131316;--line:rgba(255,255,255,.12);--text:#fff;--muted:rgba(255,255,255,.72);--gold:#ffcc33}
  /* 1 Oct 2026 (QA round 3): the Help center stayed dark when the app was
     in light mode. It now follows the same choice (myreio_theme), and the
     OS when no choice was made. */
  :root[data-theme="light"]{--bg:#f7f7f5;--card:#ffffff;--line:rgba(10,10,11,.14);--text:#000;--muted:rgba(0,0,0,.72);--gold:#ffcc33;--gold-text:#000000}
  :root[data-theme="light"] .seg button[aria-pressed="true"]{color:#fff}
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Lato,Arial,sans-serif;padding:0 16px}
  .wrap{max-width:820px;margin:0 auto;padding:40px 0 72px}
  .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
  .brand{font:400 24px Lato,Arial,sans-serif;text-decoration:none;color:var(--text)}
  .brand b{color:var(--gold-text,var(--gold));font-weight:700}
  .top a.back{color:var(--muted);font-size:14px}
  h1{font:800 clamp(28px,5vw,40px)/1.12 Archivo,Arial,sans-serif;margin:28px 0 8px}
  .lede{color:var(--muted);margin:0 0 22px}
  .tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
  #q{flex:1 1 260px;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
  .seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px}
  .seg button{background:none;border:0;color:var(--muted);font:700 13px Lato,Arial,sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer}
  .seg button[aria-pressed="true"]{background:var(--gold);color:#0a0a0b}
  .art{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-top:10px}
  summary{list-style:none;cursor:pointer;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:2px 12px}
  summary::-webkit-details-marker{display:none}
  summary .t{font:700 17px/1.3 Archivo,Arial,sans-serif}
  summary .aud{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px;align-self:start;white-space:nowrap}
  summary .s{grid-column:1/-1;color:var(--muted);font-size:14.5px}
  details[open] summary{border-bottom:1px solid var(--line)}
  .b{padding:6px 18px 16px}
  .b p{margin:12px 0}.b ol,.b ul{margin:10px 0;padding-left:22px}.b li{margin:5px 0}
  a{color:var(--gold-text,var(--gold))}
  .perma{font-size:13px}
  .none{color:var(--muted);padding:20px 0}
  .foot{color:var(--muted);font-size:14px;margin-top:28px}
  :focus-visible{outline:2px solid var(--gold);outline-offset:2px}