.v1-feed { width: min(100%, 800px); margin-inline: auto; }
.v1-feed .section-card { margin-block: 16px; }
.v1-feed form > small { display: block; margin-block: 12px; }
.v1-feed h2 { font-size: 1.2rem; }
.v1-feed h1, .v1-feed h2, .v1-feed h3 { color: inherit; }
.v1-network h1, .v1-network h2, .v1-network h3 { color: inherit; }
.v1-post-body { white-space: pre-wrap; overflow-wrap: anywhere; }
.v1-agreement { overflow-wrap: anywhere; }
.v1-agreement .status-chip { white-space: normal; }
.v1-agreement input, .v1-agreement select, .v1-agreement textarea { max-width: 100%; }
.v1-filters { display: flex; gap: var(--sp-2); overflow-x: auto; padding-block: 12px; }
.v1-filters a { white-space: nowrap; padding: var(--sp-2) var(--sp-3); border: 1px solid currentColor; border-radius: var(--radius-large); }
.v1-filters a[aria-current=page] { background: var(--vl-text, #17385b); color: var(--vl-bg, #fff); }
.v1-global-search { position: relative; flex: 1; min-width: 0; max-width: 520px; }
.v1-global-search input { width: 100%; min-height: 40px; }
.v1-search-results { position: absolute; top: 100%; width: 100%; z-index: 100; max-height: 55vh; overflow: auto; background: var(--vl-surface-3, #102137); color: var(--vl-text, #fff); border: 1px solid var(--vl-line-2, #687f99); border-radius: var(--radius-small); }
.v1-search-results a { display: block; padding: var(--sp-3); color: var(--vl-text, #fff); overflow-wrap: anywhere; }
.v1-search-results a:focus,.v1-search-results a:hover { background: var(--vl-surface-2, #214269); }
@media (max-width: 720px) {
  .topbar { flex-wrap: wrap; }
  .v1-global-search { order: 3; flex-basis: 100%; max-width: none; }
  /* O rótulo "Buscar no Valenor" gastava uma linha inteira acima do campo,
     num aparelho em que cada linha do topo é conteúdo que não aparece. O
     campo já diz para que serve; o rótulo continua existindo para quem
     navega por leitor de tela. */
  .v1-global-search > label { position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
  .v1-global-search input { min-height: 38px; }
  /* O nome do escritório quebrava em duas linhas e empurrava o conteúdo para
     baixo da dobra. Quem está dentro sabe em qual escritório está; o nome
     continua no menu da conta, a um toque. */
  .topbar-org { display: none; }
  .v1-feed { width: 100%; }
}
