/* SERP Snippet Preview — Google-style result card (fixed light colours on purpose: this is what Google renders). */
.serp { background: #fff; color: #202124; border: 1px solid var(--border); border-radius: var(--radius-md); padding: 1rem 1.1rem; font-family: Arial, Helvetica, sans-serif; max-width: 652px; min-width: 0; overflow-wrap: anywhere; }
.serp[data-device="mobile"] { max-width: 400px; border-radius: 12px; padding: 0.9rem; }
.serp-site { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.45rem; min-width: 0; }
.serp-fav { width: 26px; height: 26px; border-radius: 50%; background: #f1f3f4; border: 1px solid #ecedef; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: #5f6368; }
.serp-fav img { width: 18px; height: 18px; object-fit: contain; }
.serp-fav img[hidden], .serp-fav iconify-icon[hidden] { display: none; }
.serp-site-text { min-width: 0; line-height: 1.3; }
.serp-name { font-size: 14px; color: #202124; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.serp-url { font-size: 12px; color: #4d5156; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.serp-title { font-size: 20px; line-height: 1.3; color: #1a0dab; margin: 0 0 0.25rem; cursor: pointer; }
.serp-title:hover { text-decoration: underline; }
.serp[data-device="mobile"] .serp-title { color: #1558d6; }
.serp-desc { font-size: 14px; line-height: 1.58; color: #4d5156; }
.serp-date { color: #70757a; }
[data-theme="dark"] .serp { border-color: rgba(255, 255, 255, 0.14); }