@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --mau-chinh: #ff385c;
  --mau-chinh-nhan: #e00b41;
  --muc: #222222;
  --chu-than: #3f3f3f;
  --chu-phu: #6a6a6a;
  --vien: #dddddd;
  --vien-mo: #ebebeb;
  --nen: #ffffff;
  --nen-mem: #f7f7f7;
  --trang: #ffffff;
  --bong-nhe: rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.10) 0 4px 8px 0;
  --font: 'Inter', Circular, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  --bo-sm: 8px;
  --bo-md: 14px;
  --bo-tron: 9999px;
  --rong-toi-da: 1280px;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font); color: var(--muc); background: var(--nen); font-size: 16px; line-height: 1.5; }
a { color: var(--muc); text-decoration: none; }
a:hover { text-decoration: underline; }
.an-hien { position: absolute; left: -9999px; }

.thanh-cong-khai { height: 80px; display: grid; grid-template-columns: auto minmax(260px, 520px) auto; align-items: center; gap: 24px; padding: 0 max(24px, calc((100vw - var(--rong-toi-da)) / 2)); border-bottom: 1px solid var(--vien-mo); background: var(--trang); }
.logo-cong-khai { color: var(--mau-chinh); font-size: 21px; font-weight: 700; text-decoration: none; }
.nut-quan-tri { min-height: 40px; display: inline-flex; align-items: center; justify-self: end; border: 1px solid var(--vien); border-radius: var(--bo-tron); padding: 10px 16px; color: var(--muc); font-size: 14px; font-weight: 500; }
.tim-kiem-mini, .thanh-tim-kiem { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; background: var(--trang); border: 1px solid var(--vien); border-radius: var(--bo-tron); padding: 6px; box-shadow: var(--bong-nhe); }
.tim-kiem-mini input, .thanh-tim-kiem input { min-height: 40px; border: 0; outline: 0; padding: 0 16px; font: inherit; color: var(--muc); background: transparent; }
.tim-kiem-mini button, .thanh-tim-kiem button { min-height: 40px; border: 0; border-radius: var(--bo-tron); padding: 0 18px; background: var(--mau-chinh); color: var(--trang); font-weight: 500; cursor: pointer; }
.tim-kiem-mini button:hover, .thanh-tim-kiem button:hover { background: var(--mau-chinh-nhan); }

.trang-chu, .bai-viet { width: min(var(--rong-toi-da), calc(100vw - 80px)); margin: 0 auto; }
.hero { min-height: 420px; display: grid; align-content: center; padding: 64px 0; border-bottom: 1px solid var(--vien-mo); }
.hero-loi { border-bottom: 0; }
.hero-tim-kiem { min-height: 320px; }
.nhan-nho { color: var(--chu-phu); font-size: 12px; font-weight: 700; line-height: 1.33; margin-bottom: 8px; }
h1 { max-width: 760px; margin: 0 0 16px; font-size: 28px; font-weight: 700; line-height: 1.43; }
h2 { margin: 0 0 8px; font-size: 21px; font-weight: 700; line-height: 1.43; }
p { color: var(--chu-than); margin-top: 0; }
.hero a { width: max-content; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; margin-top: 16px; padding: 14px 24px; border-radius: var(--bo-sm); color: var(--trang); background: var(--mau-chinh); font-weight: 500; text-decoration: none; }
.hero a:hover { background: var(--mau-chinh-nhan); }
.ket-qua-dem { margin-top: 16px; color: var(--chu-phu); }
.thanh-tim-kiem { max-width: 720px; margin-top: 16px; border-radius: var(--bo-tron); }

.danh-sach { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 32px 0 64px; }
.danh-sach article { border-radius: var(--bo-md); background: var(--trang); overflow: hidden; }
.danh-sach article::before { content: ''; display: block; aspect-ratio: 1 / 1; border-radius: var(--bo-md); background: linear-gradient(135deg, #fff0f3, #f7f7f7); }
.danh-sach article:hover { box-shadow: var(--bong-nhe); }
.danh-sach h2, .danh-sach p { padding: 0 4px; }
.danh-sach h2 { margin-top: 12px; font-size: 16px; line-height: 1.25; }
.danh-sach p { color: var(--chu-phu); font-size: 14px; line-height: 1.43; }

.bai-viet { padding: 48px 0 80px; }
.bai-viet article { max-width: 760px; margin: 0 auto; }
.tom-tat-bai { color: var(--chu-phu); font-size: 18px; line-height: 1.55; padding-bottom: 24px; border-bottom: 1px solid var(--vien-mo); margin-bottom: 32px; }
.anh-dai-dien { margin: 24px 0; }
.anh-dai-dien img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--bo-md); box-shadow: var(--bong-nhe); }
.noi-dung { color: var(--chu-than); font-size: 16px; line-height: 1.7; }
.noi-dung figure { margin: 28px 0; }
.noi-dung figure img { max-width: 100%; height: auto; border-radius: var(--bo-sm); box-shadow: var(--bong-nhe); }
.noi-dung figcaption { color: var(--chu-phu); font-size: 14px; text-align: center; margin-top: 8px; }
.thu-vien-anh { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 28px 0; }
.thu-vien-anh figure { margin: 0; }
.thu-vien-anh img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.khoi-video video { width: 100%; aspect-ratio: 16 / 9; background: #111; border-radius: var(--bo-md); box-shadow: var(--bong-nhe); }
.noi-dung h2, .noi-dung h3 { color: var(--muc); margin-top: 32px; }
.noi-dung p { margin-bottom: 20px; }
.noi-dung a { text-decoration: underline; }
.noi-dung img { max-width: 100%; height: auto; border-radius: var(--bo-md); }
.noi-dung blockquote { margin: 32px 0; padding-left: 24px; border-left: 3px solid var(--mau-chinh); color: var(--muc); }

@media (max-width: 1128px) { .trang-chu, .bai-viet { width: calc(100vw - 48px); } .danh-sach { grid-template-columns: repeat(2, minmax(0, 1fr)); } .thanh-cong-khai { padding: 0 24px; grid-template-columns: auto 1fr auto; } }
@media (max-width: 744px) { .trang-chu, .bai-viet { width: calc(100vw - 32px); } .thanh-cong-khai { height: auto; min-height: 72px; grid-template-columns: 1fr auto; padding: 12px 16px; } .tim-kiem-mini { grid-column: 1 / -1; order: 3; } .hero { min-height: 320px; padding: 48px 0; } .danh-sach { grid-template-columns: 1fr; } }

/* Ẩn caption/tên file dưới ảnh và video */
.noi-dung figure > figcaption,
.noi-dung .khoi-video > figcaption,
.noi-dung .thu-vien-anh figcaption {
  display: none !important;
}

/* Trang chủ tin tức cao cấp - không hiển thị lối vào quản trị */
.thanh-cong-khai-moi { position: sticky; top: 0; z-index: 20; grid-template-columns: auto auto minmax(280px, 520px); background: rgba(255,255,255,.9); backdrop-filter: blur(18px); box-shadow: 0 12px 44px rgba(15,23,42,.06); }
.nav-cong-khai { display:flex; gap:8px; align-items:center; }
.nav-cong-khai a { padding:10px 14px; border-radius:999px; color:#475569; font-weight:700; font-size:14px; text-decoration:none; }
.nav-cong-khai a:hover { background:#fff0f3; color:var(--mau-chinh); }
.trang-chu-moi { width:min(1320px, calc(100vw - 56px)); }
.hero-tin-tuc { display:grid; grid-template-columns: .95fr 1.05fr; gap:34px; align-items:center; min-height:560px; padding:56px 0 34px; }
.hero-noi-dung { position:relative; padding:34px; border-radius:34px; background: radial-gradient(circle at 15% 10%, #fff0f3, transparent 34%), linear-gradient(135deg, #ffffff, #f8fbff); border:1px solid rgba(15,23,42,.08); box-shadow:0 30px 90px rgba(15,23,42,.08); overflow:hidden; }
.hero-noi-dung::after { content:''; position:absolute; width:260px; height:260px; border-radius:999px; right:-90px; bottom:-110px; background:linear-gradient(135deg,#ff3d6e,#7c3aed); filter:blur(16px); opacity:.13; }
.hero-tin-tuc h1 { max-width:760px; font-size:clamp(42px, 7vw, 86px); line-height:.92; letter-spacing:-.07em; margin:8px 0 22px; }
.hero-tin-tuc p { font-size:18px; color:#475569; max-width:620px; }
.hero-search { margin-top:28px; max-width:620px; }
.hero-card-doc { min-width:0; }
.the-noi-bat { position:relative; display:block; min-height:520px; border-radius:36px; overflow:hidden; color:#fff; text-decoration:none; box-shadow:0 34px 100px rgba(15,23,42,.22); background:#111827; }
.the-noi-bat img,.the-noi-bat .anh-gia-lap { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.the-noi-bat::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(2,6,23,.08), rgba(2,6,23,.86)); }
.the-noi-bat h2,.the-noi-bat p,.badge-moi { position:relative; z-index:1; }
.badge-moi { display:inline-flex; margin:26px; padding:9px 13px; border-radius:999px; background:rgba(255,255,255,.2); backdrop-filter:blur(10px); font-weight:800; }
.the-noi-bat h2 { position:absolute; left:28px; right:28px; bottom:112px; color:#fff; font-size:clamp(28px,4vw,48px); line-height:1.05; letter-spacing:-.04em; }
.the-noi-bat p { position:absolute; left:28px; right:28px; bottom:26px; color:rgba(255,255,255,.82); margin:0; }
.anh-gia-lap { display:block; background:linear-gradient(135deg,#fff0f3,#eff6ff 45%,#ede9fe); }
.cum-tin-phu { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:18px 0 34px; }
.the-tin-ngang { display:grid; grid-template-columns:120px 1fr; gap:14px; align-items:center; padding:12px; border:1px solid #eef2f7; border-radius:24px; background:#fff; box-shadow:0 18px 60px rgba(15,23,42,.06); text-decoration:none; }
.the-tin-ngang img,.the-tin-ngang .anh-gia-lap { width:120px; height:100px; object-fit:cover; border-radius:18px; }
.the-tin-ngang span,.ngay-dang { color:var(--mau-chinh); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.the-tin-ngang h2 { font-size:18px; margin:5px 0; line-height:1.2; }
.the-tin-ngang p { font-size:14px; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tieu-de-khu { display:flex; justify-content:space-between; align-items:end; gap:18px; padding:28px 0 12px; border-top:1px solid #eef2f7; }
.tieu-de-khu h2 { font-size:34px; letter-spacing:-.04em; }
.tieu-de-khu a { color:var(--mau-chinh); font-weight:800; }
.danh-sach-moi { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding-top:18px; }
.danh-sach-moi article::before { display:none; }
.the-bai-viet { border:1px solid #eef2f7; border-radius:28px !important; overflow:hidden; background:#fff; box-shadow:0 18px 70px rgba(15,23,42,.06); transition:.2s ease; }
.the-bai-viet:hover { transform:translateY(-4px); box-shadow:0 28px 90px rgba(15,23,42,.12); }
.anh-the-bai { display:block; }
.anh-the-bai img,.anh-the-bai .anh-gia-lap { width:100%; aspect-ratio:16/10; object-fit:cover; }
.noi-dung-the { padding:18px; }
.danh-sach-moi h2 { margin:8px 0 10px; padding:0; font-size:21px; line-height:1.22; }
.danh-sach-moi p { padding:0; margin:0; color:#64748b; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.chan-trang-cong-khai { width:min(1320px, calc(100vw - 56px)); margin:0 auto; padding:32px 0 48px; color:#64748b; border-top:1px solid #eef2f7; }
.nut-quan-tri,#vao-quan-tri,a[href='/quan-tri'] { display:none !important; }
@media(max-width:1128px){ .thanh-cong-khai-moi{grid-template-columns:1fr auto}.nav-cong-khai{justify-content:end}.thanh-cong-khai-moi .tim-kiem-mini{grid-column:1/-1}.hero-tin-tuc{grid-template-columns:1fr;min-height:auto}.cum-tin-phu,.danh-sach-moi{grid-template-columns:1fr 1fr} }
@media(max-width:744px){ .trang-chu-moi,.chan-trang-cong-khai{width:calc(100vw - 28px)} .nav-cong-khai{display:none}.hero-noi-dung{padding:24px}.the-noi-bat{min-height:430px}.cum-tin-phu,.danh-sach-moi{grid-template-columns:1fr}.the-tin-ngang{grid-template-columns:96px 1fr}.the-tin-ngang img,.the-tin-ngang .anh-gia-lap{width:96px;height:86px} }

/* Video công khai tự theo đúng tỉ lệ gốc */
.noi-dung .khoi-video { display:block; margin:28px auto; }
.noi-dung .khoi-video video { display:block; width:auto; max-width:100%; height:auto; max-height:82vh; margin:0 auto; aspect-ratio:auto !important; object-fit:contain; background:#050505; border-radius:18px; box-shadow:0 18px 50px rgba(15,23,42,.18); }
.noi-dung .khoi-video video[style] { aspect-ratio:auto !important; }

/* Mobile public fix: không lệch khung, media đúng màn hình */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
img, video, iframe { max-width:100%; }
@media(max-width:744px){
  .thanh-cong-khai,
  .thanh-cong-khai-moi { width:100% !important; display:flex !important; flex-wrap:wrap !important; gap:14px !important; padding:16px !important; align-items:center !important; }
  .logo-cong-khai { font-size:24px !important; line-height:1.15 !important; }
  .tim-kiem-mini,
  .thanh-tim-kiem,
  .hero-search { width:100% !important; max-width:100% !important; min-width:0 !important; grid-template-columns:minmax(0,1fr) auto !important; margin:8px 0 0 !important; }
  .tim-kiem-mini input,
  .thanh-tim-kiem input { min-width:0 !important; width:100% !important; font-size:16px !important; padding:0 14px !important; }
  .tim-kiem-mini button,
  .thanh-tim-kiem button { flex:0 0 auto !important; padding:0 18px !important; }
  .trang-chu,
  .trang-chu-moi,
  .bai-viet,
  .chan-trang-cong-khai { width:100% !important; max-width:100% !important; padding-left:16px !important; padding-right:16px !important; margin-left:auto !important; margin-right:auto !important; }
  .bai-viet { padding-top:28px !important; }
  .bai-viet article { width:100% !important; max-width:100% !important; overflow:hidden !important; }
  .bai-viet h1 { font-size:clamp(28px,8vw,38px) !important; line-height:1.15 !important; letter-spacing:-.035em !important; max-width:100% !important; word-break:break-word !important; }
  .tom-tat-bai { font-size:18px !important; margin-bottom:22px !important; }
  .noi-dung { width:100% !important; max-width:100% !important; overflow:hidden !important; }
  .noi-dung figure,
  .anh-dai-dien { width:100% !important; max-width:100% !important; margin:22px 0 !important; overflow:hidden !important; border-radius:16px !important; }
  .noi-dung figure img,
  .anh-dai-dien img { display:block !important; width:100% !important; max-width:100% !important; height:auto !important; object-fit:contain !important; }
  .noi-dung .khoi-video video { width:100% !important; max-width:100% !important; height:auto !important; max-height:78vh !important; object-fit:contain !important; }
  .thu-vien-anh { grid-template-columns:1fr !important; }
}

/* Mobile hard reset: xử lý lệch sang phải do phần tử rộng hơn viewport */
@media(max-width:744px){
  html { overflow-x:hidden !important; }
  body { width:100vw !important; max-width:100vw !important; overflow-x:hidden !important; position:relative !important; }
  body > header,
  body > main,
  body > footer,
  .thanh-cong-khai,
  .thanh-cong-khai-moi,
  .trang-chu,
  .trang-chu-moi,
  .bai-viet,
  .chan-trang-cong-khai { box-sizing:border-box !important; max-width:100vw !important; margin-left:0 !important; margin-right:0 !important; transform:none !important; left:auto !important; right:auto !important; }
  .trang-chu,
  .trang-chu-moi,
  .bai-viet,
  .chan-trang-cong-khai { width:100vw !important; padding-left:16px !important; padding-right:16px !important; }
  .bai-viet article,
  .noi-dung,
  .noi-dung > *,
  .noi-dung figure,
  .noi-dung .khoi-video,
  .anh-dai-dien { box-sizing:border-box !important; width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
  .noi-dung img,
  .noi-dung video,
  .noi-dung iframe,
  .anh-dai-dien img { display:block !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
  .noi-dung .khoi-video video { width:100% !important; height:auto !important; }
  .tim-kiem-mini,
  .thanh-tim-kiem { box-sizing:border-box !important; width:100% !important; max-width:100% !important; overflow:hidden !important; }
}

/* Giao diện sáng/tối + bỏ thanh tìm kiếm công khai */
.tim-kiem-mini,.thanh-tim-kiem,.hero-search { display:none !important; }
.logo-cong-khai { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; }
.logo-cong-khai img { max-height:42px; max-width:180px; object-fit:contain; }
.nut-doi-giao-dien { justify-self:end; border:1px solid var(--vien); background:var(--trang); color:var(--muc); width:42px; height:42px; border-radius:999px; cursor:pointer; box-shadow:var(--bong-nhe); }
html[data-theme='toi'] { --muc:#f8fafc; --chu-than:#d1d5db; --chu-phu:#94a3b8; --vien:#334155; --vien-mo:#1f2937; --nen:#020617; --nen-mem:#0f172a; --trang:#0b1220; --bong-nhe:0 0 0 1px rgba(148,163,184,.12),0 18px 55px rgba(0,0,0,.45); color-scheme:dark; }
html[data-theme='toi'] body { background:radial-gradient(circle at 20% 0%,rgba(255,56,92,.12),transparent 28%),#020617; }
html[data-theme='toi'] .thanh-cong-khai, html[data-theme='toi'] .thanh-cong-khai-moi { background:rgba(11,18,32,.88); border-color:#1e293b; }
html[data-theme='toi'] .hero-noi-dung, html[data-theme='toi'] .the-bai-viet, html[data-theme='toi'] .the-tin-ngang { background:#0b1220; border-color:#1e293b; }
html[data-theme='toi'] .anh-gia-lap { background:linear-gradient(135deg,#1e293b,#0f172a); }
@media(max-width:744px){ .thanh-cong-khai,.thanh-cong-khai-moi{justify-content:space-between!important}.logo-cong-khai{min-width:0;max-width:calc(100vw - 84px);overflow:hidden;text-overflow:ellipsis}.logo-cong-khai img{max-width:140px}.nut-doi-giao-dien{flex:0 0 42px} }

/* Dark mode riêng cho trang bài viết */
html[data-theme='toi'] .bai-viet { background:transparent !important; }
html[data-theme='toi'] .bai-viet article { color:#e5e7eb; }
html[data-theme='toi'] .bai-viet h1,
html[data-theme='toi'] .noi-dung h1,
html[data-theme='toi'] .noi-dung h2,
html[data-theme='toi'] .noi-dung h3 { color:#f8fafc !important; }
html[data-theme='toi'] .tom-tat-bai,
html[data-theme='toi'] .noi-dung,
html[data-theme='toi'] .noi-dung p { color:#cbd5e1 !important; }
html[data-theme='toi'] .tom-tat-bai { border-color:#1e293b !important; }
html[data-theme='toi'] .nhan-nho { color:#94a3b8 !important; }
html[data-theme='toi'] .noi-dung blockquote { border-left-color:#ff385c; background:#0f172a; color:#e5e7eb; padding:18px 20px; border-radius:0 16px 16px 0; }
html[data-theme='toi'] .noi-dung figure img,
html[data-theme='toi'] .anh-dai-dien img { box-shadow:0 22px 70px rgba(0,0,0,.55); }

/* Căn lại nút sáng/tối trong header */
.thanh-cong-khai .nut-doi-giao-dien,
.thanh-cong-khai-moi .nut-doi-giao-dien { position:static !important; transform:none !important; margin:0 !important; justify-self:end !important; align-self:center !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:1 !important; font-size:17px !important; z-index:3 !important; }
.thanh-cong-khai { position:relative; }
@media(min-width:745px){
  .thanh-cong-khai { grid-template-columns:auto 1fr auto !important; }
  .thanh-cong-khai .nav-cong-khai { justify-self:end !important; }
  .thanh-cong-khai .nut-doi-giao-dien { margin-left:14px !important; }
  .thanh-cong-khai:has(.nav-cong-khai) { grid-template-columns:auto 1fr auto auto !important; }
}
@media(max-width:744px){
  .thanh-cong-khai .nut-doi-giao-dien,
  .thanh-cong-khai-moi .nut-doi-giao-dien { margin-left:auto !important; flex:0 0 42px !important; }
}

/* Dynamic public logo */
.logo-cong-khai { display:inline-flex; align-items:center; gap:10px; }
.logo-cong-khai img { max-height:42px; max-width:180px; width:auto; object-fit:contain; border-radius:10px; }
.logo-cong-khai span { color:inherit; }

/* Media trong bài viết: vuông sắc cạnh, căn giữa và cân bằng khoảng cách */
.anh-dai-dien,
.noi-dung figure,
.noi-dung .khoi-video {
  margin: 24px auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.anh-dai-dien img,
.noi-dung figure img,
.noi-dung img,
.noi-dung video,
.noi-dung .khoi-video video,
.noi-dung .thu-vien-anh img {
  display: block !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
}
.noi-dung figure + figure,
.noi-dung figure + .khoi-video,
.noi-dung .khoi-video + figure,
.noi-dung .khoi-video + .khoi-video {
  margin-top: 24px !important;
}

/* Trang tìm kiếm công khai */
.hero-tim-kiem-dep {
  position: relative;
  overflow: hidden;
  margin: 34px 0 28px;
  padding: clamp(28px, 5vw, 56px);
  border: 1px solid rgba(15,23,42,.08);
  background: radial-gradient(circle at 8% 10%, rgba(255,56,92,.16), transparent 30%), linear-gradient(135deg,#ffffff,#f8fbff);
  box-shadow: 0 28px 90px rgba(15,23,42,.08);
}
.hero-tim-kiem-dep::after {
  content: '';
  position: absolute;
  width: 280px;
  height: 280px;
  right: -90px;
  bottom: -120px;
  background: linear-gradient(135deg,#ff385c,#7c3aed);
  opacity: .12;
  filter: blur(12px);
}
.hero-tim-kiem-dep h1 {
  position: relative;
  z-index: 1;
  max-width: 840px;
  margin: 8px 0 14px;
  font-size: clamp(34px, 6vw, 72px);
  line-height: .96;
  letter-spacing: -.06em;
}
.hero-tim-kiem-dep > p:not(.nhan-nho) {
  position: relative;
  z-index: 1;
  max-width: 680px;
  color: #475569;
  font-size: 17px;
}
.form-tim-kiem-dep {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  max-width: 760px;
  margin-top: 26px;
  padding: 8px;
  border: 1px solid #e5e7eb;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
}
.form-tim-kiem-dep input {
  width: 100%;
  border: 0;
  outline: 0;
  padding: 16px 18px;
  background: transparent;
  font-size: 16px;
}
.form-tim-kiem-dep button,
.nut-doc-tiep {
  border: 0;
  padding: 0 22px;
  min-height: 52px;
  background: #ff385c;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ket-qua-tim-kiem { margin-top: 22px; }
.tieu-de-ket-qua { padding-top: 22px; }
.ket-qua-tim-kiem .the-rong {
  padding: 30px;
  border: 1px solid #eef2f7;
  background: #fff;
  box-shadow: 0 18px 60px rgba(15,23,42,.06);
}
.ket-qua-tim-kiem .the-rong .nut-doc-tiep { margin-top: 12px; width: max-content; }
@media(max-width:744px){
  .hero-tim-kiem-dep { margin-top: 18px; padding: 26px 18px; }
  .form-tim-kiem-dep { grid-template-columns: 1fr; }
  .form-tim-kiem-dep button { width: 100%; }
}