/* RA Husnul Khotimah — palet Biru Laut & Kuning (20 Sep 2026).
   Dimuat setelah editorial.css. Hapus berkas ini + baris link di includes/site.php untuk kembali. */
:root{
  --forest:#1F4E79; --forest-deep:#163A5C;
  --ra-navy:#1F4E79; --ra-navy-deep:#163A5C; --ra-yellow:#FFC845; --ra-coral:#FF8A6B; --ra-sky:#DDEFFC; --ra-cream:#FFFDF7;
  --yellow:#FFE7A3; --coral:#FF8A6B; --paper:#FFFDF7;
}
.brand-symbol{background:var(--ra-navy)}
.brand-symbol b{color:var(--ra-yellow)}
.desktop-nav a:after{background:var(--ra-yellow);height:3px;border-radius:3px}
.nav-apply{background:var(--ra-yellow)!important;color:var(--ra-navy-deep)!important;border-radius:999px}
.menu-btn{background:var(--ra-yellow);color:var(--ra-navy-deep)}
.cover-stage{background:var(--ra-navy-deep)}
.cover-label{color:var(--ra-yellow)}
.cover-label:before{background:var(--ra-yellow)}
.cover-copy h1 em{color:var(--ra-yellow)}
.cover-actions a:first-child{background:var(--ra-yellow);color:var(--ra-navy-deep);border-radius:999px}
.cover-note{border-top:5px solid var(--ra-yellow)}
.fact-ribbon b{color:var(--ra-coral)}
.section-index span{color:var(--ra-coral)}

/* ---- Jarak antar bagian dirapatkan (permintaan Heru, 20 Sep 2026) ---- */
.editorial-intro,.sentra-showcase,.principles-section{padding:76px 0}
.journey-section{padding:68px 0}
.home-closing{padding:0 0 68px}
.closing-panel{padding:52px 6%}
.section{padding:64px 0}
.page-hero{padding:64px 56px}
.intro-grid{gap:44px}
.principles-grid{gap:52px}
.editorial-heading{margin-bottom:40px;gap:44px}
.sentra-top{margin-bottom:40px;gap:40px}
.intro-statement h2,.principles-section h2{margin-bottom:28px}
.principles-section h2{margin-top:16px}
.journey-more{margin-top:28px}
.footer-invite{padding-top:56px;padding-bottom:48px;gap:32px}
.editorial-intro h2,.journey-section h2,.sentra-showcase h2,.principles-section h2,.home-closing h2{font-size:clamp(32px,3.5vw,50px);line-height:1.1}
@media (max-width:900px){
  .editorial-intro,.journey-section,.sentra-showcase,.principles-section{padding:52px 0}
  .home-closing{padding:0 0 52px}
  .section{padding:48px 0}
  .page-hero{padding:48px 24px}
  .closing-panel{padding:40px 6%}
  .footer-invite{padding-top:44px;padding-bottom:36px}
  .editorial-heading,.sentra-top{margin-bottom:28px;gap:24px}
  .intro-grid,.principles-grid{gap:28px}
}

/* ---- Footer dirapatkan + logo footer diperbaiki (20 Sep 2026) ---- */
.site-footer .footer-invite{padding-top:44px;padding-bottom:36px;gap:24px;align-items:end}
.site-footer .footer-invite h2{font-size:clamp(28px,3vw,40px);line-height:1.12;margin:0}
.site-footer .footer-grid{padding-top:40px;padding-bottom:32px;gap:32px}
.site-footer .footer-identity p{margin-top:12px}
.site-footer .footer-brand{display:inline-flex;align-items:center;gap:12px;margin:0 0 6px;width:auto}
.site-footer .footer-brand .brand-symbol{display:grid;place-items:center;width:48px;height:48px;margin:0;border-radius:50%;background:var(--ra-yellow)}
.site-footer .footer-brand .brand-symbol i{display:none}
.site-footer .footer-brand .brand-symbol b{display:block;margin:0;color:var(--ra-navy-deep);font:700 14px/1 Georgia,"Times New Roman",serif}
.site-footer .footer-brand .brand-copy{display:flex;flex-direction:column;margin:0;width:auto;line-height:1.2}
.site-footer .footer-brand .brand-copy strong{display:block;margin:0;color:#fff;font-size:18px}
.site-footer .footer-brand .brand-copy small{display:block;margin:3px 0 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65)}
@media (max-width:900px){
  .site-footer .footer-invite{padding-top:36px;padding-bottom:28px}
  .site-footer .footer-grid{padding-top:32px;padding-bottom:24px;gap:24px}
}

/* ---- Logo THI di kiri atas (dan footer) menggantikan lingkaran teks "THI" (20 Sep 2026) ---- */
.brand-logo .brand-symbol,.site-footer .footer-brand .brand-symbol{background:#fff url("../img/logo-thi.jpg") center/86% no-repeat;border-radius:14px;box-shadow:0 2px 10px rgba(22,58,92,.12)}
.brand-logo .brand-symbol b,.brand-logo .brand-symbol i{display:none!important}

.brand-logo .brand-symbol:before,.brand-logo .brand-symbol:after{display:none!important;content:none!important}