/* =============================================================================
   Typography & card polish — brings the rest of the site onto the same type
   system as the university / payback pages (Inter for text, Poppins for display).
   EVERY rule is scoped to body:not(.home-page): the home page is deliberately
   left exactly as it is.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body:not(.home-page){
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:#0f172a;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  letter-spacing:-.005em;
}

body:not(.home-page) p,
body:not(.home-page) li{
  line-height:1.75;
}

/* Display headings: Poppins, tighter tracking, no shouty weights. */
body:not(.home-page) h1,
body:not(.home-page) h2,
body:not(.home-page) h3,
body:not(.home-page) h4,
body:not(.home-page) .card-title,
body:not(.home-page) .section-title{
  font-family:'Poppins','Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
  letter-spacing:-.02em;
  line-height:1.25;
}
body:not(.home-page) h1{font-weight:700}
body:not(.home-page) h2{font-weight:600}
body:not(.home-page) h3,
body:not(.home-page) h4{font-weight:600}

/* Numbers line up in tables and stat rows. */
body:not(.home-page) table td,
body:not(.home-page) table th{font-variant-numeric:tabular-nums}

/* Links: same blue everywhere, underline only on hover. */
body:not(.home-page) .entry-content a:not([class]),
body:not(.home-page) .scholarship-content a:not([class]),
body:not(.home-page) .post-content a:not([class]),
body:not(.home-page) article a:not([class]){color:#197CDD;text-decoration:none}
body:not(.home-page) .entry-content a:not([class]):hover,
body:not(.home-page) .scholarship-content a:not([class]):hover,
body:not(.home-page) .post-content a:not([class]):hover,
body:not(.home-page) article a:not([class]):hover{text-decoration:underline}
body:not(.home-page) a.btn,
body:not(.home-page) a.button,
body:not(.home-page) .btn a{text-decoration:none}

/* Shared card treatment: one radius, one border, one shadow. */
body:not(.home-page) .card,
body:not(.home-page) .box,
body:not(.home-page) .panel{
  border-radius:14px;
  border:1px solid #e6ecf5;
  box-shadow:0 1px 2px rgba(15,23,42,.03),0 8px 24px rgba(15,23,42,.05);
}

/* Buttons keep their colour but gain consistent shape and weight. */
body:not(.home-page) .btn,
body:not(.home-page) button.btn,
body:not(.home-page) input[type=submit]{
  font-family:'Inter',sans-serif;
  font-weight:600;
  border-radius:11px;
  letter-spacing:-.005em;
}

/* Form fields on the module pages read as part of the same system. */
body:not(.home-page) input[type=text],
body:not(.home-page) input[type=email],
body:not(.home-page) input[type=search],
body:not(.home-page) select,
body:not(.home-page) textarea{
  font-family:'Inter',sans-serif;
  border-radius:11px;
}

/* Blockquote / lead paragraphs used across guides and blog posts. */
body:not(.home-page) blockquote{
  border-left:3px solid #197CDD;
  background:#f8fbff;
  border-radius:0 12px 12px 0;
  padding:14px 18px;
  color:#334155;
  font-style:normal;
}

/* Long-form copy in blog and guide pages was running edge to edge on desktop. */
body:not(.home-page) .post-content p,
body:not(.home-page) .entry-content p{max-width:72ch}

/* =============================================================================
   Content lists — one blue asterisk per item, in article copy only. Navigation,
   breadcrumbs, tabs and card decks keep their own list styling.
   ========================================================================== */
body:not(.home-page) .entry-content ul,
body:not(.home-page) .scholarship-content ul,
body:not(.home-page) .post-content ul,
body:not(.home-page) .about ul,
body:not(.home-page) article ul{
  list-style:none;
  padding-left:2px;
  margin:14px 0 18px;
}
body:not(.home-page) .entry-content ul > li,
body:not(.home-page) .scholarship-content ul > li,
body:not(.home-page) .post-content ul > li,
body:not(.home-page) .about ul > li,
body:not(.home-page) article ul > li{
  list-style:none;               /* kill any native bullet a theme rule re-enabled */
  position:relative;
  padding:0 0 0 28px;
  margin:0 0 10px;
  line-height:1.7;
}
body:not(.home-page) .entry-content ul > li::marker,
body:not(.home-page) .scholarship-content ul > li::marker,
body:not(.home-page) .post-content ul > li::marker,
body:not(.home-page) .about ul > li::marker,
body:not(.home-page) article ul > li::marker{content:""}
body:not(.home-page) .entry-content ul > li::before,
body:not(.home-page) .scholarship-content ul > li::before,
body:not(.home-page) .post-content ul > li::before,
body:not(.home-page) .about ul > li::before,
body:not(.home-page) article ul > li::before{
  content:"\2733";
  position:absolute;
  left:3px;
  top:0;
  color:#197CDD;
  font-size:13px;
  line-height:1.85;
}
/* Structural lists that happen to live inside content wrappers stay untouched. */
body:not(.home-page) .entry-content nav ul > li::before,
body:not(.home-page) .entry-content .breadcrumb > li::before,
body:not(.home-page) .entry-content .explore-more li::before,
body:not(.home-page) article nav ul > li::before{content:none}
body:not(.home-page) .entry-content nav ul > li,
body:not(.home-page) .entry-content .explore-more li,
body:not(.home-page) article nav ul > li{padding-left:0}