/* ==========================================================================
   DISCLOSURE PAGES (terms, investor-charter, disclosures, disclaimer,
   grievance-redressal, complaint-data)
   --------------------------------------------------------------------------
   Loaded after styles.css. Same frame as the Track Record page — floating
   nav, the shared section header, the footer — with one document column in
   the middle. The documents are the SEBI filings as written (Word →
   HTML, words and numbering untouched); this file only sets their type:
   headings, Word's list markers in a hanging column, tables in the dark
   panel, and the Annexure B complaint tables.
   ========================================================================== */

/* -- Frame ---------------------------------------------------------------- */
.doc-head,.doc-body{background:#010101;color:#f8fafc;font-family:"Inter",Arial,sans-serif}
.doc-inner{max-width:1264px;margin:0 auto;padding-inline:32px}
/* The footer's link to this page. */
.vf-links a[aria-current="page"]{color:#fff}

/* Head: the floating nav rides over the first 76px, so the content starts
   below it. Same dual brand glow as the hero, pooled behind the title. */
.doc-head{position:relative;isolation:isolate;padding:180px 0 40px;overflow:hidden}
.doc-head::before{
  content:"";position:absolute;left:50%;top:-6%;width:min(920px,100%);height:70%;z-index:-1;
  transform:translateX(-50%);pointer-events:none;filter:blur(30px);
  background:
    radial-gradient(ellipse 45% 55% at 38% 42%, rgba(var(--lakshmi-rgb),.26), transparent 70%),
    radial-gradient(ellipse 45% 55% at 66% 52%, rgba(var(--vishnu-rgb),.34), transparent 70%);
}
.doc-body{padding:8px 0 var(--section-pad)}

/* -- Document ------------------------------------------------------------- */
.doc{
  max-width:820px;margin:0 auto;
  color:#c9cdd6;font-size:15.5px;line-height:1.7;
  overflow-wrap:anywhere;
}
/* Two documents on one page (grievance redressal + escalation matrix). */
.doc + .doc{margin-top:56px;padding-top:48px;border-top:1px solid rgba(255,255,255,.08)}
.doc h2{
  margin:36px 0 18px;
  color:#fff;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.5px;
}
.doc > h2:first-child{margin-top:8px}
.doc h3{margin:30px 0 10px;color:#fff;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.2px}
.doc h2 + h3{margin-top:0}
.doc p{margin:0 0 14px}
.doc-center{text-align:center}
.doc strong{color:#fff;font-weight:600}
.doc u{text-decoration-thickness:1px;text-underline-offset:3px}
.doc a{color:#7fb0ff;text-decoration:underline;text-decoration-color:rgba(127,176,255,.4);text-underline-offset:2px}
.doc a:hover{color:#a9c8ff;text-decoration-color:currentColor}

/* Lists: Word's own markers (1. / a) / (a) / i. / 2.1 / •) in a hanging
   column so wrapped lines align with the text, not the marker. Levels
   indent one column each. */
.doc-list{list-style:none;margin:0 0 14px;padding:0}
.doc-list li{display:grid;grid-template-columns:2.6em minmax(0,1fr);gap:0 8px;margin:0 0 8px}
.doc-list.lvl-1{margin-left:2.6em}
.doc-list.lvl-2{margin-left:5.2em}
.doc-marker{color:#8b8f99;text-align:right;font-variant-numeric:tabular-nums}
/* A numbered heading ("1. Contact Our Representative", "D. Details of…"). */
.doc-num-h{display:grid;grid-template-columns:2.6em minmax(0,1fr);gap:0 8px}
.doc-num-h .doc-marker{color:#8b8f99;font-weight:500}

/* Tables: the sheet-style panel from the Track Record, scrolling sideways
   on narrow screens rather than squeezing the columns. */
.doc-table-wrap{
  margin:18px 0 22px;overflow-x:auto;
  border:1px solid rgba(255,255,255,.08);border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-overflow-scrolling:touch;
}
.doc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.5}
.doc-table th,.doc-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.06);overflow-wrap:normal}
.doc-table thead th{
  color:#8b8f99;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.01em;
  background:#0b0c0f;box-shadow:0 1px 0 rgba(255,255,255,.08);
}
.doc-table tbody tr:last-child td{border-bottom:0}
.doc-table td:first-child{color:#fff;font-weight:500}

/* -- Complaint data (Annexure B) ------------------------------------------ */
/* The four header lines above the tables, as on the SEBI form. */
.cd-meta{margin:0 0 22px;padding:18px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.cd-meta p{margin:0 0 6px}
.cd-meta p:last-child{margin-bottom:0}
.cd-meta strong{color:#fff}
.doc-table.cd-table{min-width:760px}
.doc-table.cd-table th{hyphens:none}
.doc-table.cd-table td:nth-child(2){white-space:nowrap}
.doc-table.cd-table td:first-child{color:#8b8f99;font-weight:400;font-variant-numeric:tabular-nums}
.doc-table.cd-table td:nth-child(2){color:#fff;font-weight:500}
.doc-table .c-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.doc-table .cd-total td{color:#fff;font-weight:600;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.doc-table .cd-total td:first-child{color:#fff;font-weight:600}
.cd-line{margin:0 0 6px}
.cd-note{margin:0 0 6px;color:#8b8f99;font-size:13px;line-height:1.55}
.cd-note + .cd-note{margin-top:0}
.cd-state{margin:0 0 14px;color:#fbbf24;font-size:13px}
.cd-state[hidden]{display:none}

/* -- Responsive ----------------------------------------------------------- */
/* Under 1025px the first section starts under the nav (styles.css pulls it
   up by --nav-h), so the head adds the nav's height back to its top padding
   — as track-record.css does — or the section pill sits behind the pill nav. */
@media (max-width:1024px){
  .doc-head{padding:calc(56px + var(--nav-h)) 0 32px}
}
@media (max-width:640px){
  .doc-inner{padding-inline:20px}
  .doc-head{padding:calc(40px + var(--nav-h)) 0 28px}
  .doc{font-size:15px;line-height:1.65}
  .doc h2{font-size:22px;margin:30px 0 14px}
  .doc h3{font-size:17px;margin:26px 0 8px}
  .doc-list li,.doc-num-h{grid-template-columns:2.2em minmax(0,1fr)}
  .doc-list.lvl-1{margin-left:1.6em}
  .doc-list.lvl-2{margin-left:3.2em}
  .doc-table-wrap{border-radius:12px}
  .doc-table th,.doc-table td{padding:10px 12px}
  .cd-meta{padding:14px 16px}
}
@media (prefers-reduced-motion:reduce){
  .doc a{transition:none}
}