.page-header { padding: 6.5rem 2rem 2.75rem; text-align: center; }
    .page-header h1 { font-family: 'Playfair Display', serif; font-size: 3.35rem; font-weight: 700; color: var(--text-heading); margin-bottom: 1rem; line-height: 1.1; text-wrap: balance; }
    .page-header p { color: var(--text-80); max-width: 60ch; margin: 0 auto; font-size: 1.05rem; line-height: 1.72; }
    .programme-hero { background: var(--bg-section-light); padding: 2.4rem 2rem; }
    .programme-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 2.1rem; align-items: start; margin-bottom: 1.8rem; }
    .programme-detail h2 { font-family: 'Playfair Display', serif; font-size: 1.65rem; color: var(--gold); margin-bottom: 1rem; line-height: 1.18; }
    .programme-meta { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1rem; }
    .meta-tag { background: var(--gold-alpha-08); border: 1px solid var(--border-medium); color: var(--gold); padding: 0.35rem 0.75rem; border-radius: var(--radius-pill); font-size: 0.8rem; }
    .meta-tag--teal { background: var(--teal-alpha-14); border-color: var(--teal-alpha-30); color: var(--teal-bright); }
    .programme-desc { color: var(--text-body-75); font-size: 1rem; line-height: 1.68; margin-bottom: 1rem; }
    .page-header .section-subtitle-ms,
    .programme-detail .copy-ms,
    .programme-cta .copy-ms {
      display: block;
      margin-top: 0.7rem;
      padding: 0.6rem 0 0.6rem 1rem;
      border-left: 2px solid var(--teal-bright);
      color: var(--teal-bright);
      font-size: 0.95rem;
      font-style: italic;
      font-weight: 500;
      line-height: 1.72;
    }
    .page-header .section-subtitle-ms {
      max-width: 56ch;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
    }
    .programme-cta .copy-ms {
      text-align: left;
    }
    .siapa-sesuai .copy-ms,
    .outcome-box .copy-ms {
      color: var(--text-80);
      border-left-color: var(--gold);
      font-size: 0.92rem;
    }
    .siapa-sesuai { background: var(--teal-alpha-10); border: 1px solid var(--teal-alpha-30); padding: 0.85rem 1rem; margin: 1rem 0; border-radius: var(--radius-sm); }
    .siapa-sesuai h3 { color: var(--teal-bright); font-size: 0.9rem; font-weight: 700; margin-bottom: 0.5rem; letter-spacing: 0; }
    .siapa-sesuai p { color: var(--text-bright); font-size: 0.95rem; margin: 0; }
    .framework-list { list-style: none; margin-top: 1rem; }
    .framework-list li { padding: 0.38rem 0; color: var(--text-80); font-size: 0.9rem; border-bottom: 1px solid var(--border-light); display: flex; align-items: baseline; gap: 0.5rem; }
    .framework-list li::before { content: "▸"; color: var(--gold); }
    .outcome-box { background: var(--gold-alpha-06); border: 1px solid var(--border-strong); border-radius: var(--radius-md); padding: 1.15rem; margin-top: 1rem; }
    .outcome-box h3 { color: var(--gold); font-size: 0.9rem; margin-bottom: 0.75rem; letter-spacing: 0; }
    .outcome-box p { color: var(--text-bright); font-size: 0.95rem; margin: 0; }
    .programme-cta { padding: 3rem 2rem; text-align: center; }
    .programme-cta-heading { font-family: 'Playfair Display', serif; color: var(--text-heading); margin-bottom: 1rem; }
    .programme-cta-copy { color: var(--text-70); max-width: 50ch; margin: 0 auto 2rem; }
    .programme-faq { max-width: 820px; margin: 0 auto; padding: 2.75rem 2rem; }
    .programme-faq .section-heading { font-size: 2.1rem; }
    @media (max-width: 767px) { .programme-detail { grid-template-columns: 1fr; gap: 1.4rem; margin-bottom: 1.25rem; } .page-header { padding: 4.85rem 1.5rem 1.9rem; } .page-header h1 { font-size: 2.35rem; line-height: 1.16; } .page-header p { font-size: 1rem; line-height: 1.7; } .page-header .section-subtitle-ms, .programme-detail .copy-ms, .programme-cta .copy-ms { font-size: 0.9rem; padding: 0.45rem 0 0.45rem 0.8rem; line-height: 1.58; } .programme-detail h2 { font-size: 1.45rem; } .programme-hero { padding: 1.8rem 1.25rem; } }