/* Shared styles for Threat ID legal / info pages + the site footer. */
:root{ --bg:#070d15; --panel:#101218; --line:rgba(255,255,255,.08); --red:#f2555a;
  --steel:#dfe4ea; --slate:#8a99ad; --t2:#9fb0c3; }
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--steel);
  font:400 16px/1.7 Inter,system-ui,sans-serif; -webkit-font-smoothing:antialiased}
a{color:var(--red); text-decoration:none} a:hover{text-decoration:underline}
.wrap{max-width:820px; margin:0 auto; padding:0 24px}

/* top bar */
.topbar{border-bottom:1px solid var(--line); padding:16px 0}
.topbar .wrap{max-width:1080px; display:flex; align-items:center; gap:12px; justify-content:space-between}
.topbar a.home{display:inline-flex; align-items:center; gap:10px; color:var(--steel); font-weight:700; letter-spacing:.3px}
.topbar img{height:34px;width:auto}
.topbar .tnav a{color:var(--t2); font-size:14px; margin-left:18px}

/* doc body */
.doc{padding:48px 0 64px}
.doc h1{font:800 34px/1.15 Inter; letter-spacing:-.5px; margin:0 0 6px}
.doc .updated{color:var(--slate); font:500 13px 'JetBrains Mono',monospace; margin-bottom:28px}
.doc h2{font:700 20px/1.3 Inter; margin:34px 0 10px; color:#fff}
.doc h3{font:700 16px Inter; margin:22px 0 6px}
.doc p,.doc li{color:var(--t2)}
.doc ul{padding-left:20px} .doc li{margin:6px 0}
.doc strong{color:var(--steel)}
.callout{border:1px solid rgba(242,85,90,.3); background:rgba(242,85,90,.06);
  border-radius:12px; padding:14px 16px; margin:18px 0; font-size:15px; color:var(--t2)}
.toc{border:1px solid var(--line); background:var(--panel); border-radius:12px; padding:14px 18px; margin:8px 0 26px}
.toc a{color:var(--t2); font-size:14px} .toc b{color:var(--steel)}

/* footer (shared with index) */
.site-footer{border-top:1px solid var(--line); background:#0a0f17; margin-top:40px}
.site-footer .fwrap{max-width:1080px; margin:0 auto; padding:44px 24px 22px;
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:28px}
@media(max-width:820px){.site-footer .fwrap{grid-template-columns:1fr 1fr}}
.site-footer .fbrand img{height:40px;width:auto;margin-bottom:12px;display:block}
.site-footer .fbrand p{color:var(--t2); font-size:14px; margin:0 0 8px; max-width:34ch}
.site-footer .fbrand .fnote{color:var(--slate); font-size:12px}
.site-footer h4{font:700 11px 'JetBrains Mono',monospace; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--red); margin:0 0 12px}
.site-footer .fcol a{display:block; color:var(--t2); font-size:14px; margin:8px 0}
.site-footer .fcol a:hover{color:var(--steel)}
.site-footer .fbottom{max-width:1080px; margin:0 auto; padding:16px 24px 30px;
  border-top:1px solid var(--line); color:var(--slate); font-size:13px}
.site-footer .fbottom a{color:var(--slate)}