/* Keep community discussions in the first viewport. */
.brand-wrap { height: 64px; }
.brand-mark { width: 38px; height: 38px; border-radius: 11px; }
.compact-intro { max-width: 1180px; margin: 10px auto 10px; padding: 0 24px; display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 18px; align-items: center; }
.intro-art-wrap { min-width: 0; }
.intro-art { display: block; width: 100%; height: auto; }
.intro-content { min-width: 0; }
.compact-intro .hero { display: block; margin: 0; padding: 10px 2px 12px; max-width: none; background: transparent; border: 0; border-radius: 0; }
.compact-intro h1 { max-width: none; font-size: clamp(2.05rem,3.65vw,3.45rem); line-height: 1; letter-spacing: -.055em; }
.compact-intro .eyebrow { margin-bottom: 6px; }
.compact-intro .hero-copy>p:not(.eyebrow) { font-size: .82rem; line-height: 1.35; margin: 8px 0; }
.compact-intro .hero-actions { gap: .45rem; }
.compact-intro .button.large { padding: .58rem .78rem; font-size: .76rem; }
.compact-intro .impact-survey { max-width: none; margin: 0; padding: 9px 12px; border-radius: 14px; grid-template-columns: minmax(220px,.62fr) minmax(0,1.8fr); gap: 6px 12px; box-shadow: none; }
.compact-intro .impact-intro { display: block; }
.compact-intro .impact-intro .section-kicker { margin-bottom: 2px; font-size: .58rem; }
.compact-intro .impact-intro h2 { font-size: .94rem; line-height: 1.08; }
.compact-intro .impact-art { display: none; }
.compact-intro .impact-options { gap: 6px; }
.compact-intro .impact-option { min-height: 40px; padding: .38rem .5rem; border-radius: 10px; flex-direction: row; align-items: center; }
.compact-intro .impact-option span { font-size: .66rem; }
.compact-intro .impact-option strong { font-size: .9rem; }
.compact-intro .impact-meta { grid-column: 1 / -1; font-size: .64rem; }
.forum-shell { margin-bottom: 70px; }
.toolbar { padding: 22px 28px 16px; }
.filters { padding: 0 28px 14px; }
.active-summary { color: var(--muted); letter-spacing: 0; text-transform: none; font-weight: 650; }
.active-summary strong { color: var(--blue); }
.quick-conversation { display: flex; align-items: center; gap: 10px; padding: 13px 28px; border-bottom: 1px solid var(--line); background: #f8fcfe; }
.quick-conversation input { min-width: 0; flex: 1; height: 42px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); padding: 0 14px; outline: none; }
.quick-conversation input::placeholder { color: #94a3b8; opacity: 1; }
.quick-conversation input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(3,105,161,.1); }
.quick-conversation .button { flex: 0 0 auto; height: 42px; padding: 0 20px; }

@media (min-width: 901px) {
  .compact-intro h1 { white-space: nowrap; }
  .compact-intro .hero-copy { display: grid; grid-template-columns: 1fr auto; column-gap: 18px; align-items: end; }
  .compact-intro .hero-copy .eyebrow, .compact-intro .hero-copy h1 { grid-column: 1 / -1; }
  .compact-intro .hero-copy>p:not(.eyebrow) { margin-bottom: 0; }
  .compact-intro .hero-actions { justify-content: flex-end; }
}

@media (max-width: 900px) {
  .compact-intro { margin: 8px auto 10px; padding: 0 14px; grid-template-columns: 140px minmax(0,1fr); gap: 12px; }
  .compact-intro .hero { padding: 9px 2px 10px; }
  .compact-intro .hero-copy>p:not(.eyebrow) { margin: 9px 0; }
  .compact-intro h1 { font-size: 2.2rem; }
  .compact-intro .impact-survey { margin: 0; grid-template-columns: minmax(190px,.62fr) minmax(0,1.8fr); }
  .compact-intro .impact-meta { grid-column: 1 / -1; }
  .forum-shell { margin-top: 0; }
}

@media (max-width: 600px) {
  .compact-intro { display: block; }
  .intro-art-wrap { width: 128px; margin: 0 auto -2px; }
  .compact-intro .impact-survey { padding: 9px; grid-template-columns: 1fr; border-radius: 13px; }
  .compact-intro .impact-options { grid-template-columns: 1fr 1fr; }
  .compact-intro .impact-meta { grid-column: 1; flex-direction: row; align-items: center; }
}

@media (max-width: 480px) {
  .brand-wrap { height: 58px; }
  .brand-mark { width: 34px; height: 34px; }
  .brand { font-size: .68rem; }
  .brand strong { font-size: .86rem; }
  .compact-intro { margin: 5px auto 8px; padding: 0 10px; }
  .compact-intro .hero { padding: 7px 1px 8px; }
  .compact-intro h1 { font-size: 1.82rem; }
  .compact-intro .eyebrow { font-size: .62rem; margin-bottom: 7px; }
  .compact-intro .hero-copy>p:not(.eyebrow) { display: none; }
  .compact-intro .hero-actions { margin-top: 10px; display: flex; }
  .compact-intro .hero-actions .button { width: auto; flex: 1; padding: .52rem .55rem; font-size: .68rem; }
  .toolbar { padding: 18px 18px 13px; }
  .toolbar h2 { font-size: 1.65rem; }
  .filters { padding: 0 18px 12px; }
  .quick-conversation { gap: 8px; padding: 11px 18px; }
  .quick-conversation input { height: 40px; padding: 0 11px; font-size: .8rem; }
  .quick-conversation .button { height: 40px; padding: 0 16px; }
  .forum-shell { margin-top: 8px; }
}