.pi-search { max-width: 800px; }
.pi-symbol { font-size: 5rem; line-height: 1; color: #1e3a62; }
.pi-search .card { gap: .5rem; }
.pi-search input[type="text"] { font-variant-numeric: tabular-nums; letter-spacing: .08em; }
.pi-search :focus-visible { outline: 3px solid #1e3a62; outline-offset: 3px; }
.pi-search [role="status"] { overflow-wrap: anywhere; }
.pi-search progress { width: 100%; height: 1.5rem; }
.pi-search [hidden] { display: none !important; }
.pi-toast { position: fixed; right: 1rem; bottom: 1rem; z-index: 1090; max-width: min(28rem, calc(100vw - 2rem)); padding: 1rem; background: #1e3a62; color: #fff; border-radius: .5rem; box-shadow: 0 .25rem 1rem #0003; }