/**
 * Shared inner-page styles (About, Product entry content, etc.).
 */

/**
 * Max-width column + gutters (About + Product). Scoped to page mains that set CSS variables.
 */
.about-page-main,
.product-page-main {
  --lungsod-inline-padding: 1.5rem;
  --lungsod-section-max-width: 1220px;
}

.lungsod-page__section-inner {
  width: 100%;
  max-width: var(--lungsod-section-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--lungsod-inline-padding);
  padding-right: var(--lungsod-inline-padding);
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .lungsod-page__section-inner {
    width: 80%;
  }
}

.lungsod-page__entry-shell {
  position: relative;
  z-index: 10;
}

.lungsod-page-hero-bg {
  background-image: var(--lungsod-hero-bg-image);
}

.lungsod-page-entry.entry-content {
  max-width: none;
}

.lungsod-page-entry > * + * {
  margin-top: 1.5rem;
}

.lungsod-page-entry {
  font-family: Poppins, ui-sans-serif, system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.625;
  color: #d1d5db;
}

.lungsod-page-entry a {
  color: #ff6b4a;
  text-decoration: underline;
}

.lungsod-page-entry h2 {
  margin-top: 2.5rem;
  font-family: "Fontatica4F", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #ffffff;
}

.lungsod-page-entry h3 {
  margin-top: 2rem;
  font-family: "Fontatica4F", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #ffffff;
}

.lungsod-page-entry p {
  margin: 0;
}

.lungsod-page-entry ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}