/* API Site Core: komponen. Warna dari dokumen master. Emas (#C6A45D) hanya untuk garis, isian tombol, dan teks di atas navy: kontrasnya rendah di atas putih. */
:root {
  --api-navy: #142B4A;
  --api-gold: #C6A45D;
  --api-white: #FFFFFF;
  --api-gray: #F4F6F9;
  --api-text: #263445;
  --api-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --api-measure: 68rem;
}

.api-section { padding-block: clamp(2.5rem, 6vw, 5rem); padding-inline: max(1.25rem, calc((100% - var(--api-measure)) / 2)); color: var(--api-text); }
.api-section--gray { background: var(--api-gray); }
.api-section h2, .api-section h3 { font-family: var(--api-display); color: var(--api-navy); line-height: 1.2; }
.api-section p { max-width: 64ch; line-height: 1.65; }

/* Hero */
.api-hero { background: var(--api-navy); color: var(--api-white); padding-block: clamp(4rem, 10vw, 8rem); }
.api-hero h1 { font-family: var(--api-display); font-weight: 600; font-size: clamp(2.25rem, 6vw, 4rem); line-height: 1.1; color: var(--api-white); margin-top: 0; padding-top: 1.25rem; border-top: 3px solid var(--api-gold); max-width: 18ch; }
.api-hero p { color: #DCE3EC; font-size: 1.125rem; }

/* Tombol */
.api-btn-gold .wp-block-button__link { background: var(--api-gold); color: var(--api-navy); font-weight: 600; border-radius: 2px; }
.api-btn-gold .wp-block-button__link:hover { background: #D6B773; }
.api-btn-outline .wp-block-button__link { background: transparent; color: var(--api-white); border: 1px solid var(--api-gold); border-radius: 2px; }
.api-btn-outline .wp-block-button__link:hover { background: rgba(198, 164, 93, .15); }

/* Ajakan bergabung */
.api-cta { background: var(--api-navy); color: var(--api-white); }
.api-cta h2, .api-cta p { color: var(--api-white); }

/* Agenda */
.api-agenda { list-style: none; margin: 0; padding: 0; }
.api-agenda__item { display: flex; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #D9DFE7; }
.api-agenda__date { flex: 0 0 4.5rem; text-align: center; border-top: 3px solid var(--api-gold); padding-top: .35rem; color: var(--api-navy); }
.api-agenda__day { display: block; font-family: var(--api-display); font-size: 1.9rem; line-height: 1; font-weight: 600; }
.api-agenda__month { display: block; font-size: .8rem; margin-top: .2rem; }
.api-agenda__body h3 { margin: 0 0 .25rem; font-size: 1.1rem; }
.api-agenda__body a { color: var(--api-navy); }
.api-agenda__meta { margin: 0; font-size: .95rem; }

/* Pengurus */
.api-pengurus { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: 1.5rem; }
.api-pengurus__item { margin: 0; }
.api-pengurus__item img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; background: var(--api-gray); }
.api-pengurus__item figcaption { padding-top: .6rem; border-top: 3px solid var(--api-gold); margin-top: .6rem; }
.api-pengurus__item strong { display: block; color: var(--api-navy); }
.api-pengurus__item span { display: block; font-size: .92rem; }

/* Dokumen */
.api-dokumen { list-style: none; margin: 0; padding: 0; }
.api-dokumen li { padding: .85rem 0; border-bottom: 1px solid #D9DFE7; }
.api-dokumen a { color: var(--api-navy); font-weight: 600; }
.api-dokumen__year { color: var(--api-text); font-size: .9rem; margin-left: .5rem; }
.api-dokumen p { margin: .25rem 0 0; font-size: .95rem; }

.api-link { color: var(--api-navy); text-decoration: underline; text-decoration-color: var(--api-gold); text-underline-offset: 3px; }
.api-empty { color: var(--api-text); font-style: italic; }

/* Aksesibilitas */
.api-section a:focus-visible, .api-link:focus-visible, .wp-block-button__link:focus-visible { outline: 3px solid var(--api-gold); outline-offset: 2px; }
.api-hero a:focus-visible, .api-cta a:focus-visible { outline-color: var(--api-white); }
@media (max-width: 600px) { .api-agenda__item { flex-direction: column; gap: .5rem; } .api-agenda__date { text-align: left; flex-basis: auto; width: 4.5rem; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }