/* Halaman kota (/training-sertifikasi-{slug}/{kota}[/{bulan}]): re-skin bagian Bootstrap lama agar senada dengan hero baru.
   Semua aturan di bawah .lc-page agar tidak bocor ke halaman lain. */
.lc-page { background: #fff; }
.lc-page section { font-family: "Inter", system-ui, sans-serif; color: var(--jh-ink); }
.lc-page h1, .lc-page h2, .lc-page h3, .lc-page h4, .lc-page .section-title, .lc-page .display-6 { font-family: "Fraunces", Georgia, serif; color: var(--jh-ink); letter-spacing: -.005em; }
.lc-page .bg-light { background: var(--jh-cream) !important; }
.lc-page .bg-primary { background: linear-gradient(160deg, var(--jh-deep), var(--jh-forest-2)) !important; }
.lc-page .bg-primary h1, .lc-page .bg-primary h2, .lc-page .bg-primary h3, .lc-page .bg-primary h4 { color: #fff; }
.lc-page .text-primary { color: var(--jh-forest) !important; }
.lc-page .bg-primary .text-primary { color: var(--jh-gold) !important; }
.lc-page .text-muted { color: var(--jh-muted) !important; }
.lc-page .card { border: 1px solid var(--jh-line) !important; border-radius: 16px; box-shadow: none !important; }
.lc-page .card:hover { border-color: var(--jh-gold) !important; }
.lc-page .shadow-sm, .lc-page .shadow, .lc-page .shadow-lg { box-shadow: none !important; }
.lc-page .rounded-3, .lc-page .rounded-4 { border-radius: 14px !important; }
.lc-page .badge.bg-primary, .lc-page .badge.bg-gradient { background: var(--jh-forest) !important; color: #fff; font-weight: 600; letter-spacing: .02em; }
.lc-page .btn { border-radius: 10px; font-weight: 700; }
.lc-page .btn-warning { background: var(--jh-gold); border-color: var(--jh-gold); color: #1b1203; }
.lc-page .btn-warning:hover { background: #f7ae36; border-color: #f7ae36; color: #1b1203; }
.lc-page .btn-primary { background: var(--jh-forest); border-color: var(--jh-forest); }
.lc-page .btn-primary:hover { background: var(--jh-forest-2); border-color: var(--jh-forest-2); }
.lc-page .btn-outline-primary { color: var(--jh-forest); border-color: var(--jh-forest); }
.lc-page .btn-outline-primary:hover { background: var(--jh-forest); color: #fff; }
.lc-page .accordion-item { border: 1px solid var(--jh-line); border-radius: 12px !important; margin-bottom: 10px; overflow: hidden; }
.lc-page .accordion-button:not(.collapsed) { background: var(--jh-cream); color: var(--jh-ink); box-shadow: none; }
.lc-page .table thead th { background: var(--jh-cream); font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: var(--jh-muted); }
.lc-page :focus-visible { outline: 3px solid var(--jh-gold); outline-offset: 2px; }
.lc-page img { max-width: 100%; }
@media (prefers-reduced-motion: reduce) { .lc-page * { animation: none !important; transition: none !important; } }