/* PathFinder shared visual system
   IMPORTANT: this stylesheet must never override the shared Saraswat Academy
   header/footer or page-specific PathFinder/university styles.
*/

.pathfinder-page{
  --pf-bg:#f5f7fb;
  --pf-surface:#ffffff;
  --pf-surface-soft:#f8fafc;
  --pf-text:#1f2937;
  --pf-muted:#64748b;
  --pf-heading:#12345b;
  --pf-primary:#0f766e;
  --pf-primary-dark:#115e59;
  --pf-accent:#2563eb;
  --pf-border:#dbe3ec;
  --pf-border-soft:#e7edf3;
  --pf-shadow:0 8px 24px rgba(15,23,42,.06);
  background:var(--pf-bg);
}

/* Box sizing is safe for PathFinder content only. */
:where(.pathfinder-page > main),
:where(.pathfinder-page > main) *,
:where(.pathfinder-page > main) *::before,
:where(.pathfinder-page > main) *::after{
  box-sizing:border-box;
}

/* Do NOT set generic h1/h2/h3/p/a colors or fonts here.
   Individual PathFinder pages already define their own typography. */

/* Homepage hero: keep its intended white text even when other site CSS
   contains generic heading/paragraph rules. */
.pathfinder-page > main .pf-hero h1{
  color:#ffffff;
}
.pathfinder-page > main .pf-hero p{
  color:#e5edf7;
}

/* Tables: provide only a neutral responsive safety layer.
   Page-specific university table CSS remains in control of colors/design. */
:where(.pathfinder-page > main) table{
  width:100%;
  max-width:100%;
  margin:18px 0;
  border-collapse:separate;
  border-spacing:0;
}

:where(.pathfinder-page > main) img{
  max-width:100%;
  height:auto;
}

:where(.pathfinder-page > main) .nims-table-wrap,
:where(.pathfinder-page > main) .mnit-table-wrap,
:where(.pathfinder-page > main) .amity-table-wrap,
:where(.pathfinder-page > main) .muj-table-wrap,
:where(.pathfinder-page > main) .jecrc-table-wrap,
:where(.pathfinder-page > main) .jnu-table-wrap,
:where(.pathfinder-page > main) .sgvu-table-wrap,
:where(.pathfinder-page > main) .poornima-table-wrap,
:where(.pathfinder-page > main) .vgu-table-wrap,
:where(.pathfinder-page > main) .table-responsive{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* Keep the shared Saraswat Academy header completely independent. */
.pathfinder-page > #header{
  color:inherit;
  font-family:inherit;
}

@media (max-width:700px){
  :where(.pathfinder-page > main){
    width:100%;
    max-width:100%;
  }

  :where(.pathfinder-page > main) img{
    max-width:100%;
  }
}