/* ONGDU_SKIN_v3 — bam ten class that cua theme, so do lay tu app.ongdu.com */
:root{
  --od-bg:#fffbf2; --od-ink:#0f172a; --od-mut:#64748b; --od-dim:#94a3b8;
  --od-line:#fde68a; --od-line2:#fcd34d; --od-warm:#78350f; --od-brand:#b45309;
  --od-amber:#f59e0b; --od-soft:#fffbeb; --od-cream:#fef3c7;
}
body{background:var(--od-bg);color:var(--od-ink);padding-bottom:74px;
  font-family:'Be Vietnam Pro',ui-sans-serif,system-ui,sans-serif;-webkit-text-size-adjust:100%}
.container{max-width:860px;padding-inline:15px}

/* ===== TOPBAR ===== */
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,251,242,.96);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--od-line);box-shadow:none}
.brand{display:flex;align-items:center;gap:9px;min-width:0}
.brand-logo{width:34px;height:34px;flex:0 0 34px;border-radius:11px;
  background:linear-gradient(135deg,#fbbf24,#d97706);display:flex;align-items:center;
  justify-content:center;font-size:19px;color:#fff}
.brand-name{font-size:16px;font-weight:900;letter-spacing:-.02em;line-height:1.1}
.brand-text small,.brand-sub{font-size:10px;color:#92400e;font-weight:700;letter-spacing:.06em}
.topbar-nav-item{font-size:13.5px;font-weight:700;color:#334155;padding:7px 12px;border-radius:999px}
.topbar-nav-item:hover,.topbar-nav-item.active{background:var(--od-ink);color:#fff}

/* ===== CHIP CHUYEN MUC ===== */
.cat-grid{display:flex;gap:7px;overflow-x:auto;grid-template-columns:none;
  padding:13px 0 4px;-webkit-overflow-scrolling:touch}
.cat-card{white-space:nowrap;padding:7px 13px;border-radius:999px;background:#fff;
  border:1px solid var(--od-line);font-size:13px;font-weight:700;color:var(--od-warm);
  display:inline-flex;align-items:center;gap:6px;box-shadow:none;min-height:0;flex:0 0 auto}
.cat-card:hover{background:var(--od-ink);color:#fff;border-color:var(--od-ink);transform:none}
.cat-icon{font-size:14px}
.cat-name{font-size:13px;font-weight:700}
.cat-count{font-size:11px;color:var(--od-dim);font-weight:800}
.cat-card:hover .cat-count{color:var(--od-line)}

/* ===== THE BAI ===== */
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
@media(min-width:680px){.post-grid{grid-template-columns:repeat(3,1fr)}}
.post-card{background:#fff;border:1px solid var(--od-line);border-radius:16px;
  overflow:hidden;box-shadow:none}
.post-card:hover{transform:none;box-shadow:0 6px 18px rgba(180,83,9,.08)}
.post-card-thumb img,.post-card-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;
  display:block;background:var(--od-cream)}
.post-card-body{padding:10px 11px 12px}
.post-card-cat{font-size:10px;font-weight:800;color:var(--od-brand);
  text-transform:uppercase;letter-spacing:.06em}
.post-card-title{font-size:13px;font-weight:800;line-height:1.4;margin:4px 0 0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card-excerpt{display:none}
.post-card-meta{font-size:10.5px;color:var(--od-dim);font-weight:600;margin-top:5px}
.post-card-read{font-size:10.5px;color:var(--od-dim);font-weight:600}
.post-card--small .post-card-title{font-size:12.5px}

/* ===== HERO ===== */
.hero{background:transparent;border:0;padding:14px 0 0}
.hero-title{font-size:23px;font-weight:900;letter-spacing:-.025em;line-height:1.25}
.hero-slogan{font-size:14px;color:var(--od-warm);font-weight:700;margin-top:6px}
.hero-desc{font-size:13.5px;color:var(--od-mut);line-height:1.65;margin-top:7px}
.hero-tags{list-style:none;padding:0}
.hero-tags li{font-size:12px;color:var(--od-warm);font-weight:700}
.hero-feature-link{display:block;background:#fff;border:1px solid var(--od-line);
  border-radius:20px;overflow:hidden;margin-top:12px}
.hero-feature-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--od-cream)}
.hero-feature-body{padding:15px}
.hero-feature-body h2{font-size:20px;font-weight:900;line-height:1.32;letter-spacing:-.02em;margin:6px 0 0}
.hero-feature-body p{font-size:13.5px;color:var(--od-mut);line-height:1.65;margin-top:7px}
.hero-feature-tag{font-size:10.5px;font-weight:800;color:var(--od-brand);
  text-transform:uppercase;letter-spacing:.07em}
.hero-feature-meta{font-size:11.5px;color:var(--od-dim);font-weight:600}

/* ===== NUT ===== */
.btn{border-radius:12px;font-weight:800;font-size:13.5px;padding:11px 16px;border:0}
.btn-accent{background:var(--od-ink);color:#fff}
.btn-ghost{background:#fff;border:1px solid var(--od-line2);color:var(--od-warm)}
.btn-lg{padding:12px 18px;font-size:14px}

/* ===== MUC ===== */
.section{padding:8px 0}
.section-alt{background:transparent}
.section-head{margin:26px 0 2px}
.section-title{font-size:18px;font-weight:900;letter-spacing:-.02em;margin:0}
.section-sub{font-size:12.5px;color:var(--od-dim);font-weight:600;margin-top:3px}

/* ===== SIDEBAR ===== */
.sidebar-block{background:#fff;border:1px solid var(--od-line);border-radius:16px;
  padding:14px;margin-bottom:12px}
.sidebar-tag{background:var(--od-soft);border:1px solid var(--od-line);color:#92400e;
  border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-block;margin:2px}
.sidebar-count,.sidebar-rank{font-size:11px;color:var(--od-dim);font-weight:800}

/* ===== TRANG BAI ===== */
article h1,.post-title{font-size:25px;font-weight:900;letter-spacing:-.03em;line-height:1.28}
.post-body p,article p{font-size:15px;color:#334155;line-height:1.85}
.post-body h2,article h2{font-size:19px;font-weight:900;letter-spacing:-.02em;margin:26px 0 4px}
.post-body h3,article h3{font-size:15.5px;font-weight:900;margin:18px 0 4px}
.post-body li,article li{font-size:15px;color:#334155;line-height:1.85}
.post-body img,.post-thumb img{border-radius:18px}
.post-tag{background:var(--od-soft);border:1px solid var(--od-line);color:#92400e;
  border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-block;margin:2px}

/* ===== FORM / CTA ===== */
.cta-field input,.cta-field textarea,.cta-field select{
  border:1px solid var(--od-line2);border-radius:12px;padding:11px 14px;
  font-family:inherit;font-size:16px;background:#fff}

/* ===== FOOTER ===== */
footer,.site-footer{background:transparent;border-top:1px solid var(--od-line);
  font-size:12.5px;color:var(--od-dim);line-height:1.9}
footer a,.site-footer a{color:var(--od-brand);font-weight:700}
.footer-col h4{font-size:12.5px;font-weight:900;color:var(--od-warm)}

/* ===== KHOI RIENG ONGDU ===== */
.od-stats{border-block:1px solid var(--od-line)}
.od-card,.od-q{border-color:var(--od-line)}