/* ==========================================================================================
   Search page (Pages/Search.aspx) — moved out of the page 2026-09-04 (Search-Enhancements PLAN.md Phase 1).
   Sections: 1 the one result-row override, 2 bits Ask AI shares plus the page's AI-suggestions slot and
   mobile chip rail. Everything else on the page (widgets, results bar, AI Overview) is Bootstrap + allstyles10.css.
   Colors come from the :root vars in allstyles10.css.
   ========================================================================================== */

/* ---------- 1. result rows ---------- */
/* the indexed result HTML carries the site's .result (6px top border); in the flat list it gets a thin bottom line */
.sr-result .result { border-top: 0; border-bottom: 1px solid var(--gray-2); padding: .75em .25em; }

/* module link rows hover like the homepage news (.linkbox): small scale + underlined title instead of Bootstrap's gray fill */
.sr-hover { transition: transform .15s ease; }
/* top borders only: a scaled row's bottom border no longer lines up with the next row's top border */
.list-group-flush > .list-group-item.sr-hover { border-bottom: 0; margin-bottom: 0; }
.sr-hover:hover, .sr-hover:focus { transform: scale(1.02); background-color: transparent; }
.sr-hover:hover .sr-hover-title, .sr-hover:focus .sr-hover-title { text-decoration: underline; }

/* ---------- 2. Ask AI shared bits + page leftovers ---------- */
/* the result list's Show filter lives in Search.aspx's script now (Bootstrap d-none) */
.sr-up { color: var(--green); } .sr-dn { color: var(--red); } .sr-flat { color: var(--gray-8); }

/* Ask AI answer card (AskAI.aspx) still uses the old module box; the search widgets use Bootstrap cards */
.sr-mod { border: 1px solid var(--gray-3); border-radius: var(--sr-radius); background: var(--white); margin-bottom: 1.25em; overflow: hidden; }

/* news rows: Ask AI's story and ranking lists (the search news widget uses Bootstrap list-group rows) */
.sr-news { display: block; padding: .5em 0; border-top: 1px solid var(--gray-2); text-decoration: none; }
.sr-news:first-child { border-top: 0; }
.sr-news:hover { text-decoration: none; }
.sr-news-title { display: block; font-size: .9em; font-weight: 600; color: var(--blue); line-height: 1.3; }
.sr-news:hover .sr-news-title { text-decoration: underline; }
.sr-news-meta { display: block; font-size: .78em; color: var(--gray-8); margin-top: 2px; }

/* reserved AI-suggestions slot */
.sr-ai-slot:empty { display: none; }

/* mobile stacking (Bootstrap d-md-none blocks in the main column) */
.sr-m-top { margin-bottom: 1em; }
.sr-m-rail { position: relative; margin: 0 -15px 1em; }
.sr-m-rail::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 22px; pointer-events: none; background: linear-gradient(90deg, rgba(var(--white-rgb),0), var(--white)); }
.sr-m-chips { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 3px 34px 3px 15px; }
.sr-m-chips::-webkit-scrollbar { display: none; }