/* Strong, type-specific notice emphasis; the message itself never flashes. */
.site-service-nav .site-notice-kind--ad,
.site-service-nav .site-notice-kind--coupon {
  display: inline-flex; align-items: center;
  padding: 4px 8px; font-size: 13px; font-weight: 900; letter-spacing: 0;
  color: #fff; border-radius: 4px;
}
.site-service-nav .site-notice-kind--ad { background: #d93616; }
.site-service-nav .site-notice-kind--coupon { background: #1554db; }
/* Leave space for the 3px highlight on all sides of the clipped ticker track. */
.site-service-nav .site-notice-viewport { height: 36px; }
.site-service-nav .site-notice-slide { padding-inline: 4px; box-sizing: border-box; }
@keyframes notice-ad-spotlight {
  0%,100% { background: #d93616; color: #fff; box-shadow: 0 0 0 0 #ff6a3500; }
  45%,60% { background: #ffe45c; color: #7a2300; box-shadow: 0 0 0 3px #ff6a3540; }
}
@keyframes notice-coupon-spotlight {
  0%,100% { background: #1554db; color: #fff; box-shadow: 0 0 0 0 #269aff00; }
  45%,60% { background: #7be6ff; color: #08307a; box-shadow: 0 0 0 3px #269aff40; }
}
.site-notice-slide.is-active .site-notice-kind--ad { animation: notice-ad-spotlight 1.8s ease-in-out infinite; }
.site-notice-slide.is-active .site-notice-kind--coupon { animation: notice-coupon-spotlight 1.8s ease-in-out infinite; }
.site-notice-ticker:hover .site-notice-kind,
.site-notice-ticker:focus-within .site-notice-kind,
.site-notice-ticker:has([aria-pressed="true"]) .site-notice-kind { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .site-notice-kind { animation: none !important; } }

/* One heading row; banner placement, aspect ratios and rotation are unchanged. */
html body.community-home .feed {
  display: grid; grid-template-columns: max-content minmax(0,1fr);
  column-gap: 14px; align-content: start; align-items: center;
}
html body.community-home .feed > h2 { grid-column: 1; grid-row: 1; margin: 0; white-space: nowrap; }
html body.community-home .feed > .intro {
  grid-column: 2; grid-row: 1; display: flex; gap: 10px;
  width: auto; min-width: 0; margin: 0; align-items: center;
}
html body.community-home .feed > .intro b { flex: none; white-space: nowrap; }
html body.community-home .feed > .intro a { margin-left: auto; flex: none; white-space: nowrap; }
html body.community-home .feed > :not(h2):not(.intro) { grid-column: 1/-1; min-width: 0; }
@media (max-width: 800px) {
  html body.community-home .feed { column-gap: 10px; }
  html body.community-home .feed > .intro { gap: 8px; }
  html body.community-home .feed > .intro b { font-size: 9px; letter-spacing: .8px; }
  html body.community-home .feed > .intro a { font-size: 10px; }
  .site-service-nav .site-notice-kind--ad,.site-service-nav .site-notice-kind--coupon { font-size: 11px; padding: 4px 7px; }
  html body.community-home #feed-grid > .now-ad-slot { grid-column: 1/-1; width: 100%; margin: 14px 0; padding: 0; }
}