/* Legal / policy pages — scoped under .legal-page */
body.legal-page{
  margin:0;
  font-family:var(--site-font, 'Segoe UI', system-ui, sans-serif);
  background:linear-gradient(180deg, #f1f5f9 0%, #ffffff 220px);
  color:var(--site-text-secondary, #334155);
}

.legal-main{
  padding:20px 16px 48px;
}

.legal-page-wrap{
  max-width:920px;
  margin:0 auto;
}

.legal-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 16px;
  font-size:13px;
  color:var(--site-muted, #64748b);
}

.legal-breadcrumb a{
  color:var(--site-link, #2563eb);
  text-decoration:none;
  font-weight:600;
}

.legal-breadcrumb a:hover{
  text-decoration:underline;
  text-underline-offset:2px;
}

.legal-breadcrumb [aria-current="page"]{
  color:var(--site-text, #0f172a);
  font-weight:600;
}

.legal-container{
  background:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  box-shadow:0 14px 40px rgba(15, 23, 42, 0.07);
  overflow:hidden;
}

.legal-hero{
  padding:clamp(24px, 4vw, 36px) clamp(20px, 4vw, 36px) clamp(20px, 3vw, 28px);
  background:linear-gradient(135deg, #1a3568 0%, #1e3c72 42%, #2a5298 100%);
  color:#fff;
}

.legal-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.16);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.legal-hero h1{
  margin:0 0 12px;
  font-size:clamp(1.6rem, 4vw, 2.1rem);
  font-weight:800;
  line-height:1.2;
  letter-spacing:-0.02em;
  color:#fff;
}

.legal-hero .lead{
  margin:0;
  max-width:62ch;
  font-size:clamp(0.95rem, 2.2vw, 1.05rem);
  line-height:1.65;
  color:rgba(255,255,255,0.92);
}

.legal-meta{
  margin:14px 0 0;
  font-size:13px;
  color:rgba(255,255,255,0.78);
}

.legal-toc{
  padding:18px clamp(20px, 4vw, 32px);
  background:#f8fafc;
  border-bottom:1px solid #e8edf4;
}

.legal-toc h2{
  margin:0 0 12px;
  font-size:12px;
  font-weight:800;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--site-muted, #64748b);
}

.legal-toc ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}

.legal-toc a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid #dbe3f0;
  background:#fff;
  color:var(--site-primary, #1e3c72);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}

.legal-toc a:hover{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:var(--site-link-hover, #1d4ed8);
}

.legal-body{
  padding:8px clamp(20px, 4vw, 32px) 4px;
}

.legal-body section{
  padding:22px 0;
  border-bottom:1px solid #eef2f7;
}

.legal-body section:last-child{
  border-bottom:none;
}

.legal-body h2{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 12px;
  font-size:clamp(1.05rem, 2.5vw, 1.2rem);
  font-weight:800;
  color:var(--site-primary, #1e3c72);
  letter-spacing:-0.01em;
}

.legal-body h2::before{
  content:counter(legal-section);
  counter-increment:legal-section;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  margin-top:1px;
  border-radius:8px;
  background:linear-gradient(145deg, #eff6ff, #dbeafe);
  color:#1d4ed8;
  font-size:12px;
  font-weight:800;
  flex-shrink:0;
}

.legal-body{
  counter-reset:legal-section;
}

.legal-body h3{
  margin:16px 0 8px;
  font-size:15px;
  font-weight:700;
  color:#1e293b;
}

.legal-body p{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.75;
  color:var(--site-text-secondary, #334155);
}

.legal-body p:last-child{
  margin-bottom:0;
}

.legal-body ul,
.legal-body ol{
  margin:10px 0 0;
  padding-left:0;
  list-style:none;
}

.legal-body ul li,
.legal-body ol li{
  position:relative;
  margin:0 0 8px;
  padding-left:22px;
  font-size:15px;
  line-height:1.7;
  color:var(--site-text-secondary, #334155);
}

.legal-body ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:0.62em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--site-primary, #1e3c72), var(--site-link, #2563eb));
  transform:translateY(-50%);
}

.legal-body ol{
  counter-reset:legal-step;
}

.legal-body ol li{
  counter-increment:legal-step;
  padding-left:30px;
}

.legal-body ol li::before{
  content:counter(legal-step);
  position:absolute;
  left:0;
  top:0.12em;
  width:20px;
  height:20px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg, #1e3c72, #2a5298);
}

.legal-callout{
  margin:14px 0 0;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid #fde68a;
  background:linear-gradient(180deg, #fffbeb, #fff7ed);
  color:#92400e;
  font-size:14px;
  line-height:1.6;
}

.legal-callout strong{
  color:#78350f;
}

.legal-related{
  padding:22px clamp(20px, 4vw, 32px) 28px;
  background:#f8fafc;
  border-top:1px solid #e8edf4;
}

.legal-related h2{
  margin:0 0 12px;
  font-size:13px;
  font-weight:800;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--site-muted, #64748b);
}

.legal-related ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}

.legal-related a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:10px;
  border:1px solid #dbe3f0;
  background:#fff;
  color:var(--site-primary, #1e3c72);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:background-color .2s ease, border-color .2s ease;
}

.legal-related a:hover{
  background:#eff6ff;
  border-color:#bfdbfe;
}

.legal-container address{
  font-style:normal;
  line-height:1.75;
}

.legal-container a{
  color:var(--site-link, #2563eb);
  text-decoration:underline;
  text-underline-offset:3px;
  font-weight:600;
}

.legal-container a:hover{
  color:var(--site-link-hover, #1d4ed8);
}

/* Header/footer chrome unaffected */
body.legal-page .main-header .top-banner .social-icons a,
body.legal-page .main-header .top-banner .social-icons i,
body.legal-page .main-footer .footer-social a{
  color:#fff;
  text-decoration:none;
}

body.legal-page .main-header .tools-btn,
body.legal-page .main-header .mobile-tools,
body.legal-page .main-header .hamburger{
  color:#fff;
}

body.legal-page .main-header .mobile-actions i{
  color:#333;
}

@media (max-width: 768px){
  .legal-main{
    padding:12px 12px 36px;
  }

  .legal-hero{
    padding:22px 18px 18px;
  }

  .legal-toc,
  .legal-body,
  .legal-related{
    padding-left:18px;
    padding-right:18px;
  }

  .legal-toc ul{
    gap:6px;
  }

  .legal-toc a{
    font-size:12px;
    padding:6px 10px;
  }
}

@media (prefers-reduced-motion: reduce){
  .legal-toc a,
  .legal-related a{
    transition:none;
  }
}