/* Haptic UI hijau: Pendidikan NTT. Rollback: hapus <link> pendidikanntt-clay di view */
body.pendidikanntt-page {
  --primary-green: #16a974; --accent: #0f9d6a; --dark-green: #0b5d45; --orange: #f58a24;
  --bg-dark: #eef5f1; --bg-card: rgba(255,255,255,.72);
  --text-primary: #12362c; --text-secondary: #4f6b61; --text-muted: #7a9288;
  --border-color: rgba(255,255,255,.9);
  --glass: linear-gradient(160deg, rgba(255,255,255,.82), rgba(255,255,255,.42));
  --hap: 0 22px 30px -16px rgba(16,90,66,.3), 0 6px 12px -6px rgba(16,90,66,.12),
         inset 0 0 0 1.5px rgba(255,255,255,.95), inset 0 0 0 4px rgba(190,225,210,.35),
         inset 0 7px 11px rgba(255,255,255,.85), inset 0 -8px 12px rgba(150,205,180,.2);
  --hap-sm: 0 12px 18px -10px rgba(16,90,66,.32),
            inset 0 0 0 1.5px rgba(255,255,255,.95), inset 0 0 0 3.5px rgba(190,225,210,.35),
            inset 0 4px 8px rgba(255,255,255,.85), inset 0 -5px 8px rgba(150,205,180,.2);
  --tray: inset 4px 4px 9px rgba(16,90,66,.14), inset -4px -4px 9px rgba(255,255,255,.95);
  --knob: linear-gradient(160deg, #4ade80 0%, #12a874 55%, #0b6b4d 100%);
  --knob-shadow: 0 10px 16px -6px rgba(11,107,77,.55),
                 inset 0 2px 3px rgba(255,255,255,.55), inset 0 -4px 6px rgba(0,60,40,.3);
  background:
    radial-gradient(50% 40% at 90% 8%, rgba(134,239,172,.45), transparent 70%),
    radial-gradient(45% 40% at 5% 55%, rgba(110,231,183,.35), transparent 70%),
    #eef5f1 fixed;
  color: var(--text-primary);
}

/* ===== Header situs (hanya halaman ini; menu mobile tetap asli) ===== */
body.pendidikanntt-page .site-header, body.pendidikanntt-page .site-header.scrolled {
  background: rgba(238,245,241,.78); border-bottom: 1px solid #fff;
  box-shadow: 0 12px 26px -16px rgba(16,90,66,.4);
}
body.pendidikanntt-page .title-text { background: none; -webkit-text-fill-color: #0b5d45; color: #0b5d45; }
body.pendidikanntt-page .nav-capsule { background: var(--glass); border: 0; box-shadow: var(--hap-sm); }
body.pendidikanntt-page .nav-menu a { color: #4f6b61; }
body.pendidikanntt-page .nav-menu a::before { background: rgba(22,169,116,.12); }
body.pendidikanntt-page .nav-menu a:hover { color: #0f9d6a; }
body.pendidikanntt-page .nav-menu a.active {
  background: var(--knob); color: #fff; border: 0; box-shadow: var(--knob-shadow);
}
body.pendidikanntt-page .search-toggle, body.pendidikanntt-page .menu-toggle {
  background: var(--glass); border: 0; color: #12362c; box-shadow: var(--hap-sm);
}
body.pendidikanntt-page .menu-toggle span { background: #12362c; }
body.pendidikanntt-page .menu-toggle:hover span { background: #0f9d6a; }

/* ===== Hero: panel kaca di atas foto ===== */
.pendidikanntt-page .page-header { border-radius: 0 0 44px 44px; box-shadow: 0 30px 40px -28px rgba(16,90,66,.5); }
.pendidikanntt-page .header-backdrop {
  background: linear-gradient(180deg, rgba(8,70,52,.38), rgba(226,245,236,.5));
}
.pendidikanntt-page .header-backdrop::after { display: none; }
.pendidikanntt-page .header-content {
  padding: 2.4rem 3rem; border-radius: 40px; max-width: 680px;
  background: var(--glass); backdrop-filter: blur(18px); box-shadow: var(--hap);
}
.pendidikanntt-page .header-label {
  background: rgba(255,255,255,.85); color: var(--dark-green); border: 0; box-shadow: var(--hap-sm);
}
.pendidikanntt-page .header-label::before {
  content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%;
  background: var(--orange); box-shadow: 0 0 0 3px rgba(245,138,36,.22);
}
.pendidikanntt-page .page-title { color: var(--text-primary); text-shadow: 0 2px 0 #fff, 0 12px 22px rgba(16,90,66,.2); }
.pendidikanntt-page .page-subtitle { color: var(--text-secondary); text-shadow: none; }

/* ===== Kartu hero berita ===== */
.pendidikanntt-page .card-hero {
  border: 8px solid rgba(255,255,255,.8); border-radius: 36px; background: #fff;
  box-shadow: var(--hap), 0 34px 50px -26px rgba(16,90,66,.5);
}
.pendidikanntt-page .card-hero-image { border-radius: 26px; }
.pendidikanntt-page .image-overlay {
  background: linear-gradient(to top, rgba(5,52,38,.94) 0%, rgba(5,52,38,.55) 42%, rgba(5,52,38,.12) 75%, transparent 100%);
}
.pendidikanntt-page .badge-category { background: var(--knob); box-shadow: var(--knob-shadow); }
.pendidikanntt-page .hero-excerpt { color: rgba(255,255,255,.86); }
.pendidikanntt-page .hero-meta { color: #86efac; }

/* ===== Panel samping "Berita Terkini" ===== */
.pendidikanntt-page .sidebar-section {
  background: var(--glass); border: 0; border-radius: 36px; box-shadow: var(--hap); backdrop-filter: blur(16px);
}
.pendidikanntt-page .sidebar-title { color: var(--dark-green); }
.pendidikanntt-page .title-line {
  position: relative; width: 96px; height: 8px; border-radius: 8px;
  background: var(--tray);
}
.pendidikanntt-page .title-line::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 58%; border-radius: 8px; background: var(--knob);
}
.pendidikanntt-page .title-line::after {
  content: ""; position: absolute; left: calc(58% - 9px); top: 50%; width: 18px; height: 18px; margin-top: -9px;
  border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #e3f3ea);
  box-shadow: 0 4px 8px rgba(16,90,66,.35), 0 0 0 3px rgba(245,138,36,.0);
}
.pendidikanntt-page .card-compact {
  background: rgba(255,255,255,.6); border: 0; border-radius: 24px; padding: .6rem; margin-bottom: .9rem;
  box-shadow: var(--hap-sm);
}
.pendidikanntt-page .card-compact:last-child { margin-bottom: 0; padding-bottom: .6rem; }
.pendidikanntt-page .compact-image { border-radius: 16px; box-shadow: var(--tray), 0 0 0 3px #fff; }
.pendidikanntt-page .image-badge { background: var(--knob); border-radius: 999px; box-shadow: var(--knob-shadow); }
.pendidikanntt-page .compact-date { color: var(--text-muted); }
.pendidikanntt-page .compact-date .icon-sm { color: var(--orange); }

/* ===== Kartu standar ===== */
.pendidikanntt-page .card-standard {
  background: var(--glass); border: 0; border-radius: 30px; padding: .7rem; backdrop-filter: blur(14px);
  box-shadow: var(--hap); transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s;
}
.pendidikanntt-page .card-standard:hover {
  border: 0; transform: translateY(-8px);
  box-shadow: var(--hap), 0 30px 44px -22px rgba(16,90,66,.45), 0 0 34px rgba(74,222,128,.3);
}
.pendidikanntt-page .card-image { border-radius: 22px; box-shadow: var(--tray); height: 210px; }
.pendidikanntt-page .image-gradient { background: linear-gradient(to top, rgba(8,70,52,.4), transparent); }
.pendidikanntt-page .card-body { padding: 1.2rem .9rem .8rem; }
.pendidikanntt-page .card-category {
  color: var(--dark-green); background: rgba(255,255,255,.85); padding: 5px 12px; border-radius: 999px;
  box-shadow: var(--hap-sm);
}
.pendidikanntt-page .card-category::before {
  content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--orange);
}
.pendidikanntt-page .card-title { color: var(--text-primary); }

/* ===== HP & aksesibilitas ===== */
@media (max-width: 768px) {
  .pendidikanntt-page .header-content { padding: 1.8rem 1.4rem; border-radius: 30px; backdrop-filter: none; }
  .pendidikanntt-page .page-header { border-radius: 0 0 30px 30px; }
  .pendidikanntt-page .sidebar-section, .pendidikanntt-page .card-standard { backdrop-filter: none; border-radius: 26px; }
  .pendidikanntt-page .card-hero { border-width: 5px; border-radius: 28px; }
  .pendidikanntt-page .card-standard:hover { transform: translateY(-4px); }
}
@media (prefers-reduced-motion: reduce) {
  .pendidikanntt-page * { transition-duration: .01ms !important; }
}