
:root{--red:#73070B;--bg:#0b0e13;--panel:#11151b;--line:#303741;--canvas:#ececea;--muted:#6d7480}
*{box-sizing:border-box;border-radius:0!important}
body{margin:0;font-family:Arial,sans-serif;background:var(--canvas);color:#111318}
a{color:inherit;text-decoration:none}
.legal-topbar{height:68px;background:#050608;border-bottom:2px solid var(--red);display:flex;align-items:center;padding:0 28px;gap:22px;color:#fff}
.legal-brand{font-size:25px;font-weight:900;display:flex;align-items:center;gap:10px}
.legal-brand b{background:linear-gradient(135deg,#95000b,#3a070a);padding:15px 12px}
.legal-topbar nav{margin-left:auto;display:flex;gap:12px}
.legal-topbar nav a{border:1px solid #353c46;padding:9px 12px;font-size:12px}
.legal-shell{max-width:1180px;margin:0 auto;padding:30px 22px 60px}
.legal-hero{background:linear-gradient(135deg,#0b0e13,#151922);border:1px solid #2f3540;border-left:4px solid var(--red);color:#fff;padding:28px;margin-bottom:16px}
.legal-kicker{color:#b20d18;font-size:10px;font-weight:900;letter-spacing:.12em}
.legal-hero h1{margin:6px 0 8px;font-size:34px}
.legal-hero p{margin:0;color:#b9c0ca;line-height:1.6}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}
.legal-nav{background:#10141a;border:1px solid #d4d4d4;padding:10px;align-self:start;position:sticky;top:14px}
.legal-nav a{display:block;padding:11px 12px;border-left:3px solid transparent;font-size:12px;font-weight:800}
.legal-nav a:hover,.legal-nav a.active{background:#171c24;color:#fff;border-left-color:#a00813}
.legal-doc{background:#fff;border:1px solid #d8d5d0;padding:28px}
.legal-doc h2{margin:28px 0 8px;font-size:20px;border-bottom:1px solid #e3e0dc;padding-bottom:8px}
.legal-doc h2:first-child{margin-top:0}
.legal-doc h3{margin:20px 0 7px;font-size:15px}
.legal-doc p,.legal-doc li{font-size:13px;line-height:1.65;color:#30343a}
.legal-doc ul{padding-left:20px}
.legal-note{margin:16px 0;padding:13px;border-left:3px solid var(--red);background:#fff3f5}
.legal-meta{margin-top:24px;padding-top:14px;border-top:1px solid #e2dfda;color:#717883;font-size:11px}
.osb-global-legal-footer{background:#080a0e;color:#c9ced6;border-top:1px solid #2b3038;padding:22px 24px;margin-top:34px}
.osb-global-legal-footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.osb-global-legal-footer-links{display:flex;gap:14px;flex-wrap:wrap}
.osb-global-legal-footer a{font-size:11px;color:#c9ced6}
.osb-global-legal-footer a:hover{color:#fff}
.osb-global-legal-footer small{color:#747d89}
@media(max-width:760px){.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;display:grid;grid-template-columns:1fr 1fr}.legal-topbar nav{display:none}.legal-shell{padding:18px 10px 40px}.legal-doc{padding:20px}}


/* =========================================================
   LEGAL SIDEBAR — FORCE ALL POLICY LINKS VISIBLE
   ========================================================= */
.legal-nav{
  display:block !important;
  background:#10141a !important;
  min-height:280px !important;
  padding:10px !important;
}

.legal-nav a,
.legal-nav a:link,
.legal-nav a:visited{
  display:block !important;
  position:relative !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  min-height:40px !important;
  margin:0 0 4px !important;
  padding:12px 12px !important;
  overflow:visible !important;
  color:#b9c1cc !important;
  background:transparent !important;
  border-left:3px solid transparent !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  white-space:normal !important;
}

.legal-nav a:hover{
  color:#fff !important;
  background:#171c24 !important;
  border-left-color:#73070B !important;
}

.legal-nav a.active,
.legal-nav a.active:visited{
  color:#ff2438 !important;
  background:#171c24 !important;
  border-left-color:#b20b18 !important;
}

@media(max-width:760px){
  .legal-nav{
    min-height:0 !important;
  }
}


/* =========================================================
   OSBEATS PUBLIC FOOTER LEGAL LINKS — FINAL POLISH
   Keeps legal links inside the existing footer layout.
   ========================================================= */
footer .osb-legal-links,
.osb-global-legal-footer .osb-legal-links,
.osb-legal-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  width:100% !important;
  margin:12px 0 0 !important;
  padding:12px 0 0 !important;
  border-top:1px solid #242a32 !important;
  position:static !important;
  float:none !important;
  clear:both !important;
}

footer .osb-legal-links a,
.osb-global-legal-footer .osb-legal-links a,
.osb-legal-links a{
  display:inline-block !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#9da6b2 !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

footer .osb-legal-links a:hover,
.osb-global-legal-footer .osb-legal-links a:hover,
.osb-legal-links a:hover{
  color:#ffffff !important;
}

/* Prevent generic legal-nav rules from ever affecting footer links */
footer .osb-legal-links{
  min-height:0 !important;
  background:transparent !important;
}

@media(max-width:700px){
  footer .osb-legal-links,
  .osb-global-legal-footer .osb-legal-links,
  .osb-legal-links{
    gap:10px 12px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}
