/* =========================================================
   2026-08-17 — layout and sizing adjustments
   Typography now lives in the original component/page rules.
   This file intentionally contains no font-size/line-height overrides.
   ========================================================= */


/* Landing page layout */

body[data-page="index"] .primary-button { min-height: 42px; padding: 8px 18px;  }
body[data-page="index"] .feature-card { padding: 22px; }


/* Programme detail page layout */
.program-detail-page .program-detail-content { padding: 44px 0 40px; }
.program-detail-page .intro-card { padding: 24px 32px; margin-bottom: 28px; }

.program-detail-page .detail-card-heading img { width: 31px; height: 31px; flex-basis: 31px; }

.program-detail-page .program-meta-card,
.program-detail-page .topics-card,
.program-detail-page .objectives-card-detail,
.program-detail-page .features-card-detail,
.program-detail-page .audience-card { padding: 23px 27px; }


.program-detail-page .meta-row { padding: 11px 0;  }
.program-detail-page .meta-row img { width: 24px; height: 24px; }
.program-detail-page .register-button { min-height: 44px;  }


@media (max-width: 720px) {


  .program-detail-page .intro-card { padding: 21px 18px; }

  .program-detail-page .program-meta-card,
  .program-detail-page .topics-card,
  .program-detail-page .objectives-card-detail,
  .program-detail-page .features-card-detail,
  .program-detail-page .audience-card { padding: 21px 18px; }
}