/* ===== PHẦN MỚI CỦA MẪU B1 =====
   App mới nên toàn bộ khối này là CSS gốc của app. Claude Code chép thẳng vào static/css/app.css.
   Giao diện chỉ có chữ, không ảnh: DW, CEPR, Nikkei không gửi ảnh kèm tin nên danh sách không phụ thuộc vào ảnh. */
:root{
  --bp-giay:#FBF8F1; --bp-mat:#FFFFFF; --bp-muc:#1C1A17; --bp-nhat:#6A665C; --bp-ke:#E5DFD1; --bp-nen-tom:#F2ECDD;
  --bp-tq:#A8321F; --bp-au:#1F4E79; --bp-vn:#2C6A4F; --bp-chinh:#1C1A17;
  --bp-chu-giao-dien:'Be Vietnam Pro',Arial,sans-serif;
  --bp-chu-bao:'Literata',Georgia,serif;
}
.bp{background:var(--bp-giay);color:var(--bp-muc);font-family:var(--bp-chu-giao-dien);max-width:680px;margin:0 auto}

.bp-dau{padding:16px 16px 8px}
.bp-ten{font-family:var(--bp-chu-bao);font-weight:700;font-size:26px;line-height:1.15;margin:0}
.bp-khau{font-size:13px;color:var(--bp-nhat);margin:3px 0 0}

.bp-khu{display:flex;justify-content:space-between;gap:10px;padding:0 16px;border-bottom:1px solid var(--bp-ke);overflow-x:auto}
.bp-khu a{flex:none;padding:12px 0 11px;font-size:14px;font-weight:500;color:var(--bp-nhat);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.bp-khu a.dang{color:var(--bp-muc);font-weight:700;border-bottom-color:var(--bp-muc)}

.bp-nhan{font-size:12.5px;font-weight:600;margin:0 0 5px}
.bp-nhan .tq{color:var(--bp-tq)} .bp-nhan .au{color:var(--bp-au)} .bp-nhan .vn{color:var(--bp-vn)} .bp-nhan .tg{color:var(--bp-nhat)}
.bp-nhan .cd{color:var(--bp-nhat);font-weight:500}
.bp-nguon{font-size:12.5px;color:var(--bp-nhat);margin:7px 0 0}
.bp-the{display:inline-block;font-size:11.5px;font-weight:600;color:var(--bp-tq);border:1px solid currentColor;border-radius:4px;padding:0 5px;margin-left:4px;line-height:1.5}

.bp-cau{font-family:var(--bp-chu-bao);font-weight:600;font-size:19px;line-height:1.42;margin:0}
.bp-cau--lon{font-size:22px;line-height:1.42;margin:12px 0 0}
.bp-nguoi{font-size:13px;line-height:1.5;color:var(--bp-nhat);margin:8px 0 0}
.bp-nguoi b{color:var(--bp-muc);font-weight:600}

.bp-thanh{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:48px;border-bottom:1px solid var(--bp-ke);font-size:14px}
.bp-thanh a{color:var(--bp-muc);text-decoration:none;font-weight:500;padding:12px 0}
.bp-doc{padding:16px 16px 20px}
.bp-doc h1{font-family:var(--bp-chu-bao);font-weight:700;font-size:25px;line-height:1.3;margin:0}
.bp-tom{background:var(--bp-nen-tom);border-radius:10px;padding:12px 14px;margin:14px 0 4px}
.bp-tom b{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
.bp-tom ul{margin:0;padding-left:18px;font-size:15px;line-height:1.6}
.bp-tom li + li{margin-top:5px}
.bp-than p{font-family:var(--bp-chu-bao);font-size:18px;line-height:1.72;margin:15px 0 0}
.bp-chan{margin-top:20px;padding-top:12px;border-top:1px solid var(--bp-ke)}
.bp-chan p{font-size:13px;color:var(--bp-nhat);margin:0 0 10px;line-height:1.5}
.bp-chan p.bp-tu-lay--xong{color:var(--bp-vn);font-weight:600}
.bp-chan p.bp-tu-lay--loi{color:var(--bp-tq);font-weight:600}
.bp-nut{display:block;text-align:center;padding:12px;font-size:15px;font-weight:600;border-radius:9px;background:var(--bp-muc);color:#fff;text-decoration:none}
.bp-mui{display:inline-block;width:.8em;height:.8em;margin-left:3px;vertical-align:-.05em}
.bp-nut--vien{background:transparent;color:var(--bp-muc);border:1px solid var(--bp-muc)}

.bp-ma{padding:26px 20px 24px;text-align:center}
.bp-ma p{font-size:14px;color:var(--bp-nhat);margin:6px 0 16px;line-height:1.5}
.bp-o{display:block;width:100%;box-sizing:border-box;padding:12px;font-size:16px;font-family:inherit;border:1px solid #B9B2A1;border-radius:9px;background:#fff;text-align:center;margin-bottom:10px}
.bp-ma small{display:block;font-size:12.5px;color:var(--bp-nhat);margin-top:12px}

/* ===== PHẦN MỚI CỦA MẪU B2 ===== */
.bp-dong{display:block;padding:11px 16px 12px;border-bottom:1px solid var(--bp-ke);color:inherit;text-decoration:none}
.bp-dong:last-child{border-bottom:0}
.bp-dong-tieu{font-family:'Roboto',Arial,sans-serif;font-weight:400;font-size:17px;line-height:24px;color:#23497B;margin:0}
.bp-dong:hover .bp-dong-tieu{color:#FF6600;text-decoration:underline}
.bp-dong-phu{font-family:'Roboto',Arial,sans-serif;font-size:13px;line-height:19px;color:var(--bp-nhat);margin:3px 0 0}

/* Thêm ngoài mẫu: font tự phục vụ (chỉ Latin + tiếng Việt) và nền trang. */
@font-face{font-family:'Be Vietnam Pro';font-weight:400;font-display:swap;src:url(/static/fonts/be-vietnam-pro-400.woff2) format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-weight:500;font-display:swap;src:url(/static/fonts/be-vietnam-pro-500.woff2) format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-weight:600;font-display:swap;src:url(/static/fonts/be-vietnam-pro-600.woff2) format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-weight:700;font-display:swap;src:url(/static/fonts/be-vietnam-pro-700.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-weight:400;font-display:swap;src:url(/static/fonts/roboto-400.woff2) format('woff2')}
@font-face{font-family:'Literata';font-weight:400 700;font-display:swap;src:url(/static/fonts/literata.woff2) format('woff2')}
body{margin:0;background:var(--bp-giay)}