/* ═══════════════════════════════════════════════
   RUPOMOYEE — Legal Page Styles
   ═══════════════════════════════════════════════ */

/* ── Layout ── */
.legal-layout{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:72px;
  align-items:flex-start;
}

/* Content column — NO opacity/transform tricks here, always visible */
.legal-content{
  min-width:0;          /* prevent grid blowout */
  opacity:1 !important; /* override any stray data-reveal */
  transform:none !important;
}

/* ════════════════════════════════
   SIDEBAR
════════════════════════════════ */
.legal-sidebar{
  position:sticky;
  top:calc(var(--nav-h) + 28px);
}

/* TOC box */
.legal-toc{
  background:var(--surface-2);
  border:1px solid var(--border);
  padding:28px 24px;
  margin-bottom:16px;
}
.legal-toc-title{
  font-size:10px;font-weight:400;letter-spacing:5px;
  text-transform:uppercase;color:var(--gold);
  margin-bottom:16px;
  display:flex;align-items:center;gap:8px;
}
.legal-toc-title::before{
  content:"";width:16px;height:1px;
  background:var(--gold);opacity:.5;flex-shrink:0;
}
.legal-toc-link{
  display:flex;align-items:baseline;gap:10px;
  font-size:13px;font-weight:400;
  color:var(--text-muted);
  padding:9px 0;
  border-bottom:1px solid var(--border);
  transition:color var(--t),padding-left var(--t);
  line-height:1.4;
}
.legal-toc-link:last-child{border-bottom:none;}
.legal-toc-link:hover{color:var(--maroon);padding-left:5px;}
.legal-toc-num{
  font-size:9px;font-weight:400;letter-spacing:2px;
  color:var(--gold);opacity:.65;
  flex-shrink:0;min-width:20px;
}

/* Cross-page nav */
.legal-nav-links{
  border:1px solid var(--border);
  overflow:hidden;
}
.legal-nav-link{
  display:block;padding:14px 18px;
  font-size:11px;font-weight:400;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--text-muted);
  border-bottom:1px solid var(--border);
  transition:all var(--t);
}
.legal-nav-link:last-child{border-bottom:none;}
.legal-nav-link:hover{
  color:var(--maroon);
  padding-left:26px;
  background:var(--surface-2);
}
.legal-nav-link.current{
  color:var(--maroon);
  background:var(--surface-2);
  border-left:2px solid var(--gold);
  padding-left:16px;
}

/* ════════════════════════════════
   CONTENT AREA
════════════════════════════════ */

/* Intro callout */
.legal-intro-note{
  background:var(--surface-2);
  border-left:3px solid var(--gold);
  padding:22px 26px;
  margin-bottom:52px;
  font-size:16px;font-weight:400;
  color:var(--text-body);line-height:1.85;
  font-style:italic;
  display:flex;align-items:flex-start;gap:14px;
  border-radius:0 2px 2px 0;
}
.legal-intro-note svg{
  flex-shrink:0;margin-top:3px;color:var(--gold);
}

/* Individual section */
.legal-sec{margin-bottom:52px;}

.legal-sec-eyebrow{
  font-size:10px;font-weight:400;letter-spacing:5px;
  text-transform:uppercase;color:var(--gold);
  margin-bottom:10px;
  display:flex;align-items:center;gap:10px;
}
.legal-sec-eyebrow::before{
  content:"";width:20px;height:1px;
  background:var(--gold);opacity:.5;flex-shrink:0;
}

.legal-sec-title{
  font-family:"Cormorant Garamond",serif;
  font-size:30px;font-weight:400;color:var(--maroon);
  border-left:3px solid var(--gold);
  padding-left:20px;
  margin-bottom:24px;
  line-height:1.15;
}

/* Body text — the most important fix */
.legal-sec-body p{
  font-size:16px;font-weight:400;
  color:var(--text-body);
  line-height:2;
  margin-bottom:18px;
}

.legal-sec-body ul{
  list-style:none;padding:0;
  margin:14px 0 22px;
  border:1px solid var(--border);
}
.legal-sec-body ul li{
  font-size:15.5px;font-weight:400;
  color:var(--text-body);
  line-height:1.9;
  padding:14px 16px 14px 40px;
  border-bottom:1px solid var(--border);
  position:relative;
}
.legal-sec-body ul li:last-child{border-bottom:none;}
.legal-sec-body ul li::before{
  content:"";
  position:absolute;left:16px;top:22px;
  width:5px;height:5px;
  background:var(--gold);transform:rotate(45deg);
}

/* Highlight / callout box */
.legal-sec-body .highlight{
  background:var(--surface-2);
  border-left:3px solid var(--gold);
  padding:22px 26px;
  margin:22px 0;
  font-size:15.5px;font-weight:400;
  color:var(--text-body);line-height:1.9;
  font-style:italic;
  border-radius:0 2px 2px 0;
}

/* Strong inside legal content */
.legal-sec-body strong{
  font-weight:600;color:var(--maroon);
}

/* Divider between sections */
.legal-divider{
  width:64px;height:1px;
  background:linear-gradient(to right,var(--gold),transparent);
  margin:52px 0;
}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media(max-width:960px){
  .legal-layout{
    grid-template-columns:1fr;
    gap:44px;
  }
  .legal-sidebar{position:static;}
  .legal-toc{
    /* On mobile collapse TOC to a scrollable strip */
    max-height:280px;
    overflow-y:auto;
  }
}
@media(max-width:600px){
  .legal-sec-title{font-size:24px;}
  .legal-sec-body p{font-size:15px;}
  .legal-sec-body ul li{font-size:15px;padding:12px 14px 12px 36px;}
  .legal-intro-note{font-size:15px;padding:18px 20px;}
  .legal-sec-body .highlight{font-size:15px;padding:18px 20px;}
}