/* Scoped to the Trends Chatter archive. */
#chatter-archive { scroll-margin-top: 96px; border-top: 1px solid #ddd8d2; }
#chatter-archive .chatter-archive-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 24px; }
#chatter-archive .chatter-archive-heading h2 { margin: 0; }
#chatter-archive .chatter-archive-count { margin: 0; font: 600 12px/1.5 Arial, sans-serif; color: #64615d; white-space: nowrap; }
#chatter-archive .display_archive { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
#chatter-archive .campaign { display: grid; grid-template-columns: 132px minmax(0, 1fr); align-items: baseline; gap: 20px; margin: 0; padding: 23px 0; border-bottom: 1px solid #ddd8d2; line-height: 1.5; }
#chatter-archive .chatter-edition-date { font: 500 13px/1.6 Arial, Helvetica, sans-serif; color: #64615d; }
#chatter-archive .campaign a { display: flex; justify-content: space-between; align-items: baseline; gap: 22px; min-width: 0; color: inherit; font-family: Georgia, 'Times New Roman', serif; font-size: 24px; line-height: 1.3; text-decoration: none; overflow-wrap: anywhere; }
#chatter-archive .campaign a:hover { color: #a02535; }
#chatter-archive .campaign a:focus-visible { outline: 2px solid #a02535; outline-offset: 7px; }
#chatter-archive .chatter-edition-action { flex-shrink: 0; font: 700 11px/1.5 Arial, Helvetica, sans-serif; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
#chatter-archive .chatter-archive-fallback { margin: 20px 0 0; padding: 18px 0; font-size: 16px; line-height: 1.7; }
#chatter-archive .chatter-archive-fallback a { text-decoration: underline; text-underline-offset: 4px; }
#chatter-archive [hidden] { display: none !important; }
[data-page='chatter.html'] .chatter-browse-link { display: inline-block; margin-top: 20px; }
@media (max-width: 640px) {
  #chatter-archive .chatter-archive-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  #chatter-archive .campaign { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 20px 0; }
  #chatter-archive .campaign a { font-size: 21px; flex-direction: column; gap: 8px; }
}