/*
 * Trang kết quả tìm toàn site (phiếu #9 luồng D). p2 không có trang này nên chỉ dùng biến và class sẵn có của p2
 * (--panel, --line, --muted, .btn, .sec__sub, .pager) và thêm các class .sr-* cho danh sách kết quả. Không đè selector của p2.
 */

/* ô tìm lại ngay trên trang kết quả: cùng dáng với .hd-search__form ở header */
.sr-form{display:flex;gap:12px;max-width:640px}
.sr-form input{flex:1;min-width:0;min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:16px}
.sr-form input:focus-visible{outline:2px solid var(--blue);outline-offset:1px;border-color:#fff}
.sr-form .btn{min-height:48px}

.sr-note{margin-top:var(--s3,24px)}
.sr-note+.btn{margin-top:0}

/* nhóm kết quả: tiêu đề kèm số, đường kẻ chạy hết dòng */
.sr-group{margin-top:56px}
.sr-form+.sr-group,.sr-form+.sr-note{margin-top:var(--s4,40px)}
.sr-group__t{display:flex;align-items:center;gap:14px;margin-bottom:20px;font-size:22px;font-weight:700}
.sr-group__t::after{content:"";flex:1;height:1px;background:var(--line)}
.sr-group__n{order:2;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.05em;color:var(--muted)}

/* một kết quả: thẻ tối như .post/.pcard, cả thẻ là vùng bấm của tiêu đề */
.sr-list{display:grid;gap:12px}
.sr-item{position:relative;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:8px;transition:border-color .2s ease}
.sr-item:hover{border-color:rgba(255,255,255,.42)}
.sr-item__t{font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere}
.sr-item__t a{text-decoration:none}
.sr-item__t a::after{content:"";position:absolute;inset:0}
.sr-item:hover .sr-item__t a{text-decoration:underline;text-underline-offset:4px}
.sr-item__t a:focus-visible{outline:none}
.sr-item:focus-within{outline:2px solid #fff;outline-offset:2px}
.sr-item__meta{margin-top:4px;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--label,#74b3ff)}
.sr-item__x{margin-top:8px;max-width:78ch;color:var(--muted);font-size:15px;line-height:1.65;overflow-wrap:anywhere}

/* từ khoá được bôi */
.sr-item mark{padding:0 2px;border-radius:3px;background:rgba(0,112,244,.35);color:#fff}

@media (max-width:560px){
  .sr-form{flex-direction:column}
  .sr-form .btn{width:100%}
  .sr-item{padding:16px}
  .sr-group{margin-top:40px}
}