/*
  Homepage next two section corrections - 2026-07-25
  Applies the same treatment as the credibility strip:
  - full-bleed section backgrounds across both outer gutters
  - centered inner content rail reduced 25% from 1320px to 990px
*/

.home-page .books-panel-fullbleed,
.home-page .about-home-fullbleed {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  position: relative;
}

.home-page .books-panel-fullbleed {
  display: block !important;
  background: linear-gradient(180deg, #FFFFFF, #F8FAFB) !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 18px 45px rgba(16,38,58,.10) !important;
}

.home-page .books-panel-inner,
.home-page .about-home-inner {
  width: min(990px, calc(100vw - 40px));
  max-width: 990px;
  margin: 0 auto;
}

.home-page .books-panel-inner {
  padding: clamp(2.5rem, 5vw, 5rem) 0;
}

.home-page .about-home-fullbleed {
  display: block !important;
  background: linear-gradient(135deg, #E3EBF0, #F3F6F8) !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
}

.home-page .about-home-inner {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 270px;
  gap: 1.6rem;
  align-items: center;
  padding: clamp(2.5rem, 5vw, 5rem) 0;
}

.home-page .about-home-inner .author-photo {
  width: 100%;
  max-width: 260px;
}

@media (max-width: 1180px) {
  .home-page .about-home-inner {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .home-page .about-home-inner .author-photo {
    max-width: 220px;
  }

  .home-page .about-home-inner .credential-stack {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .home-page .books-panel-inner,
  .home-page .about-home-inner {
    width: calc(100vw - 28px);
  }

  .home-page .about-home-inner {
    grid-template-columns: 1fr;
  }

  .home-page .about-home-inner .author-photo {
    width: 190px;
    max-width: 190px;
  }

  .home-page .about-home-inner .credential-stack {
    grid-column: auto;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .home-page .books-panel-inner,
  .home-page .about-home-inner {
    padding-top: 2.3rem;
    padding-bottom: 2.3rem;
  }
}