/* ── Compact inner-page header ──────────────────────────────────────────────
   Overrides per-template inline hero styles (height: Xvh, background: hero.jpg)
   with a lightweight title bar. No template edits required.
   ────────────────────────────────────────────────────────────────────────── */
.hk-page-header {
    background: #fafafa !important;
    border-bottom: 1px solid #ebebeb;
    padding: 2rem 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
}

/* Remove the dark overlay div */
.hk-page-header > div {
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

/* Container spacing */
.hk-page-header .container {
    padding-bottom: 0 !important;
}

/* Text colours — flip from white to dark */
.hk-page-header h1,
.hk-page-header h2,
.hk-page-header .breadcrumb-item,
.hk-page-header .breadcrumb-item a {
    color: #1a1a1a !important;
}

.hk-page-header p,
.hk-page-header .lead,
.hk-page-header .text-white-50 {
    color: #666 !important;
}

.hk-page-header .breadcrumb-item a:hover {
    color: var(--bs-primary) !important;
    text-decoration: underline;
}

.hk-page-header .breadcrumb-item + .breadcrumb-item::before {
    color: #aaa !important;
}

/* Justify breadcrumb left on all screens (was centered on mobile) */
.hk-page-header .breadcrumb {
    justify-content: flex-start !important;
}

.index-page {
  padding: 2rem;
  text-align: center;
}

.index-page h1 {
  font-size: 3rem; /* Larger size for emphasis */
  font-weight: 700; /* Bold */
  line-height: 1.2; /* Slightly increased for readability */
  margin-bottom: 2rem; /* Spacing below the heading */
}

.index-page p {
  font-size: 1.07rem; /* Slightly larger for readability */
  line-height: 1.4; /* Increased line height for visual appeal */
  color: #555; /* Softer gray for readability */
  margin-bottom: 2rem; /* Spacing below the heading */
}/*# sourceMappingURL=page-headers.css.map */