/* Trends navigation and homepage advertising. Tile artwork stays at 300 x 250. */
.mobile-home-link { display:none; }
body[data-design="edition-5"] .navigation { gap:clamp(12px,1.4vw,26px); }
body[data-design="edition-5"] .navigation .nav-home { font-weight:800; }
body[data-design="edition-5"] .navigation .nav-tcf { padding-left:16px; }
body[data-page="index.html"] main>.ad-wrap { margin-bottom:0; }
body[data-page="index.html"] .home-sponsor-placement {
  display:block;
  width:100%;
  max-width:none;
  margin:0 0 40px;
  padding:26px 24px 32px;
  border-top:0;
  border-bottom:1px solid #c8d0d4;
  background:#f5f6f4;
}
body[data-page="index.html"] .home-sponsor-placement .ad-placement-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  max-width:948px;
  margin:0 auto 18px;
}
body[data-page="index.html"] .home-sponsor-placement .ad-label {
  margin:0;
  color:#4c585d;
  text-align:left;
  font:700 10px/1.5 Arial,Helvetica,sans-serif;
  letter-spacing:.12em;
}
body[data-page="index.html"] .home-sponsor-placement .ad-placement-heading>a {
  font:600 11px/1.5 Arial,Helvetica,sans-serif;
  color:#006b8b;
  text-underline-offset:4px;
}
body[data-page="index.html"] .home-sponsor-placement .ad-placement-heading>a:hover {
  text-decoration:underline;
}
body[data-page="index.html"] .home-sponsor-placement .tile-grid {
  display:grid;
  grid-template-columns:repeat(3,300px);
  grid-auto-flow:row;
  grid-auto-rows:auto;
  justify-content:center;
  align-items:start;
  gap:24px;
  width:100%;
  max-width:948px;
  height:auto;
  max-height:none;
  margin:0 auto;
  padding:0;
  overflow:visible;
  scroll-snap-type:none;
  transform:none;
}
body[data-page="index.html"] .home-sponsor-placement .tile-grid>a {
  display:block;
  position:relative;
  flex:none;
  width:300px;
  min-width:0;
  max-width:100%;
  height:auto;
  aspect-ratio:300/250;
  margin:0;
  padding:0;
  border:0;
  outline:1px solid #d9dfe1;
  outline-offset:0;
  background:white;
  overflow:visible;
  scroll-snap-align:none;
  opacity:1;
  visibility:visible;
}
body[data-page="index.html"] .home-sponsor-placement .tile-grid img {
  display:block;
  position:static;
  width:100%;
  max-width:300px;
  height:auto;
  max-height:none;
  aspect-ratio:300/250;
  margin:0;
  padding:0;
  border:0;
  object-fit:contain;
  object-position:center;
  background:white;
  transform:none;
  opacity:1;
  visibility:visible;
}
body[data-page="index.html"] .home-sponsor-placement .tile-grid>a:focus-visible {
  outline:3px solid #007a9f;
  outline-offset:4px;
}
body[data-page="index.html"] .home-sponsor-placement .ad-rail-controls { display:none; }
@media(max-width:1200px) {
  body[data-design="edition-5"] .navshell>.wrap {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    column-gap:16px;
    width:100%;
    max-width:1420px;
    margin-inline:auto;
    padding-inline:clamp(16px,3.3vw,40px);
  }
  body[data-design="edition-5"] .mobile-home-link {
    display:inline-flex;
    grid-column:1;
    grid-row:1;
    align-items:center;
    justify-content:center;
    min-width:52px;
    min-height:48px;
    padding:0 4px;
    color:#fff;
    font:800 12px/1.4 Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    letter-spacing:.02em;
    border-bottom:2px solid transparent;
  }
  body[data-design="edition-5"] .mobile-home-link:hover,
  body[data-design="edition-5"] .mobile-home-link[aria-current="page"] {
    color:#8ae0f3;
    border-bottom-color:#8ae0f3;
  }
  body[data-design="edition-5"] .mobile-toggle {
    display:flex;
    grid-column:2;
    grid-row:1;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:0;
    min-height:52px;
    padding:0 4px;
    color:#fff;
    font:700 12px/1.4 Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    letter-spacing:.02em;
    border:0;
    background:transparent;
  }
  body[data-design="edition-5"] .mobile-find-link {
    display:flex;
    grid-column:3;
    grid-row:1;
    align-items:center;
    justify-content:flex-end;
    min-height:48px;
    padding:0;
    color:#8ae0f3;
    font:700 11px/1.4 Arial,Helvetica,sans-serif;
    white-space:nowrap;
  }
  body[data-design="edition-5"] .navigation {
    display:none;
    grid-column:1/-1;
    grid-row:2;
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    gap:0;
    padding:8px 0 18px;
  }
  body[data-design="edition-5"] .navigation.open { display:flex; }
  body[data-design="edition-5"] .navigation>a {
    padding:13px 0;
    min-height:44px;
    font-size:13px;
    white-space:normal;
  }
  body[data-design="edition-5"] .navigation .nav-tcf {
    border-left:0;
    border-top:1px solid #66757b;
    padding:15px 0;
    margin-top:10px;
  }
}
@media(max-width:1019px) {
  body[data-page="index.html"] .home-sponsor-placement .tile-grid {
    grid-template-columns:repeat(2,300px);
    max-width:624px;
  }
  body[data-page="index.html"] .home-sponsor-placement .ad-placement-heading { max-width:624px; }
}
@media(max-width:679px) {
  body[data-page="index.html"] .home-sponsor-placement { padding:24px 16px 28px; margin-bottom:32px; }
  body[data-page="index.html"] .home-sponsor-placement .tile-grid {
    grid-template-columns:minmax(0,300px);
    max-width:300px;
    gap:22px;
  }
  body[data-page="index.html"] .home-sponsor-placement .ad-placement-heading {
    max-width:300px;
    align-items:flex-start;
    gap:18px;
  }
  body[data-page="index.html"] .home-sponsor-placement .ad-placement-heading>a { text-align:right; }
}
@media print {
  .mobile-home-link,body[data-page="index.html"] .home-sponsor-placement { display:none!important; }
}