.apotek-bpjs-madiun__header { background: var(--abm-color-white); }
.apotek-bpjs-madiun__header-inner { display: flex; min-height: 8.5rem; align-items: center; justify-content: space-between; gap: var(--abm-space-5); }
.apotek-bpjs-madiun__brand { display: inline-flex; align-items: center; gap: var(--abm-space-3); color: var(--abm-color-deep-teal); font-size: 1.25rem; font-weight: 850; line-height: 1.05; text-decoration: none; }
.apotek-bpjs-madiun__brand-mark { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: .875rem; background: var(--abm-color-teal); color: var(--abm-color-white); }
.apotek-bpjs-madiun__nav-list { display: flex; align-items: center; justify-content: flex-end; gap: clamp(.75rem, 2vw, 1.5rem); margin: 0; padding: 0; list-style: none; }
.apotek-bpjs-madiun__nav-list a { color: var(--abm-color-text); font-size: .9375rem; font-weight: 750; text-decoration: none; }
.apotek-bpjs-madiun__nav-list a[aria-current="page"] { color: var(--abm-color-teal); text-decoration: underline; text-underline-offset: .35rem; }
.apotek-bpjs-madiun__menu-toggle { display: none; }

.apotek-bpjs-madiun__hero { padding-block: clamp(3rem, 5vw, 4.75rem); background: var(--abm-color-deep-teal); color: var(--abm-color-white); }
.apotek-bpjs-madiun__hero .apotek-bpjs-madiun__eyebrow { color: #F5D98E; }
.apotek-bpjs-madiun__hero h1 { margin: 0 0 var(--abm-space-4); color: var(--abm-color-white); }
.apotek-bpjs-madiun__hero .abm-prose { color: #DDEBE6; }
.apotek-bpjs-madiun__hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 4vw, 3.375rem); align-items: center; }
.apotek-bpjs-madiun__hero-actions { display: flex; flex-wrap: wrap; gap: var(--abm-space-3); margin-top: var(--abm-space-5); }
.apotek-bpjs-madiun__hero-badges { display: flex; flex-wrap: wrap; gap: var(--abm-space-2); margin: var(--abm-space-5) 0 0; padding: 0; list-style: none; }
.apotek-bpjs-madiun__hero-badges li { padding: .45rem .75rem; border-radius: var(--abm-radius-pill); background: var(--abm-color-paper); color: var(--abm-color-deep-teal); font-size: .875rem; font-weight: 700; }
.apotek-bpjs-madiun__hero-visual { overflow: hidden; border-radius: var(--abm-radius-large); background: var(--abm-color-mist); }
.apotek-bpjs-madiun__hero-visual img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }

.apotek-bpjs-madiun__verification { padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: 2.25rem; background: var(--abm-color-mist); }
.apotek-bpjs-madiun__transparency { border-radius: var(--abm-radius-large); background: var(--abm-color-deep-teal); color: var(--abm-color-white); }
.apotek-bpjs-madiun__transparency h2 { color: var(--abm-color-white); }
.apotek-bpjs-madiun__transparency .abm-prose { color: #DDEBE6; }

.apotek-bpjs-madiun__footer { padding-block: 3rem 1.75rem; background: var(--abm-color-deep-teal); color: var(--abm-color-white); }
.apotek-bpjs-madiun__footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: var(--abm-space-5); }
.apotek-bpjs-madiun__footer a { color: var(--abm-color-white); }
.apotek-bpjs-madiun__footer ul { margin: 0; padding: 0; list-style: none; }
.apotek-bpjs-madiun__footer li + li { margin-top: var(--abm-space-2); }

/* Shared shell and page-composition classes emitted by the templates. */
.apotek-bpjs-madiun__site-header { position: relative; background: var(--abm-color-white); border-bottom: 1px solid rgb(211 224 218 / 68%); }
.apotek-bpjs-madiun__header-inner { display: flex; min-height: 8.5rem; align-items: center; justify-content: space-between; gap: var(--abm-space-5); }
.apotek-bpjs-madiun__brand { display: inline-flex; align-items: center; gap: var(--abm-space-3); color: var(--abm-color-deep-teal); font-size: 1.125rem; font-weight: 850; line-height: 1.08; text-decoration: none; }
.apotek-bpjs-madiun__brand-mark { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: .875rem; background: var(--abm-color-teal); color: var(--abm-color-white); }
.apotek-bpjs-madiun__brand-name,
.apotek-bpjs-madiun__brand-note { display: block; }
.apotek-bpjs-madiun__brand-note { margin-top: .15rem; color: var(--abm-color-muted); font-size: .6875rem; font-weight: 700; }
.apotek-bpjs-madiun__primary-nav { min-width: 0; }
.apotek-bpjs-madiun__menu-list { display: flex; align-items: center; justify-content: flex-end; gap: clamp(.75rem, 2vw, 1.5rem); margin: 0; padding: 0; list-style: none; }
.apotek-bpjs-madiun__menu-list a { color: var(--abm-color-text); font-size: .9375rem; font-weight: 750; text-decoration: none; }
.apotek-bpjs-madiun__menu-list a:hover { color: var(--abm-color-teal); }
.apotek-bpjs-madiun__menu-list a[aria-current="page"] { color: var(--abm-color-teal); text-decoration: underline; text-underline-offset: .35rem; }
.apotek-bpjs-madiun__menu-toggle { display: none; }

.apotek-bpjs-madiun__hero { padding-block: clamp(3rem, 5vw, 4.75rem); background: var(--abm-color-deep-teal); color: var(--abm-color-white); }
.apotek-bpjs-madiun__hero .apotek-bpjs-madiun__eyebrow { color: #F5D98E; }
.apotek-bpjs-madiun__hero h1 { margin: 0 0 var(--abm-space-4); color: var(--abm-color-white); }
.apotek-bpjs-madiun__hero-description { max-width: 39rem; margin: 0; color: #DDEBE6; }
.apotek-bpjs-madiun__hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 4vw, 3.375rem); align-items: center; }
.apotek-bpjs-madiun__button-row { display: flex; flex-wrap: wrap; gap: var(--abm-space-3); margin-top: var(--abm-space-5); }
.apotek-bpjs-madiun__badge-list { display: flex; flex-wrap: wrap; gap: var(--abm-space-2); margin: var(--abm-space-5) 0 0; padding: 0; list-style: none; }
.apotek-bpjs-madiun__badge-list li { padding: .45rem .75rem; border-radius: var(--abm-radius-pill); background: var(--abm-color-paper); color: var(--abm-color-deep-teal); font-size: .875rem; font-weight: 700; }
.apotek-bpjs-madiun__hero-media { overflow: hidden; border-radius: var(--abm-radius-large); background: var(--abm-color-mist); }
.apotek-bpjs-madiun__hero-media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.apotek-bpjs-madiun__hero-media .apotek-bpjs-madiun__media-placeholder { aspect-ratio: 4 / 3; min-height: 0; }

.apotek-bpjs-madiun__section--mist { background: var(--abm-color-mist); }
.apotek-bpjs-madiun__verification { padding-block: var(--abm-section-space); background: var(--abm-color-mist); }
.apotek-bpjs-madiun__verification-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: var(--abm-radius-large); background: var(--abm-color-white); }
.apotek-bpjs-madiun__verification h2 { margin: 0; }
.apotek-bpjs-madiun__numbered-list { display: grid; gap: var(--abm-space-4); margin: 0; padding: 0; list-style: none; counter-reset: abm-step; }
.apotek-bpjs-madiun__numbered-list li { position: relative; padding-left: 3.25rem; counter-increment: abm-step; }
.apotek-bpjs-madiun__numbered-list li::before { content: counter(abm-step, decimal-leading-zero); position: absolute; left: 0; top: 0; color: var(--abm-color-teal); font-size: .875rem; font-weight: 900; letter-spacing: .08em; }
.apotek-bpjs-madiun__numbered-list h3 { margin: 0 0 var(--abm-space-1); }
.apotek-bpjs-madiun__numbered-list p { margin: 0; color: var(--abm-color-muted); }

.apotek-bpjs-madiun__transparency { padding: clamp(1.5rem, 4vw, 3rem); border-radius: var(--abm-radius-large); background: var(--abm-color-deep-teal); color: var(--abm-color-white); }
.apotek-bpjs-madiun__transparency h2 { margin-top: 0; color: var(--abm-color-white); }
.apotek-bpjs-madiun__transparency > p:not(.apotek-bpjs-madiun__eyebrow) { max-width: 46rem; margin-bottom: 0; color: #DDEBE6; }
.apotek-bpjs-madiun__disclaimer { display: flex; align-items: center; justify-content: space-between; gap: var(--abm-space-5); padding: clamp(1.5rem, 4vw, 3rem); border-radius: var(--abm-radius-large); background: var(--abm-color-deep-teal); color: var(--abm-color-white); }
.apotek-bpjs-madiun__disclaimer h2 { max-width: 42rem; margin: 0; color: var(--abm-color-white); }
.apotek-bpjs-madiun__disclaimer .apotek-bpjs-madiun__eyebrow { color: #F5D98E; }

.apotek-bpjs-madiun__site-footer { padding-block: 3rem 1.75rem; background: var(--abm-color-deep-teal); color: var(--abm-color-white); }
.apotek-bpjs-madiun__footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: var(--abm-space-6); }
.apotek-bpjs-madiun__site-footer h2 { margin-top: 0; color: var(--abm-color-white); font-size: 1.1rem; letter-spacing: 0; }
.apotek-bpjs-madiun__site-footer p { color: #DDEBE6; }
.apotek-bpjs-madiun__site-footer a { color: var(--abm-color-white); }
.apotek-bpjs-madiun__site-footer ul { margin: 0; padding: 0; list-style: none; }
.apotek-bpjs-madiun__site-footer li + li { margin-top: var(--abm-space-2); }
.apotek-bpjs-madiun__footer-menu { margin: 0; padding: 0; list-style: none; }
.apotek-bpjs-madiun__footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: var(--abm-space-4); margin-top: var(--abm-space-6); padding-top: var(--abm-space-4); border-top: 1px solid rgb(255 255 255 / 20%); }
.apotek-bpjs-madiun__footer-bottom p { margin: 0; font-size: .875rem; }

.apotek-bpjs-madiun__page-header,
.apotek-bpjs-madiun__single-header { margin-bottom: var(--abm-space-6); }
.apotek-bpjs-madiun__page-header h1,
.apotek-bpjs-madiun__single-header h1 { margin: 0; }
.apotek-bpjs-madiun__page-content,
.apotek-bpjs-madiun__single-content { color: var(--abm-color-muted); }
.apotek-bpjs-madiun__single-header > img { width: 100%; height: auto; margin-top: var(--abm-space-5); border-radius: var(--abm-radius-card); }


/* Compact desktop navigation: retain all labels without wrapping. */
.apotek-bpjs-madiun__site-header .apotek-bpjs-madiun__menu-list {
  gap: clamp(.625rem, 1.25vw, 1rem);
}

.apotek-bpjs-madiun__site-header .apotek-bpjs-madiun__menu-list a {
  font-size: .875rem;
  white-space: nowrap;
}