/* Shared home shell rules retained from vozer-home-ui.css.
   The compact homepage does not render the legacy lists or account panels. */
#home-tabs-shell,
#home-section-tabs-shell,
#home-hero-shell {
  min-width: 0;
  max-width: 100%;
}
body.home-page .vz-site-header {
  margin-bottom: 0 !important;
}
body.home-page #main-content {
  row-gap: .75rem;
}
body.home-page .container > div > .mb-3 {
  margin-bottom: .75rem;
}

/* The review notice also appears on the homepage for moderators. */
.vz-moderation-banner {
  display: flex;
  width: 100%;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  margin: 0;
  padding: .55rem .75rem;
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.9));
  color: #334155;
  text-decoration: none;
  box-shadow: none;
  transition: border-color .15s ease, background-color .15s ease;
}
.vz-moderation-banner:hover {
  border-color: rgba(29,111,216,.24);
  background: #e8f2ff;
}
.vz-moderation-banner__icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 1.3rem;
  height: 1.3rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e8f2ff;
  color: #1557b0;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}
.vz-moderation-banner__text {
  min-width: 0;
  font-size: 12.5px;
  font-weight: 550;
  line-height: 1.35;
  color: #334155;
}
.vz-moderation-banner__count {
  font-weight: 700;
  color: #b45309;
}
@media (min-width:640px) {
  .vz-moderation-banner {
    gap: .65rem;
    padding: .6rem .9rem;
  }
  .vz-moderation-banner__text { font-size: 13px; }
}
html.dark .vz-moderation-banner,
body.dark .vz-moderation-banner {
  border-color: rgba(15,23,42,.06);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.9));
  color: #334155;
}
html.dark .vz-moderation-banner:hover,
body.dark .vz-moderation-banner:hover {
  border-color: rgba(29,111,216,.24);
  background: #e8f2ff;
}
html.dark .vz-moderation-banner__icon,
body.dark .vz-moderation-banner__icon {
  background: #e8f2ff;
  color: #1557b0;
}
html.dark .vz-moderation-banner__text,
body.dark .vz-moderation-banner__text { color: #334155; }
html.dark .vz-moderation-banner__count,
body.dark .vz-moderation-banner__count { color: #b45309; }