.search-toolbar{margin-top:10px;position:static}.search-results{margin-top:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:8px}.result-count{margin:0 0 4px;color:var(--muted);font-weight:700}.search-result{border:0;border-radius:12px;background:#e8f3ee;color:var(--ink);padding:12px;text-align:left;cursor:pointer}.search-result:hover,.search-result:focus-visible{background:#d6ebe3;outline:2px solid #087b67;outline-offset:2px}.search-result strong,.search-result span{display:block}.search-result .result-arabic{font-size:22px;text-align:right;direction:rtl;margin:5px 0}.search-result .match-badge{display:inline-block;width:max-content;max-width:100%;margin:3px 0 5px;padding:5px 10px;border:1px solid transparent;border-radius:999px;font-size:.82rem;font-weight:800}.match-badge.match-meal{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.match-badge.match-tafsir{background:#f3e8ff;color:#7e22ce;border-color:#d8b4fe}.match-badge.match-arabic{background:#fef3c7;color:#92400e;border-color:#fcd34d}.match-badge.match-english{background:#ccfbf1;color:#0f766e;border-color:#5eead4}.match-badge.match-all{background:#e5e7eb;color:#374151;border-color:#cbd5e1}.search-result small{display:block;color:var(--muted);max-height:5.6em;overflow:hidden;line-height:1.4}#page-number{width:125px}
@media(max-width:780px){#ayah{max-width:105px}#page-number{width:120px}.search-toolbar .grow{flex-basis:auto}.search-toolbar input{min-width:100%;flex:1 0 100%}}
.match-badge.match-meal{background:#ffedd5;color:#9a3412;border-color:#fb923c}