/* ================= COMPLIANCE PAGE ================= */
/* Loads after styles.css — reuses the same CSS variables (--navy, --gold, etc.) */

/* ---------- Nav Active Highlighting ------------- */
  .nav-links a.active{
    color: var(--gold);
    font-weight:600;
  }

  .nav-links a.active::after{
    width:100%;
    background:var(--gold);
  }

  /* ---------- PAGE-HERO ---------- */
  .page-hero{
    padding:72px 0 56px;
    background:linear-gradient(155deg, var(--navy) 0%, var(--navy-deep) 100%);
    color:var(--warm-white);
  }
  .page-hero .eyebrow{color:var(--gold-soft);}
  .page-hero h1{
    color:var(--warm-white);
    font-size:clamp(30px,4vw,44px);
    margin-top:14px;
    max-width:640px;
  }
  .page-hero p.sub{
    color:rgba(250,250,248,0.65);
    font-size:16px;
    margin-top:16px;
    max-width:560px;
  }

 /* ---------- QUICK-JUMP CONTENTS ---------- */
  .toc{
    background:var(--warm-white);
    border-bottom:1px solid var(--line);
    position:sticky; top:78px; z-index:90;
  }
  .toc .wrap{
    display:flex; gap:28px; flex-wrap:wrap; 
    padding:16px 32px; justify-content:center;
  }
  .toc a{
    font-family:'Manrope', sans-serif;
    font-size:15px; font-weight:600;
    color:var(--charcoal-soft);
    white-space:nowrap;
    transition:color 0.25s ease;
  }
  .toc a:hover{color:var(--gold);}
  .toc a.active{color:var(--gold);}

  /* ---------- SECTION LABELING ---------- */
  .section-num{
    font-family:'Manrope'; font-weight:800; font-size:13px;
    color:var(--gold); letter-spacing:0.08em; margin-bottom:8px; display:block;
  }

  /* Section labeling */
  .compliance-section{border-bottom:1px solid var(--line);}
  .compliance-section:last-of-type{border-bottom:none;}

  /* Info grid (Entity & Registration Details) */
  .info-grid{
    display:grid; grid-template-columns:repeat(2,1fr); gap:1px;
    background:var(--line); border:1px solid var(--line); border-radius:var(--radius);
    overflow:hidden;
  }
  .info-item{background:var(--warm-white); padding:20px 24px;}
  .info-item .label{
    font-family:'Manrope'; font-size:11.5px; font-weight:700; letter-spacing:0.08em;
    text-transform:uppercase; color:var(--sage); display:block; margin-bottom:8px;
  }
  .info-item .value{font-size:15px; color:var(--navy); font-weight:500;}
  .info-item .value.placeholder{color:var(--charcoal-soft); font-style:italic; font-weight:400;}

  /* Officer card */
  .officer-card{
    display:flex; gap:28px; align-items:flex-start; flex-wrap:wrap;
    background:var(--warm-white); border:1px solid var(--line); border-radius:var(--radius);
    padding:32px;
  }
  .officer-avatar{
    width:64px; height:64px; border-radius:50%; flex-shrink:0;
    background:linear-gradient(135deg, var(--navy), var(--navy-deep));
    display:flex; align-items:center; justify-content:center;
    color:var(--gold-soft); font-family:'Manrope'; font-weight:700; font-size:18px;
  }
  .officer-details h3{font-size:18px; margin-bottom:4px;}
  .officer-details .role{color:var(--gold); font-family:'Manrope'; font-size:12.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:16px; display:block;}
  .officer-contact-row{display:flex; gap:24px; flex-wrap:wrap;}
  .officer-contact-row div{font-size:14.5px;}
  .officer-contact-row .label{display:block; font-family:'Manrope'; font-size:11.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--sage); margin-bottom:4px;}
  .officer-contact-row a{color:var(--navy); font-weight:500;}

  /* Step list (Grievance Redressal) */
  .steps-list{list-style:none; counter-reset:step; display:flex; flex-direction:column; gap:18px;}
  .steps-list li{
    counter-increment:step; position:relative; padding-left:48px; font-size:15px; color:var(--charcoal-soft);
  }
  .steps-list li::before{
    content:counter(step); position:absolute; left:0; top:-2px;
    width:32px; height:32px; border-radius:50%; background:var(--navy); color:var(--warm-white);
    font-family:'Manrope'; font-weight:700; font-size:13.5px; display:flex; align-items:center; justify-content:center;
  }
  .steps-list strong{color:var(--navy);}

  .external-link-row{display:flex; gap:16px; flex-wrap:wrap; margin-top:24px;}

  /* Document placeholder card — marks where compliance PDFs/text will be added later */
  .doc-placeholder{
    border:1.5px dashed var(--pale-blue);
    border-radius:var(--radius);
    padding:26px 28px;
    display:flex; align-items:center; gap:18px;
    background:rgba(198,210,222,0.12);
    margin-top:20px;
  }
  .doc-placeholder .doc-icon{
    width:42px; height:42px; border-radius:8px; background:var(--warm-white);
    border:1px solid var(--line); display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .doc-placeholder .doc-text strong{display:block; color:var(--navy); font-family:'Manrope'; font-size:14.5px; margin-bottom:4px;}
  .doc-placeholder .doc-text span{font-size:13.5px; color:var(--charcoal-soft);}

  /* Simple fee table */
  .fee-table{width:100%; border-collapse:collapse; background:var(--warm-white); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
  .fee-table th, .fee-table td{text-align:left; padding:14px 20px; font-size:14.5px; border-bottom:1px solid var(--line);}
  .fee-table th{
    font-family:'Manrope'; font-size:11.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--sage); background:var(--ivory);
  }
  .fee-table td{color:var(--charcoal-soft);}
  .fee-table tr:last-child td{border-bottom:none;}
  .fee-table td.placeholder{font-style:italic;}

  .body-copy{max-width:760px;}
  .body-copy p{color:var(--charcoal-soft); font-size:15px; margin-bottom:16px;}
  .body-copy p:last-child{margin-bottom:0;}

  @media (max-width:980px){
    .info-grid{grid-template-columns:1fr;}
    .toc .wrap{
      padding:14px 32px;
      gap:18px;
      flex-wrap:nowrap;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
      -ms-overflow-style:none;
      justify-content:flex-start;
    }
    .toc .wrap::-webkit-scrollbar{display:none;}
    .toc a{flex-shrink:0;}
  }