@charset "UTF-8";
/* RWD — legal pages (privacy, terms, disclaimer, RERA, official website).
   Rides on editorial.css for the ground, the hero and the tokens; this adds
   only what a long legal text needs: a readable prose column, its headings,
   a table for the RERA list, and the rail of sibling pages. */

.rwd-legal .lg-grid{
  display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:clamp(32px,6vw,96px);
  align-items:start;
}
@media (max-width:900px){ .rwd-legal .lg-grid{ grid-template-columns:1fr } }

.rwd-legal .lg-prose{ max-width:70ch; font:400 16px/1.75 var(--lux-sans); color:var(--say) }
.rwd-legal .lg-date{
  margin:0 0 clamp(26px,4vh,40px);
  font:500 16px/1 var(--lux-sans); letter-spacing:.22em; text-transform:uppercase; color:var(--mute);
}
.rwd-legal .lg-prose h2{
  margin:clamp(36px,5vh,52px) 0 14px; padding-top:18px; border-top:1px solid var(--rule);
  font:400 clamp(22px,2vw,28px)/1.2 var(--lux); color:var(--ink-1);
  scroll-margin-top:110px;
}
.rwd-legal .lg-prose h2:first-of-type{ margin-top:0 }
.rwd-legal .lg-prose h3{
  margin:26px 0 8px; font:500 16px/1.3 var(--lux-sans); letter-spacing:.18em;
  text-transform:uppercase; color:var(--gold);
}
.rwd-legal .lg-prose p{ margin:0 0 14px }
.rwd-legal .lg-prose ul{ margin:0 0 16px; padding-left:20px }
.rwd-legal .lg-prose li{ margin:0 0 6px }
.rwd-legal .lg-prose li::marker{ color:var(--gold) }
.rwd-legal .lg-prose a{ color:var(--ink-1); text-decoration-color:var(--gold); text-underline-offset:3px }
.rwd-legal .lg-prose strong{ font-weight:600; color:var(--ink-1) }
.rwd-legal .lg-prose address{ font-style:normal; margin:0 0 14px }

.rwd-legal .lg-note{
  margin:22px 0; padding:16px 20px; border-left:2px solid var(--gold);
  background:var(--bone-2); font-size:16px;
}

.rwd-legal .lg-table{ width:100%; border-collapse:collapse; margin:8px 0 20px; font-size:16px }
.rwd-legal .lg-table th{
  text-align:left; padding:0 14px 10px 0; border-bottom:1px solid var(--ink-1);
  font:500 16px/1.3 var(--lux-sans); letter-spacing:.18em; text-transform:uppercase; color:var(--mute);
}
.rwd-legal .lg-table td{ padding:12px 14px 12px 0; border-bottom:1px solid var(--rule); vertical-align:top }
.rwd-legal .lg-table td:last-child{ font-family:var(--mono); font-size:16px; word-break:break-word }
@media (max-width:600px){
  .rwd-legal .lg-table thead{ display:none }
  .rwd-legal .lg-table tr{ display:block; padding:12px 0; border-bottom:1px solid var(--rule) }
  .rwd-legal .lg-table td{ display:block; padding:2px 0; border:0 }
}

.rwd-legal .lg-rail{
  position:sticky; top:110px;
  display:flex; flex-direction:column; gap:2px;
  border-top:1px solid var(--rule); padding-top:14px;
}
@media (max-width:900px){ .rwd-legal .lg-rail{ position:static } }
.rwd-legal .lg-rail a{
  display:block; padding:9px 0;
  font:400 16px/1.4 var(--lux-sans); color:var(--mute); text-decoration:none;
}
.rwd-legal .lg-rail a:hover{ color:var(--ink-1) }
.rwd-legal .lg-rail a[aria-current]{ color:var(--ink-1); font-weight:500 }
.rwd-legal .lg-rail a[aria-current]::before{ content:''; display:inline-block; width:14px; height:1px; margin:0 10px 4px 0; background:var(--gold) }