.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
  border: 0;
  box-shadow: none;
}

.entry-content > .wp-block-group:first-child.apotek-bpjs-sleman__hero,
.entry-content > .wp-block-group:first-child.apotek-bpjs-sleman__page-hero {
  margin-top: 0;
}

.home .apotek-bpjs-sleman__editorial-shell {
  margin-block: 0;
  padding-block: 0;
}

.home #primary.apotek-bpjs-sleman__editorial-shell {
  margin: 0;
  padding: 0;
}

.apotek-bpjs-sleman__article-feed .wp-block-post-template {
  gap: var(--abs-space-4);
}

.apotek-bpjs-sleman__article-card {
  background: var(--abs-white);
  border: 1px solid var(--abs-border);
  border-radius: var(--abs-radius);
  height: 100%;
  box-sizing: border-box;
  min-width: 0;
  overflow-wrap: anywhere;
  padding: var(--abs-space-4);
}

.apotek-bpjs-sleman__hero-art img {
  display: block;
  height: auto;
  max-width: 100%;
}

.apotek-bpjs-sleman__editorial-shell {
  padding-block: var(--abs-space-7);
}

/* Keep the native WordPress page title available to assistive technology while custom hero blocks lead visually. */
.apotek-bpjs-sleman__page-content > .entry-header {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.apotek-bpjs-sleman__page-content .entry-content > :not(.apotek-bpjs-sleman__hero):not(.apotek-bpjs-sleman__page-hero) {
  margin-inline: auto;
}

.apotek-bpjs-sleman__archive-header,
.apotek-bpjs-sleman__single .entry-header {
  margin-bottom: var(--abs-space-6);
}

.apotek-bpjs-sleman__article-grid {
  display: grid;
  gap: var(--abs-space-4);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home .entry-content > .apotek-bpjs-sleman__section--lilac {
  padding-bottom: 2rem;
}

.home .entry-content > .apotek-bpjs-sleman__article-grid {
  box-sizing: border-box;
  padding-bottom: clamp(3.5rem, 6vw, 5rem);
  position: relative;
  z-index: 0;
}

.home .entry-content > .apotek-bpjs-sleman__article-grid::before {
  background: var(--abs-lilac);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}

.apotek-bpjs-sleman__pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-block: 2rem;
}

.apotek-bpjs-sleman__pagination .page-numbers {
  padding: 0.75rem 1rem;
}

.apotek-bpjs-sleman__article-card-media,
.article-card__placeholder {
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, var(--abs-tint), var(--abs-lilac));
  border-radius: var(--abs-radius-small);
  display: grid;
  overflow: hidden;
  place-items: center;
}

.apotek-bpjs-sleman__article-card-media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.article-card__placeholder {
  color: var(--abs-primary-deep);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.apotek-bpjs-sleman__article-card-body {
  padding-top: var(--abs-space-3);
}

.apotek-bpjs-sleman__article-title {
  font-size: 1.25rem;
  margin-block: var(--abs-space-1);
}

.apotek-bpjs-sleman__article-meta {
  color: var(--abs-muted);
  font-size: 0.85rem;
  font-weight: 700;
}

.apotek-bpjs-sleman__verification-note,
.apotek-bpjs-sleman__article-empty {
  background: var(--abs-warm);
  border-left: 5px solid var(--abs-accent);
  border-radius: var(--abs-radius-small);
  margin-top: var(--abs-space-6);
  padding: var(--abs-space-4);
}

.apotek-bpjs-sleman__article-card .wp-block-post-date {
  color: var(--abs-muted);
  font-size: 0.86rem;
  font-weight: 700;
}

.apotek-bpjs-sleman__route-table {
  border: 1px solid var(--abs-border);
  border-radius: var(--abs-radius-small);
  margin-top: var(--abs-space-4);
  overflow-x: auto;
}

.apotek-bpjs-sleman__route-table table {
  border-collapse: collapse;
  margin: 0;
  min-width: 100%;
}

.apotek-bpjs-sleman__route-table th {
  background: var(--abs-primary-deep);
  color: var(--abs-white);
}

.apotek-bpjs-sleman__route-table td,
.apotek-bpjs-sleman__route-table th {
  border-color: var(--abs-border);
  padding: 0.95rem 1rem;
}

.site-footer,
.ast-footer-overlay {
  background: var(--abs-primary-deep);
  color: rgb(255 255 255 / 83%);
}

.site-footer a,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .widget-title {
  color: var(--abs-white);
}

.site-footer a:hover {
  color: #F9B1A3;
}