/* ====== HERO TICKER (Pengumuman & Agenda sebagai text bar, ganti section berdiri sendiri) ====== */
.hero-ticker{position:relative;z-index:2;display:flex;align-items:center;gap:14px;background:#ffffff14;border:1px solid #ffffff30;border-radius:9px;padding:10px 16px;margin-top:22px;backdrop-filter:blur(6px);max-width:650px}
.hero-ticker-badge{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#f3bd61;white-space:nowrap}
.hero-ticker-track{position:relative;flex:1;min-width:0;height:18px;overflow:hidden}
.hero-ticker-item{position:absolute;inset:0;font-size:12px;color:#eaf3f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}
.hero-ticker-item.active{opacity:1;transform:translateY(0)}
.hero-ticker-item b{color:#fff;font-weight:700}
.hero-ticker-dots{display:flex;gap:5px;flex-shrink:0}
.hero-ticker-dots span{width:5px;height:5px;border-radius:50%;background:#ffffff40;transition:background .2s}
.hero-ticker-dots span.active{background:#f3bd61}

@media(max-width:700px){
  .hero-ticker{margin-top:16px;padding:9px 13px;max-width:none;gap:10px}
  .hero-ticker-badge{font-size:9px}
  .hero-ticker-item{font-size:11px}
}

/* ====== ZONA DIGITAL TRIAGE (3 kartu bersih pengganti citizen-quick lama) ====== */
.citizen-triage{padding:56px 0 24px;background:var(--sand)}
.citizen-triage .container{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.triage-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #dbe7ea;border-radius:12px;padding:26px 24px;color:#103c50;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.triage-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(7,60,83,.35)}
.triage-icn{width:46px;height:46px;border-radius:11px;background:#e7f3f5;color:var(--ocean);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.triage-card strong{font-size:16px;font-weight:700}
.triage-card span{font-size:12px;color:var(--ink-soft);line-height:1.6}

/* ====== Pemisah visual kotak Lacak vs Formulir (Law of Proximity) ====== */
.panel-soft{background:#f3f6f7;border:1px solid #e2eaec;border-radius:12px;padding:24px}
.panel-clean{background:#fff;border:1px solid #dbe7ea;border-radius:12px;box-shadow:0 10px 30px -22px rgba(7,60,83,.3)}
.quick-form-placeholder{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:34px 28px;text-align:left}
.quick-form-placeholder h3{font-size:17px;margin:2px 0 0}
.quick-form-placeholder p{font-size:12.5px;color:var(--ink-soft);margin:0;line-height:1.7}

@media(max-width:700px){
  .citizen-triage{padding:36px 0 16px}
  .citizen-triage .container{grid-template-columns:1fr;gap:12px}
  .triage-card{padding:20px 18px}
}

@media(max-width:700px){

  /* --- Kabar Desa (berita): placeholder & ringkasan dipadatkan --- */
  .news-placeholder{padding:16px;min-height:110px}
  .news-placeholder strong{font-size:18px;margin:8px 0}
  .news-content{padding:16px}
  .news-content h3{font-size:17px;margin-bottom:8px}
  .news-content p{font-size:12px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .news-meta{margin-bottom:10px}
  .bajugan-news-grid>.bajugan-news-card:nth-child(n+4){display:none}

  /* --- Potensi & Keunggulan (wisata): kartu dipadatkan --- */
  .potential-grid{gap:14px}
  .potential-card{padding:18px}
  .potential-icon{margin-bottom:14px}
  .potential-icon svg{width:24px;height:24px}
  .potential-card h3{font-size:19px;margin-bottom:8px}
  .potential-card p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .coast-ribbon{padding:18px}
  .coast-ribbon>span{font-size:38px}

  /* --- Etalase BUMDes: foto & deskripsi dipadatkan --- */
  .product-grid{gap:16px}
  .product-art{height:150px}
  .product-copy{padding:16px}
  .product-copy h3{font-size:18px;max-width:none}
  .product-copy p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .product-bottom{padding-top:12px}

  /* --- Sapaan Kades (profil): foto dipadatkan --- */
  .portrait-frame{min-height:320px;max-height:320px}
  .welcome-copy h2{font-size:28px}

  /* --- Perangkat Desa: kartu lebih padat lagi --- */
  .team-grid{gap:10px}
  .team-card{padding:14px 10px}
  .team-photo{width:56px;height:56px;margin-bottom:8px}
  .team-card h3{font-size:12.5px}
  .team-card span{font-size:10px}

  /* --- Anggaran: rapatkan sedikit --- */
  .allocation-list article{padding:14px 0}
  .allocation-list p{margin:6px 0 8px}
  .budget-income{padding:18px}
  .budget-allocation{padding:18px}

  /* --- Form pengajuan & lacak: padding lebih pas --- */
  .quick-form{padding:18px}
  .status-track-box{flex-direction:column}
  .status-track-box input{width:100%}
}