.search-status{display:grid;justify-items:center;align-content:center;gap:16px;min-height:220px;padding:36px 20px;text-align:center}
.search-status .brand-mark{width:48px;height:58px;color:var(--color-accent)}
.search-status h3{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.search-status p{max-width:38ch;margin:0;color:var(--color-text-secondary);font-size:15px;line-height:1.55;text-wrap:pretty}
.search-status .button{min-height:48px;margin-top:8px}
.search-label[role=status]{min-height:24px}
.search-dialog[aria-busy=true] .search-status .brand-mark{animation:search-breathe 1200ms ease-in-out infinite alternate}
@keyframes search-breathe{from{opacity:.55}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.search-dialog[aria-busy=true] .search-status .brand-mark{animation:none}}