/* CONGCU_SK_v1 — bo cong cu tra cuu. Mobile-first. */
.cc-trang{padding:16px 0 48px}
.cc-crumb{font-size:13px;opacity:.72;margin:4px 0 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cc-crumb a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.14)}
.cc-crumb span{opacity:.5}

/* --- luoi o cong cu --- */
.cc-luoi{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cc-luoi-lon,.cc-luoi-home{grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.cc-luoi{grid-template-columns:repeat(3,1fr)}.cc-luoi-lon,.cc-luoi-home{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.cc-luoi-lon{grid-template-columns:repeat(4,1fr)}}
.cc-o{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;
  background:#fff;border:1px solid rgba(0,0,0,.08);text-decoration:none;color:inherit;
  box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .15s ease,box-shadow .15s ease}
.cc-o:hover{transform:translateY(-2px);box-shadow:0 8px 20px -10px rgba(0,0,0,.28)}
.cc-ico{font-size:24px;line-height:1}
.cc-ten{font-weight:650;font-size:15px;line-height:1.25}
.cc-mo-ta{font-size:12.5px;opacity:.68;line-height:1.4}

/* --- form --- */
.cc-form{margin:14px 0 18px;padding:14px;border-radius:14px;background:rgba(0,0,0,.025);
  border:1px solid rgba(0,0,0,.07);display:flex;flex-direction:column;gap:10px}
.cc-form-hang{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:640px){.cc-form-hang{grid-template-columns:repeat(2,1fr);align-items:end}}
@media(min-width:960px){.cc-form-hang{grid-template-columns:repeat(3,1fr)}}
.cc-form label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;opacity:.82}
.cc-form select,.cc-form input{width:100%;padding:11px 12px;border-radius:10px;
  border:1px solid rgba(0,0,0,.18);font-size:16px;background:#fff;color:inherit}
.cc-form button{padding:12px 20px;border-radius:10px;border:0;font-size:15px;font-weight:650;
  background:var(--brand,#0a6f74);color:#fff;cursor:pointer}
.cc-form button:hover{filter:brightness(1.07)}

/* --- ket qua --- */
.cc-kq{margin:16px 0;padding:18px;border-radius:16px;background:#fff;
  border:1px solid rgba(0,0,0,.09);box-shadow:0 2px 10px -6px rgba(0,0,0,.2)}
.cc-kq-chinh{font-size:30px;font-weight:750;line-height:1.18;margin:0 0 8px}
.cc-kq-chinh span{font-size:17px;font-weight:600;opacity:.62}
.cc-phu{font-size:14px;opacity:.75;margin:0 0 10px}
.cc-giai{font-size:15.5px;line-height:1.72;margin:10px 0}
.cc-muc{margin:10px 0 0;padding-left:20px;line-height:1.72;font-size:15px}
.cc-muc li{margin:5px 0}
.cc-luu-y{margin:12px 0 0;padding:11px 13px;border-radius:10px;font-size:14px;line-height:1.6;
  background:rgba(255,193,7,.1);border-left:3px solid rgba(255,193,7,.7)}

/* --- khoi nhac (luat noi dung: khong chan doan, khong lieu thuoc) --- */
.cc-nhac{margin:22px 0 8px;padding:13px 15px;border-radius:12px;font-size:13.5px;line-height:1.65;
  background:rgba(0,0,0,.035);border:1px solid rgba(0,0,0,.07)}
.cc-nhac p{margin:0}

/* --- danh sach + cong cu khac --- */
.cc-ds-all{margin-top:26px}
.cc-ds-all h2,.cc-khac h2{font-size:17px;margin:0 0 10px}
.cc-cot{list-style:none;padding:0;margin:0;columns:2;column-gap:18px;font-size:14.5px;line-height:1.95}
@media(min-width:768px){.cc-cot{columns:3}}
.cc-cot li{break-inside:avoid}
.cc-cot a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.12)}
.cc-khac{margin-top:28px}

/* --- bang tick --- */
.cc-tick section{margin:0 0 18px}
.cc-tick h2{font-size:16px;margin:0 0 8px}
.cc-tick-d{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;margin:6px 0;
  border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:14.5px;line-height:1.55;cursor:pointer}
.cc-tick-d input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.cc-tick-d input:checked+span{opacity:.5;text-decoration:line-through}
.cc-xoa{padding:9px 16px;border-radius:10px;border:1px solid rgba(0,0,0,.18);background:#fff;cursor:pointer;font-size:14px}

/* --- o cong cu tren cung trong drawer --- */
.drawer-congcu{padding:12px 14px 4px;border-bottom:1px solid rgba(0,0,0,.08)}
.drawer-congcu-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;
  text-decoration:none;color:inherit;margin-bottom:10px}
.drawer-congcu-all{margin-left:auto;font-size:12px;font-weight:600;opacity:.6}
.drawer-congcu-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.drawer-congcu-o{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;
  border-radius:12px;background:rgba(0,0,0,.04);text-decoration:none;color:inherit;text-align:center}
.drawer-congcu-o:hover{background:rgba(0,0,0,.075)}
.dcc-ico{font-size:19px;line-height:1}
.dcc-ten{font-size:11px;font-weight:600;line-height:1.25}

/* --- dau khoi tren trang chu --- */
#cong-cu .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
#cong-cu .section-more{font-size:13.5px;font-weight:600;text-decoration:none;color:inherit;opacity:.72;white-space:nowrap}

@media (prefers-color-scheme: dark){
  .cc-o,.cc-kq,.cc-tick-d,.cc-form select,.cc-form input,.cc-xoa{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}
  .cc-form,.cc-nhac{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}
  .drawer-congcu-o{background:rgba(255,255,255,.07)}
  .cc-crumb a,.cc-cot a{border-bottom-color:rgba(255,255,255,.2)}
}

/* ---- CONGCU_SK_v2: tra xet nghiem, the bo tui, nhat ky ---- */
.cc-h{font-size:14px;font-weight:700;margin:16px 0 5px;opacity:.6;text-transform:uppercase;letter-spacing:.04em}
.cc-kq h2.cc-h:first-of-type{margin-top:10px}
.cc-kq p{margin:0 0 4px;line-height:1.7;font-size:15.5px}
.cc-form textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.18);
  font-size:16px;font-family:inherit;background:#fff;color:inherit;line-height:1.5}
.cc-nut{padding:11px 18px;border-radius:10px;border:0;background:var(--brand,#0a6f74);color:#fff;
  font-size:14.5px;font-weight:650;cursor:pointer;margin-right:8px}
.cc-luu-trang{font-size:12.5px;opacity:.6;margin-left:8px}

/* the suc khoe bo tui */
.cc-the{margin:18px 0}
.cc-the-in{padding:18px;border-radius:16px;border:2px solid rgba(0,0,0,.14);background:#fff}
.cc-the-in h2{margin:0 0 12px;font-size:17px}
.cc-the-d{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px 0;border-top:1px solid rgba(0,0,0,.07);font-size:14.5px;line-height:1.55}
.cc-the-d b{font-size:12px;text-transform:uppercase;letter-spacing:.03em;opacity:.6}
.cc-the-do{background:rgba(220,38,38,.07);margin:0 -8px;padding:8px;border-radius:8px}
.cc-the-do b{color:#b91c1c;opacity:1}
@media(max-width:520px){.cc-the-d{grid-template-columns:1fr;gap:2px}}

/* bang nhat ky */
.cc-bang{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
.cc-bang th,.cc-bang td{padding:8px 9px;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;vertical-align:top}
.cc-bang th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;opacity:.6}
.cc-bang .nk-x{border:0;background:none;color:#b91c1c;cursor:pointer;font-size:12.5px;padding:2px 4px}
@media(max-width:560px){.cc-bang th:nth-child(3),.cc-bang td:nth-child(3){display:none}}

/* in ra giay: chi giu the, bo moi thu khac */
@media print{
  .cc-crumb,.cc-form,.cc-nhac,.cc-khac,.cc-ds-all,.page-lead,.cc-luu-y,
  .site-footer,.topbar,.bottom-nav,.drawer,button{display:none !important}
  .cc-the-in{border:1px solid #000;page-break-inside:avoid}
  body{padding:0}
}
@media (prefers-color-scheme: dark){
  .cc-the-in{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}
  .cc-form textarea{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}
  .cc-the-d{border-top-color:rgba(255,255,255,.1)}
  .cc-bang th,.cc-bang td{border-bottom-color:rgba(255,255,255,.1)}
}

/* ===== SOSK_SK_v1 — so theo doi suc khoe ===== */
.cc-nguoi{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 10px;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.035)}
.cc-nguoi label{font-size:12px;text-transform:uppercase;letter-spacing:.03em;opacity:.6;margin:0}
.cc-nguoi select{padding:7px 10px;border-radius:9px;border:1px solid rgba(0,0,0,.16);background:#fff;font-size:14.5px;min-width:120px}
.cc-nut-nho{border:1px solid rgba(0,0,0,.16);background:#fff;border-radius:9px;padding:6px 10px;font-size:12.5px;cursor:pointer;color:inherit}
.cc-nut-nho.cc-xoa{color:#b91c1c;border-color:rgba(185,28,28,.3)}

.cc-tab{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}
.cc-tab-nut{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.14);background:#fff;
  border-radius:999px;padding:7px 13px;font-size:13.5px;cursor:pointer;color:inherit;line-height:1.3}
.cc-tab-nut .cc-tab-ico{font-size:15px}
.cc-tab-nut em{font-style:normal;font-size:11.5px;background:rgba(0,0,0,.08);border-radius:999px;padding:1px 6px}
.cc-tab-nut.dang{background:var(--brand,#0b6b5e);border-color:var(--brand,#0b6b5e);color:#fff;font-weight:600}
.cc-tab-nut.dang em{background:rgba(255,255,255,.22)}

.cc-bieudo{margin:22px 0;padding:16px 14px 10px;border:1px solid rgba(0,0,0,.1);border-radius:14px}
.cc-bd-dau{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.cc-bd-dau h2{margin:0;font-size:16px}
.cc-bd-dau select{padding:6px 9px;border-radius:9px;border:1px solid rgba(0,0,0,.16);background:#fff;font-size:13px}
.cc-svg{width:100%;height:auto;display:block;overflow:visible}
.cc-luoi-ke{stroke:rgba(0,0,0,.09);stroke-width:1}
.cc-truc{font-size:10.5px;fill:currentColor;opacity:.55;text-anchor:end}
svg .cc-truc:not([text-anchor="end"]){text-anchor:start}
.cc-chu-giai{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 0;font-size:12.5px;opacity:.75}
.cc-chu-giai i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.cc-tomtat{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:9px;margin:14px 0 2px}
.cc-tomtat div{padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.035)}
.cc-tomtat dt{font-size:11px;text-transform:uppercase;letter-spacing:.03em;opacity:.55;margin:0}
.cc-tomtat dd{margin:2px 0 0;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}

.cc-bang-cuon{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cc-bang .cc-so{font-variant-numeric:tabular-nums;white-space:nowrap}
.cc-bang .ss-x{border:0;background:none;color:#b91c1c;cursor:pointer;font-size:12.5px;padding:2px 4px}
.cc-hanh-dong{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:16px 0}
.cc-huong-dan{margin:26px 0;padding:18px 16px;border-radius:14px;background:rgba(0,0,0,.035)}
.cc-huong-dan h2{margin:0 0 10px;font-size:16px}
.cc-huong-dan ul{margin:0;padding-left:20px}
.cc-huong-dan li{margin:9px 0;line-height:1.65;font-size:14.5px}

@media(max-width:560px){
  .cc-tab-nut{font-size:12.5px;padding:6px 10px}
  .cc-bieudo{padding:12px 8px 8px;margin-left:-6px;margin-right:-6px}
}
@media (prefers-color-scheme: dark){
  .cc-nguoi,.cc-tomtat div,.cc-huong-dan{background:rgba(255,255,255,.05)}
  .cc-nguoi select,.cc-nut-nho,.cc-tab-nut,.cc-bd-dau select{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}
  .cc-bieudo{border-color:rgba(255,255,255,.14)}
  .cc-luoi-ke{stroke:rgba(255,255,255,.12)}
  .cc-tab-nut em{background:rgba(255,255,255,.12)}
}
@media print{ .cc-nguoi,.cc-tab,.cc-hanh-dong,.cc-huong-dan{display:none !important} }

/* ===== TRCH_SK_v1 — tra trieu chung ===== */
.tc-khoa{margin:20px 0}
.tc-khoa h2,.tc-hop h2,.tc-vung h2,.tc-lien-quan h2,.tc-nham h2{font-size:16px;margin:0 0 10px}
.tc-khoa-chinh{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tc-the{display:inline-block;background:var(--brand,#0b6b5e);color:#fff;border-radius:999px;padding:7px 15px;font-size:14.5px;font-weight:600}
.tc-khoa-phu{margin:6px 0 10px;padding-left:20px}
.tc-khoa-phu li{margin:5px 0;line-height:1.6;font-size:14.5px}

.tc-gap{margin:22px 0;padding:16px 16px 12px;border-radius:14px;border:2px solid rgba(185,28,28,.35);background:rgba(220,38,38,.05)}
.tc-gap h2{margin:0 0 10px;font-size:16px;color:#b91c1c}
.tc-gap ul{margin:0;padding-left:20px}
.tc-gap li{margin:7px 0;line-height:1.6;font-size:15px;font-weight:500}
.tc-gap-cuoi{margin:12px 0 0;font-size:13.5px;line-height:1.6;opacity:.85}

.tc-cot{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.tc-hop{padding:16px;border-radius:14px;background:rgba(0,0,0,.035);margin:20px 0}
.tc-cot .tc-hop{margin:0}
.tc-hop ul{margin:0;padding-left:20px}
.tc-hop li{margin:7px 0;line-height:1.62;font-size:14.5px}
.tc-hop .cc-phu{margin:10px 0 0;font-size:13.5px;line-height:1.6}
.tc-do{color:#b91c1c}

.tc-nham{margin:22px 0;padding:16px;border-left:4px solid var(--brand,#0b6b5e);background:rgba(0,0,0,.03);border-radius:0 12px 12px 0}
.tc-nham p{margin:0;line-height:1.7;font-size:14.8px}

.tc-vung{margin:24px 0}
.tc-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.tc-luoi a{display:block;padding:12px 14px;border:1px solid rgba(0,0,0,.1);border-radius:12px;text-decoration:none;color:inherit;line-height:1.5}
.tc-luoi a:hover{border-color:var(--brand,#0b6b5e);background:rgba(0,0,0,.02)}
.tc-luoi a strong{display:block;font-size:15px;margin-bottom:3px}
.tc-luoi a span{display:block;font-size:13px;opacity:.72}
.tc-lien-quan{margin:26px 0}
.tc-lien-quan .tc-luoi{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.tc-lien-quan .tc-luoi a{padding:9px 12px;font-size:14px}
.tc-gioi-thieu{margin:18px 0 26px;padding:16px;border-radius:14px;background:rgba(0,0,0,.035)}
.tc-gioi-thieu p{margin:0 0 10px;line-height:1.7;font-size:15px}
.tc-gioi-thieu p:last-child{margin:0}

@media(max-width:700px){ .tc-cot{grid-template-columns:1fr} }
@media (prefers-color-scheme: dark){
  .tc-hop,.tc-gioi-thieu,.tc-nham{background:rgba(255,255,255,.05)}
  .tc-luoi a{border-color:rgba(255,255,255,.14)}
  .tc-luoi a:hover{background:rgba(255,255,255,.04)}
  .tc-gap{background:rgba(220,38,38,.12);border-color:rgba(248,113,113,.45)}
  .tc-gap h2{color:#fca5a5}
  .tc-do{color:#fca5a5}
}

/* ===== CHCH_SK_v1 — tra chup chieu ===== */
.cc-vt{font-size:.55em;font-weight:500;opacity:.55;vertical-align:.35em;letter-spacing:.04em}
.kt-chi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0}
.kt-chi div{padding:11px 13px;border-radius:12px;background:rgba(0,0,0,.035)}
.kt-chi dt{font-size:11px;text-transform:uppercase;letter-spacing:.03em;opacity:.55;margin:0 0 3px}
.kt-chi dd{margin:0;font-size:14.5px;line-height:1.55}
.kt-thay,.kt-khong{padding:16px;border-radius:14px}
.kt-thay{background:rgba(11,107,94,.07);border:1px solid rgba(11,107,94,.2)}
.kt-khong{background:rgba(194,84,58,.07);border:1px solid rgba(194,84,58,.24)}
.kt-thay h2,.kt-khong h2,.kt-khai h2{font-size:16px;margin:0 0 9px}
.kt-thay p,.kt-khong p,.kt-khai p{margin:0 0 8px;line-height:1.68;font-size:14.8px}
.kt-thay p:last-child,.kt-khong p:last-child,.kt-khai p:last-child{margin:0}
.kt-khai{margin:20px 0;padding:16px;border-radius:14px;border:2px solid rgba(0,0,0,.12)}
@media (prefers-color-scheme: dark){
  .kt-chi div{background:rgba(255,255,255,.05)}
  .kt-thay{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.28)}
  .kt-khong{background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.3)}
  .kt-khai{border-color:rgba(255,255,255,.2)}
}

/* ===== TNGU_SK_v2 — tu dien 99 muc: gom nhom + tim tai cho ===== */
.tn-en{margin:0 0 12px;font-size:14.5px;display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.tn-nhom{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;background:rgba(0,0,0,.07);border-radius:999px;padding:3px 10px;opacity:.75}
.tn-ds{margin:28px 0}
.tn-ds h2{font-size:17px;margin:0 0 12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:9px}
.tn-dem{font-size:12.5px;font-weight:400;opacity:.55}
.tn-tim{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 18px}
.tn-tim label{font-size:12px;text-transform:uppercase;letter-spacing:.03em;opacity:.6;margin:0}
.tn-tim input{flex:1;min-width:220px;padding:10px 13px;border-radius:11px;border:1px solid rgba(0,0,0,.16);background:#fff;font-size:15px}
.tn-ket{font-size:13px;opacity:.6;white-space:nowrap}
.tn-g{margin:0 0 22px}
.tn-g h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin:0 0 9px;
  padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.1)}
.tn-g h3 em{font-style:normal;opacity:.6}
.tn-cot{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:3px 16px}
.tn-cot li{padding:6px 0;line-height:1.45;border-bottom:1px solid rgba(0,0,0,.05)}
.tn-cot li a{text-decoration:none;color:inherit;font-size:14.8px}
.tn-cot li a:hover{text-decoration:underline}
.tn-cot li span{display:block;font-size:12px;opacity:.5}
.tn-cot li.dang a{font-weight:700;color:var(--brand,#0b6b5e)}
@media (prefers-color-scheme: dark){
  .tn-nhom{background:rgba(255,255,255,.1)}
  .tn-tim input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:inherit}
  .tn-g h3{border-bottom-color:rgba(255,255,255,.12)}
  .tn-cot li{border-bottom-color:rgba(255,255,255,.07)}
}

/* ===== TAMSOAT_SK_v2 — tam soat theo tuoi ===== */
.ts-deu{margin:20px 0;padding:16px;border-radius:14px;background:rgba(0,0,0,.035)}
.ts-deu h2,.ts-mang h2,.ts-doi h2{font-size:16px;margin:0 0 9px}
.ts-deu ul,.ts-mang ul,.ts-doi ul{margin:0;padding-left:20px}
.ts-deu li,.ts-mang li,.ts-doi li{margin:7px 0;line-height:1.62;font-size:14.8px}
.ts-mang{margin:18px 0;padding:14px 16px;border-left:3px solid var(--brand,#0b6b5e);border-radius:0 12px 12px 0;background:rgba(0,0,0,.02)}
.ts-mang h2{display:flex;align-items:center;gap:8px}
.ts-ico{font-size:18px}
.ts-doi{margin:20px 0;padding:16px;border-radius:14px;border:1px solid rgba(0,0,0,.12)}
.ts-doi .cc-phu{margin:10px 0 0;line-height:1.62}
@media (prefers-color-scheme: dark){
  .ts-deu{background:rgba(255,255,255,.05)}
  .ts-mang{background:rgba(255,255,255,.03)}
  .ts-doi{border-color:rgba(255,255,255,.16)}
}

/* ===== HOSO_SK_v2 — ho so bo tui ===== */
.hs-tien-do{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:13px;opacity:.8}
.hs-thanh{flex:1;height:6px;border-radius:999px;background:rgba(0,0,0,.09);overflow:hidden;min-width:90px}
.hs-thanh i{display:block;height:100%;width:0;background:var(--brand,#0b6b5e);transition:width .25s}
.hs-nhom{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px 16px 12px;margin:0 0 16px}
.hs-nhom>legend{font-size:13px;font-weight:600;padding:0 8px;text-transform:uppercase;letter-spacing:.03em;opacity:.75}
.hs-nhom.hs-do{border-color:rgba(185,28,28,.35);background:rgba(220,38,38,.04)}
.hs-nhom.hs-do>legend{color:#b91c1c;opacity:1;text-transform:none;letter-spacing:0;font-size:14px}
.hs-vi-sao{margin:10px 0 0;font-size:13.2px;line-height:1.6;opacity:.75}
.hs-thuoc-dong{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:7px;margin-bottom:7px}
.hs-thuoc-dong input{padding:8px 10px;border-radius:9px;border:1px solid rgba(0,0,0,.16);background:#fff;font-size:14px;min-width:0}
.hs-tx{border:0;background:none;color:#b91c1c;cursor:pointer;font-size:12.5px;padding:0 6px}
.hs-chon-ngu{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0 6px;padding:10px 13px;border-radius:12px;background:rgba(0,0,0,.035);font-size:14px}
.hs-chon-ngu>span{font-size:12px;text-transform:uppercase;letter-spacing:.03em;opacity:.6}
.hs-chon-ngu label{display:inline-flex;align-items:center;gap:6px;margin:0;cursor:pointer}
.cc-the-d.hs-trong span{opacity:.35;font-style:italic}
.hs-the-thuoc{margin:0;padding-left:18px}
.hs-the-thuoc li{margin:2px 0}
.hs-the-thuoc em{font-style:normal;opacity:.65}
.hs-the-chan{margin:14px 0 0;padding-top:10px;border-top:1px solid rgba(0,0,0,.12);font-size:11.5px;line-height:1.5;opacity:.65}
@media(max-width:620px){ .hs-thuoc-dong{grid-template-columns:1fr auto} }
@media (prefers-color-scheme: dark){
  .hs-nhom{border-color:rgba(255,255,255,.16)}
  .hs-nhom.hs-do{background:rgba(220,38,38,.12);border-color:rgba(248,113,113,.4)}
  .hs-nhom.hs-do>legend{color:#fca5a5}
  .hs-thanh{background:rgba(255,255,255,.12)}
  .hs-thuoc-dong input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:inherit}
  .hs-chon-ngu{background:rgba(255,255,255,.05)}
  .hs-the-chan{border-top-color:rgba(255,255,255,.18)}
}
/* in ra giay: chi giu the */
@media print{
  .hs-nhom,.hs-tien-do,.hs-chon-ngu,#hsGoiY,.cc-hanh-dong,.cc-nguoi{display:none !important}
  .hs-the-chan{opacity:1}
}

/* ===== BANGKIEM_SK_v2 — bang kiem theo tinh huong ===== */
.bk-mo{margin:0 0 18px;font-size:14.6px;line-height:1.68;opacity:.85}
.bk-nhom{margin:0 0 20px}
.bk-nhom h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin:0 0 9px;
  padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.1)}
.cc-tick-d{display:flex;gap:10px;align-items:flex-start;padding:8px 0;line-height:1.58;font-size:14.8px;cursor:pointer}
.cc-tick-d input{margin-top:3px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--brand,#0b6b5e)}
.cc-tick-d input:checked + span{opacity:.5;text-decoration:line-through}
@media (prefers-color-scheme: dark){ .bk-nhom h2{border-bottom-color:rgba(255,255,255,.12)} }
@media print{
  .cc-tab,.hs-tien-do,.cc-hanh-dong,.cc-huong-dan,.cc-nhac,.cc-khac,.cc-crumb,.page-lead{display:none !important}
  .cc-tick-d input:checked + span{text-decoration:none;opacity:1}
  .bk-bang[hidden]{display:none !important}
}

/* ===== NHATKY_SK_v2 — dai 60 ngay ===== */
.nk-dai{margin:22px 0;padding:16px 14px 10px;border:1px solid rgba(0,0,0,.1);border-radius:14px}
.nk-dai-luoi{display:grid;grid-template-columns:repeat(30,1fr);gap:3px;margin:4px 0 2px}
.nk-o{display:block;width:100%;aspect-ratio:1;border-radius:3px;background:var(--brand,#0b6b5e)}
.nk-trong{background:rgba(0,0,0,.07)}
.nk-m0{opacity:.14}.nk-m1{opacity:.3}.nk-m2{opacity:.48}.nk-m3{opacity:.66}.nk-m4{opacity:.83}.nk-m5{opacity:1}
.nk-xu{font-size:14px !important;font-weight:500 !important}
@media(max-width:560px){ .nk-dai-luoi{grid-template-columns:repeat(15,1fr)} }
@media (prefers-color-scheme: dark){
  .nk-dai{border-color:rgba(255,255,255,.14)}
  .nk-trong{background:rgba(255,255,255,.1)}
}

/* ===== DONVI_SK_v2 / BMI_SK_v2 ===== */
.dv-bay{margin:12px 0 0;padding:11px 13px;border-radius:11px;background:rgba(194,84,58,.09);
  border:1px solid rgba(194,84,58,.26);font-size:14.2px;line-height:1.62}
.dv-bang{margin:24px 0}
.dv-bang h2{font-size:16px;margin:0 0 10px;display:flex;align-items:baseline;gap:9px}
.dv-bang td a{text-decoration:none;color:inherit}
.dv-bang td a:hover{text-decoration:underline}
.dv-bang tr.dang{background:rgba(0,0,0,.04);font-weight:600}
@media (prefers-color-scheme: dark){
  .dv-bay{background:rgba(251,146,60,.12);border-color:rgba(251,146,60,.3)}
  .dv-bang tr.dang{background:rgba(255,255,255,.06)}
}

/* ===== MOCTD_SK_v2 — moc theo doi ===== */
.mtd-cuoi{background:rgba(245,158,11,.09)}
.mtd-co{display:inline-block;font-size:11px;background:rgba(245,158,11,.22);border-radius:999px;padding:1px 8px;margin-left:6px}
.kt-khong ul,.kt-thay ul{margin:0;padding-left:20px}
.kt-khong li,.kt-thay li{margin:7px 0;line-height:1.62;font-size:14.6px}
@media (prefers-color-scheme: dark){ .mtd-cuoi{background:rgba(245,158,11,.14)} }

/* ===== NHOMTHUOC_SK_v1 — tra nhom thuoc ===== */
.nt-canh{margin:0 0 20px;padding:14px 16px;border-radius:14px;border:1px solid rgba(0,0,0,.14);background:rgba(0,0,0,.025)}
.nt-canh p{margin:0;line-height:1.7;font-size:14.6px}
.nt-ngung{margin:20px 0;padding:16px;border-radius:14px;border:2px solid rgba(185,28,28,.35);background:rgba(220,38,38,.05)}
.nt-ngung h2{margin:0 0 9px;font-size:16px;color:#b91c1c}
.nt-ngung p{margin:0;line-height:1.68;font-size:14.8px}
@media (prefers-color-scheme: dark){
  .nt-canh{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}
  .nt-ngung{background:rgba(220,38,38,.12);border-color:rgba(248,113,113,.45)}
  .nt-ngung h2{color:#fca5a5}
}

/* ============================================================
   BSK_CONGCU_CSS_v1 — phần nối cho cụm blogsuckhoe.
   Tệp trên đây bê nguyên từ cụm suckhoe, KHÔNG sửa dòng nào, để lần sau
   cụm đó cập nhật thì chép đè là xong. Mọi khác biệt gom hết xuống dưới này.

   Ba lớp `.container` `.page-header` `.page-lead` do view công cụ dùng nhưng
   nằm trong `app.css` của cụm suckhoe — không kéo cả tệp đó sang đây, chỉ dựng
   lại ba lớp theo đúng khuôn `.bao` của site này.
   ============================================================ */
:root{
  /* cong-cu.css dùng var(--brand, #0a6f74); không khai thì rơi về xanh mòng két
     của cụm suckhoe, lệch hẳn với màu ô liu của site này. */
  --brand: #5e8c07;
  --brand-nhat: #f4f7e8;
}
@media(prefers-color-scheme:dark){ :root{ --brand:#a8cf3a; --brand-nhat:#1c2412; } }

.container{max-width:1120px;margin:0 auto;padding:0 16px}
.page-header{margin:6px 0 18px}
.page-header h1{margin:0 0 6px;font-size:24px;line-height:1.25;letter-spacing:-.02em}
@media(min-width:640px){ .page-header h1{font-size:29px} }
.page-lead{margin:0;font-size:14.5px;color:var(--nhat,#5b6472);line-height:1.55}

/* `.cc-trang` là <main> của chính nó (xem BSK_MAIN_MOT_LAN_v1 ở base.php) nên
   không được cộng thêm padding ngang của .bao nữa — .container đã lo. */
main.cc-trang{padding-left:0;padding-right:0}

/* Nút và ô nhập dùng lại màu nhãn của site thay vì màu cứng trong tệp gốc. */
.cc-form button,.cc-nut{background:var(--brand)}
.cc-o:hover{border-color:var(--brand)}
.cc-form select:focus,.cc-form input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}

/* Trang công cụ nằm dưới bottom-nav trên điện thoại — chừa chỗ cho thanh đó. */
@media(max-width:820px){ .cc-trang{padding-bottom:72px} }