/* proto-pages-home.css: the home of the landing pages (templates/search/home.html): the H1 on a black
   band that continues AEM's black header, then the tiles, the which-line table and the links row on white. The home loads
   proto-pages-aem.css before it, for AEM's section heads and tiles. */
@layer base, kit, site;

@layer site {

.aem-hero { background: var(--site-hd-bg); color: var(--site-hd-fg); }
.aem-hero__in { padding-top: 40px; padding-bottom: 44px; }
.aem-hero .aem-hero__h { color: var(--site-hd-fg); }
.aem-home__body { padding-top: 8px; }
.aem-home .pp-which { margin-top: 16px; }
.aem-home .pp-which th, .aem-home .pp-which td { border-bottom: 1px solid var(--site-line); }

@media (max-width: 600px) {
  .aem-hero__in { padding-top: 20px; padding-bottom: 24px; }
}

}