/* ── LEGAL LAYOUT ─────────────────────────────────────────────── */
.legal-layout{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:0;
  max-width:1200px;
  margin:0 auto;
  padding:0 96px;
  background:var(--white);
}
.legal-sidebar{
  padding:56px 40px 72px 0;
  border-right:1px solid var(--border);
  position:sticky;
  top:80px;
  height:fit-content;
  align-self:start;
}
.legal-sidebar-title{
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text4);margin-bottom:16px;
}
.legal-sidebar a{
  display:block;font-size:13.5px;color:var(--text2);
  padding:7px 0;text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .15s;
}
.legal-sidebar a:hover{color:var(--navy);}
.legal-content{
  padding:56px 0 72px 56px;
}
@media(max-width:1024px){
  .legal-layout{grid-template-columns:1fr;padding:0 24px;}
  .legal-sidebar{display:none;}
  .legal-content{padding:40px 0 72px;}
}
@media(max-width:768px){
  .legal-layout{padding:0 20px;}
  .legal-content{padding:32px 0 64px;}
}
@media(max-width:480px){
  .legal-layout{padding:0 16px;}
  .legal-content{padding:24px 0 48px;}
}

/* TERMS-OF-SERVICE — Page-specific styles */

.legal-section{margin-bottom:64px;padding-bottom:64px}
.legal-section{border-bottom:1px solid var(--border)}
.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.legal-num{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text4);margin-bottom:10px}
.legal-sec-h{font-size:clamp(20px,2.5vw,28px);font-weight:700;color:var(--navy);letter-spacing:-0.03em;margin-bottom:22px}
.legal-body{font-size:15.5px;color:var(--text2);line-height:1.85}
.legal-body p{margin-bottom:18px}
.legal-body p:last-child{margin-bottom:0}
.legal-body strong{color:var(--navy);font-weight:600}
.legal-body h4{font-size:16px;font-weight:700;color:var(--navy);margin:28px 0 10px}
.legal-body ul{margin:14px 0 18px;display:flex;flex-direction:column;gap:10px}
.legal-body ul li{padding-left:18px;position:relative;color:var(--text2)}
.legal-body ul li::before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--border2)}
.highlight-box{background:#f8f9fb;border-left:3px solid var(--teal);border-radius:0 8px 8px 0;padding:18px 22px;margin:24px 0;font-size:14.5px;color:var(--text2);line-height:1.75}
.highlight-box strong{color:var(--navy)}
.contact-cta{background:var(--navy);border-radius:12px;padding:32px 36px;margin-top:48px}
.contact-cta h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}
.contact-cta p{font-size:14px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:14px}
.contact-cta a{color:var(--teal);font-weight:500;text-decoration:none}
.terms-of-service-meta{font-size:13px;color:var(--text3);margin-top:16px}


/* ── Terms of Service responsive ── */

@media(max-width:768px){
  .legal-section{margin-bottom:48px;padding-bottom:48px}
  .contact-cta{padding:24px 22px;margin-top:36px}
}



/* Body fix for terms page */
body{background-color:var(--white)}
.legal-layout{background:var(--white)}
.page-hero{background:var(--white)}