/* Shared styles for GAUGE content pages (about, faq, privacy, terms, contact) */
:root{
  --bg:#0d1117;--panel:#11171f;--panel-2:#161d27;--line:#243140;--line-soft:#1a232e;
  --ink:#dfe7ef;--ink-dim:#7d8b9c;--amber:#ffb000;--cyan:#3dd7d2;--grid:rgba(61,215,210,.045);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);font-family:'IBM Plex Mono',monospace;min-height:100vh;
  background-image:
    linear-gradient(var(--grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid) 1px,transparent 1px),
    radial-gradient(ellipse at 50% -20%, rgba(255,176,0,.06), transparent 60%);
  background-size:28px 28px,28px 28px,100% 100%;
  line-height:1.7;padding:0 0 60px;
}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);
  padding:22px 0;margin-bottom:32px;flex-wrap:wrap;gap:12px}
.logo{font-family:'Saira Condensed',sans-serif;font-weight:900;font-size:30px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink);text-decoration:none}
.logo b{color:var(--amber)}
.topnav{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}
.topnav a{color:var(--ink-dim);text-decoration:none;letter-spacing:.06em;border-bottom:1px solid transparent;transition:.15s}
.topnav a:hover{color:var(--cyan);border-color:var(--cyan)}
main h1{font-family:'Saira Condensed',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  font-size:34px;margin-bottom:6px}
main .lead{color:var(--ink-dim);font-size:13px;letter-spacing:.04em;margin-bottom:28px}
main h2{font-family:'Saira Condensed',sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  font-size:20px;margin:30px 0 10px;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:6px}
main h3{font-size:15px;font-weight:600;color:var(--cyan);margin:20px 0 6px}
main p{margin:0 0 14px;font-size:14px;color:var(--ink)}
main ul{margin:0 0 14px 20px;font-size:14px}
main li{margin:6px 0}
main a{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(61,215,210,.35)}
main a:hover{border-color:var(--cyan)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px 22px;margin-bottom:18px}
.note{background:var(--panel-2);border-left:3px solid var(--amber);border-radius:5px;padding:12px 15px;
  font-size:12.5px;color:var(--ink-dim);margin:18px 0}
.field{display:block;margin:0 0 14px}
.field span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}
.field input,.field textarea{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;
  color:var(--ink);font-family:'IBM Plex Mono',monospace;font-size:14px;padding:11px 13px;outline:none}
.field input:focus,.field textarea:focus{border-color:var(--cyan)}
.btn{background:var(--cyan);color:var(--bg);border:none;border-radius:6px;font-family:'Saira Condensed',sans-serif;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:14px;padding:12px 22px;cursor:pointer}
footer{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;text-align:center;
  font-size:11px;color:var(--ink-dim);letter-spacing:.06em;line-height:2}
.footer-nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
.footer-nav a{color:var(--ink-dim);text-decoration:none;border-bottom:1px solid transparent;transition:.15s}
.footer-nav a:hover{color:var(--cyan);border-color:var(--cyan)}
@media(max-width:560px){main h1{font-size:26px}.logo{font-size:24px}}