/* ==========================================================================
   Sistem visual halaman interior STIKES (milik proyek, bukan aset Betheme).

   Halaman placeholder (kebidanan, keperawatan, profesi-ners, dosen,
   pendaftaran, pendaftaran-rpl, pimpinan-universitas) memuat
   `be-a27935fb.css` yang mereset tipografi menjadi:
       font-family: inherit; font-size: 100%; margin: 0; body line-height: 1
   Tema legacy memulihkannya lewat blok inline `mfn-dynamic-inline-css`
   yang hanya ada di halaman turunan legacy. Tanpa pemulihan itu, halaman
   placeholder jatuh ke default browser (Times 16px).

   Berkas ini memulihkan tipografi dan kerangka halaman secara mandiri,
   seluruhnya dilingkupi `body.site-page`, sehingga halaman legacy
   (home, profil, akademik, keuangan, sambutan-rektor) tidak tersentuh.
   ========================================================================== */

body.site-page {
  --site-page-navy: #07162f;
  --site-page-teal: #087ca2;
  --site-page-teal-dark: #004d68;
  --site-page-text: #4a5c68;
  --site-page-surface: #ffffff;
  /* Poppins dimuat lewat css-59f62218.css (sama seperti home); Roboto
     tersedia lokal di assets/fonts sebagai cadangan agar tidak pernah Times. */
  background-color: var(--site-page-surface);
  color: var(--site-page-text);
  font-family: "Poppins", "Roboto", Arial, sans-serif;
  font-size: clamp(1rem, 1.1vw, 1.125rem);
  line-height: 1.75;
  text-rendering: optimizeLegibility;
}

body.site-page main.section {
  display: block;
  padding-block: clamp(4rem, 6vw, 5.5rem);
}

/* `be-a27935fb.css` memberi `.section_wrapper` global `display:flex` dengan
   `flex-wrap:wrap`, sehingga h1/h2/p berbaris menyamping alih-alih menumpuk.
   Dikembalikan ke aliran blok hanya di dalam `body.site-page`; selektor
   `.section_wrapper` global sengaja tidak disentuh agar halaman legacy tetap. */
body.site-page main.section .section_wrapper {
  box-sizing: border-box;
  display: block;
  margin-inline: auto;
  max-width: 1080px;
  padding-inline: clamp(1.5rem, 5vw, 4rem);
  width: 100%;
}

body.site-page main.section h1 {
  color: var(--site-page-navy);
  font-family: inherit;
  font-size: clamp(2.25rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.15;
  margin: 0;
  text-wrap: balance;
}

/* Aksen teal tipis di bawah judul halaman. Murni dekoratif: tidak
   menambah teks, klaim, atau informasi apa pun. */
body.site-page main.section h1::after {
  background: var(--site-page-teal);
  border-radius: 999px;
  content: "";
  display: block;
  height: 3px;
  margin-top: 1.25rem;
  width: 64px;
}

body.site-page main.section h2 {
  color: var(--site-page-navy);
  font-family: inherit;
  font-size: clamp(1.375rem, 2.2vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.3;
  margin: clamp(2.25rem, 3.5vw, 2.75rem) 0 0;
}

body.site-page main.section h3 {
  color: var(--site-page-navy);
  font-family: inherit;
  font-size: clamp(1.15rem, 1.6vw, 1.3rem);
  font-weight: 700;
  line-height: 1.35;
  margin: 1.75rem 0 0;
}

body.site-page main.section p {
  color: var(--site-page-text);
  margin: 0.9rem 0 0;
  max-width: 68ch;
}

body.site-page main.section ul,
body.site-page main.section ol {
  color: var(--site-page-text);
  margin: 0.9rem 0 0;
  max-width: 68ch;
  padding-left: 1.35rem;
}

body.site-page main.section li {
  margin-top: 0.4rem;
}

body.site-page main.section a {
  color: var(--site-page-teal);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  transition: color 160ms ease;
}

body.site-page main.section a:hover {
  color: var(--site-page-teal-dark);
}

body.site-page main.section a:focus-visible,
body.site-page a:focus-visible {
  border-radius: 0.35rem;
  outline: 3px solid var(--site-page-teal);
  outline-offset: 3px;
}

body.site-page main.section > *:first-child,
body.site-page main.section .section_wrapper > *:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  body.site-page main.section {
    padding-block: clamp(2.75rem, 9vw, 3.5rem);
  }

  body.site-page main.section .section_wrapper {
    padding-inline: 1.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-page main.section a {
    transition: none;
  }
}