/* Agenda — aplikasi kalender: kartu putih bersih, chip jam, tab tanggal, warna penanda */
.fam-agenda { --card: color-mix(in oklab, var(--bg) 40%, #fff); --sec-y: clamp(48px, 6vw, 96px); }
.fam-agenda .display em, .fam-agenda .h1 em, .fam-agenda .h2 em { font-style: normal; color: var(--primary-text); }
.fam-agenda .eyebrow { padding: .3rem .7rem; border-radius: 8px; background: var(--tint); }
.fam-agenda .eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--primary); }
.fam-agenda .btn { border-radius: 12px; font-weight: 700; }
.fam-agenda .hdr { background: color-mix(in oklab, var(--bg) 92%, transparent); border-bottom-color: var(--line); }
.fam-agenda .brand__mark { position: relative; border-radius: 10px; overflow: hidden; padding-top: 8px; }
.fam-agenda .brand__mark::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 9px; background: color-mix(in oklab, var(--primary) 60%, #000); }
@media (min-width: 960px) {
  .fam-agenda .nav { gap: 4px; padding: 4px; border-radius: 14px; background: var(--surface); }
  .fam-agenda .nav__a { border-radius: 10px; }
  .fam-agenda .nav__a.is-active { background: var(--card); box-shadow: var(--shadow); }
  .fam-agenda .nav__a.is-active::after { display: none; }
}
.fam-agenda .feat, .fam-agenda .tcard, .fam-agenda .step, .fam-agenda .cinfo, .fam-agenda .fstrip__i { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
.fam-agenda .step::before, .fam-agenda .fstrip__i::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--primary); }
.fam-agenda .step:nth-child(2)::before { background: var(--accent); }
.fam-agenda .step__n { border-radius: 12px; }
.fam-agenda .ptable { border-top-color: var(--line-strong); }
.fam-agenda .ptable__btn { border-radius: 12px; }
.fam-agenda .faq { border: 0; gap: 8px; }
.fam-agenda .faq__i { border: 1px solid var(--line); border-radius: 14px; padding-inline: 16px; background: var(--card); }
.fam-agenda .hours div { padding: 6px 10px; border-radius: 8px; background: var(--surface); }
.fam-agenda .ftr { background: var(--surface); }