/* ============================================================
   Shared styles for privacy-policy.html, terms-conditions.html
   and disclaimer.html. Edit once, applies to all three.
   ============================================================ */
:root{
  --ivory:#F7F4EC;
  --green:#122019;
  --green2:#2F4A39;
  --brass:#B3924F;
  --brass-soft:#C9AE74;
  --ink:#20241F;
  --muted:#4F5449;      /* darkened from #5C6157 for WCAG AA at 16px */
}
*{margin:0;padding:0;box-sizing:border-box}
/* images carry width/height attributes; height:auto keeps them proportional */
img{max-width:100%;height:auto}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--ivory);color:var(--ink);
  line-height:1.7;font-size:14.5px;
  -webkit-text-size-adjust:100%;
}

/* visible keyboard focus everywhere */
a:focus-visible,button:focus-visible{
  outline:2px solid var(--brass);outline-offset:3px;border-radius:2px;
}

.skip{
  position:absolute;left:-9999px;top:0;z-index:10;
  background:var(--green);color:var(--ivory);
  padding:12px 18px;font-size:13px;font-weight:600;text-decoration:none;
}
.skip:focus{left:8px;top:8px}

.top{
  background:var(--green);color:var(--ivory);
  padding:48px 0 38px;text-align:center;
  border-bottom:3px solid var(--brass);
}
.top h1{font-weight:300;font-size:clamp(22px,3.5vw,32px);line-height:1.14;letter-spacing:-.015em}
.top p{color:var(--brass-soft);font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:8px}
/* logo is black artwork on transparency — inverted to sit on the green band.
   The wrapping link is inline-block so .top's text-align centres it. */
.top a{display:inline-block;margin-bottom:18px}
.top .logo{display:block;height:34px;width:auto;filter:brightness(0) invert(1);opacity:.9}
@media (max-width:600px){.top .logo{height:29px}}

.wrap{width:min(860px,92%);margin:48px auto 68px}

h2{
  font-weight:300;font-size:19px;letter-spacing:-.012em;
  color:var(--green);margin:32px 0 10px;
  padding-bottom:6px;border-bottom:1px solid rgba(179,146,79,.4);
  scroll-margin-top:24px;
}
h3{
  font-weight:500;font-size:16px;letter-spacing:-.01em;
  color:var(--green2);margin:20px 0 8px;
}
.policy-table{
  width:100%;border-collapse:collapse;margin:16px 0 24px;
  font-size:14px;
}
.policy-table th, .policy-table td{
  padding:10px 14px;border:1px solid rgba(179,146,79,.3);
  text-align:left;
}
.policy-table th{
  background:var(--green);color:var(--ivory);font-weight:500;
}
.policy-table td{
  color:var(--muted);
}
p,li{color:var(--muted);margin-bottom:12px}
ul{padding-left:22px;margin-bottom:12px}
strong{color:var(--ink)}
a{color:#8A6E2E}                    /* darkened brass: AA on ivory */
a:hover{color:var(--brass)}

.back{
  display:inline-block;margin-bottom:8px;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  color:var(--green2);text-decoration:none;
}
.back:hover{color:#8A6E2E}

.updated{font-size:14px;color:var(--muted)}

/* advertiser identity + RERA registration block */
.rera{
  margin:18px 0 14px;padding:18px 20px;
  background:#fff;border:1px solid rgba(179,146,79,.42);
  display:flex;flex-wrap:wrap;gap:16px 40px;
}
.rera>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.rera dt{
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:#8A6E2E;font-weight:600;
}
.rera dd{margin:0;font-size:14.5px;color:var(--ink);font-weight:500;line-height:1.45}

footer{
  background:#0C1611;color:rgba(247,244,236,.72);   /* raised from .5 for AA */
  text-align:center;padding:26px;font-size:12.5px;
}
footer a{color:var(--brass-soft);text-decoration:none;margin:0 10px}
footer a:hover{text-decoration:underline}
footer .copy{margin-top:10px;color:rgba(247,244,236,.62);margin-bottom:0}