/* Brand bits: the tagline line and the "Find us" row (ui/brand.js). Tokens only, from main.css. */
.brand-tagline { margin: 0; color: var(--text-dim); font-weight: 700; letter-spacing: 0.02em; }
.title__name:has(+ .title__tagline) { margin-bottom: var(--sp-2); }
.title__tagline { margin-bottom: var(--sp-4); color: var(--text); font-size: var(--fs-l); }
@media (max-width: 480px) { .title__tagline { font-size: var(--fs-m); letter-spacing: 0; } }
.settings__tagline { font-size: var(--fs-s); margin-bottom: var(--sp-3); }
.whatsnew__tagline { font-size: var(--fs-s); text-align: center; color: var(--text-faint); padding-top: var(--sp-2); border-top: 1px dashed var(--line); }

.findus { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); margin-top: var(--sp-4); }
.title__findus { flex-direction: column; padding-top: var(--sp-3); border-top: 1px dashed var(--line); }
.title__findus .findus__row { justify-content: center; }
.findus__label { color: var(--text-dim); font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: 0.12em; }
.findus__row { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.findus__chip {
  display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 8px;
  border: 1px solid var(--line-2); color: var(--cyan); font-size: var(--fs-xs); text-decoration: none;
}
a.findus__chip:hover, a.findus__chip:focus-visible { border-color: var(--cyan); background: var(--cyan-deep); }
.findus__chip.is-soon { color: var(--text-faint); border-style: dashed; border-color: var(--line); cursor: default; }
.findus__icon { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.result__tagline { text-align: center; font-size: var(--fs-xs); color: var(--text-faint); font-weight: 400; letter-spacing: 0.08em; margin-top: var(--sp-3); }