/*
 * South Asia Chronicles — dedicated About page full-width layout.
 * Scoped to the About template; does not affect homepage/posts/archives.
 */

.sac-about-template {
  width: 100%;
  padding: 34px 16px 42px;
  box-sizing: border-box;
  background: #041a31;
}

.sac-about-template__container {
  width: min(1240px, calc(100% - 8px));
  margin: 0 auto;
  padding: 30px 34px 34px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #d8e3ed;
  box-shadow: 0 12px 32px rgba(0, 16, 32, 0.12);
}

.sac-about-template__article {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

.sac-about-template__article > *:first-child {
  margin-top: 0;
}

.sac-about-template .sac-about-hero {
  margin: 0 0 28px;
  overflow: hidden;
  background: #edf4f9;
  border: 1px solid #d8e3ed;
}

.sac-about-template .sac-about-hero img {
  width: 100% !important;
  max-width: none !important;
  height: clamp(280px, 34vw, 430px) !important;
  display: block;
  object-fit: cover !important;
}

.sac-about-template img,
.sac-about-template iframe,
.sac-about-template video {
  max-width: 100%;
}

.sac-about-template h1,
.sac-about-template h2,
.sac-about-template h3 {
  color: #062744;
  line-height: 1.25;
}

@media (max-width: 900px) {
  .sac-about-template {
    padding: 24px 12px 32px;
  }

  .sac-about-template__container {
    width: 100%;
    padding: 24px 20px 28px;
  }
}

@media (max-width: 600px) {
  .sac-about-template {
    padding: 16px 8px 24px;
  }

  .sac-about-template__container {
    padding: 18px 14px 22px;
  }

  .sac-about-template .sac-about-hero img {
    height: 230px !important;
  }
}