/* ============================================================
 * Techdebiz: giao diện thương hiệu (nạp SAU style.css của child).
 * Một bộ token màu duy nhất ở :root, đổi màu chỉ sửa ở đây (rule H2).
 * Palette: navy đêm + xanh điện (công nghệ) + cam san hô (điểm nhấn lifestyle)
 * ============================================================ */
:root{
  --navy:#101a33; --ink:#16203a; --ink-soft:#4a5573; --muted:#6b7694; --line:#dfe4f0; --bg:#fff;
  --panel:#f4f6fc; --gold:#2f5bff; --gold-deep:#2142d6; --link:#16203a; --sale:#b8602f; --good:#1e8e5a;
  --tdb-mint:#e8eeff; --tdb-mint-2:#cfdbff; --tdb-champagne:#f2784b; --tdb-champagne-deep:#c9552c;
  --tdb-radius:14px; --tdb-shadow:0 18px 40px -22px rgba(16,26,51,.35);

  --color-primary:#2f5bff; --color-primary-hover:#2142d6; --color-primary-dark:#2142d6;
  --color-primary-light:#e8eeff; --color-primary-rgb:47,91,255;
  --color-accent:#2f5bff; --color-accent-hover:#2142d6; --color-accent-light:#e8eeff;
  --color-success:#1e8e5a; --color-success-light:#e3f3ec;
  --color-warning:#8a6d1a; --color-error:#b8402f; --color-info:#16203a;
  --color-text:#16203a; --color-text-secondary:#4a5573; --color-text-muted:#6b7694; --color-text-subtle:#8b94ad;
  --color-bg:#ffffff; --color-bg-alt:#f4f6fc; --color-surface:#f4f6fc; --color-surface-raised:#ffffff; --color-surface-hover:#e9edf8;
  --color-border:#dfe4f0; --color-border-subtle:#eaeef7; --color-border-strong:#cbd3e6;
  --acms-primary-rgb:47,91,255; --acms-star-active:#f2784b; --acms-border:#dfe4f0;
}

/* Thanh menu: navy sang trọng thay cho khối màu accent */
.navbar,.mobile-nav{background:var(--navy)}
.navbar .ni:hover > a{box-shadow:inset 0 -3px 0 var(--tdb-champagne)}
.accent-h{border-top-color:var(--tdb-champagne)}
.who{background:linear-gradient(135deg,#101a33 0%,#18284f 100%)}
footer.site{background:#0a1124}

/* ---------- Logo (mark SVG + chữ) ---------- */
.logo--tdb{flex-direction:row;align-items:center;gap:11px;font-size:27px}
.logo--tdb .logo-mark{width:42px;height:42px;flex:none;display:block}
.logo--tdb .logo-row{display:flex;align-items:baseline;gap:0;color:var(--navy);letter-spacing:-.025em}
.logo--tdb .logo-row .t{color:var(--gold)}
footer.site .logo--tdb{font-size:26px;margin-bottom:14px}
footer.site .logo--tdb .logo-row{color:#fff}
footer.site .logo--tdb .logo-row .t{color:#8fa8ff}

/* ---------- Hero thương hiệu ---------- */
.tdb-hero{position:relative;overflow:hidden;background:
  radial-gradient(900px 380px at 88% -10%,var(--tdb-mint-2) 0%,rgba(207,219,255,0) 60%),
  linear-gradient(180deg,var(--tdb-mint) 0%,#fff 100%);border-bottom:1px solid var(--line)}
.tdb-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;padding-top:58px;padding-bottom:58px}
.tdb-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:16px}
.tdb-kicker::before{content:"";width:26px;height:2px;background:var(--tdb-champagne);display:block}
.tdb-hero h1{font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1.04;letter-spacing:-.035em;color:var(--navy);margin-bottom:18px}
.tdb-hero h1 span{color:var(--gold)}
.tdb-lede{font-size:18px;line-height:1.6;color:var(--ink-soft);max-width:54ch;margin-bottom:26px}
.tdb-cta{display:flex;flex-wrap:wrap;gap:12px}
.tdb-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;font-weight:700;font-size:15px;border:1.5px solid var(--navy);color:var(--navy);background:#fff;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.tdb-btn:hover{transform:translateY(-2px);box-shadow:var(--tdb-shadow)}
.tdb-btn--primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.tdb-btn--primary:hover{background:var(--gold-deep);border-color:var(--gold-deep)}
.tdb-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:13.5px;color:var(--ink-soft);font-weight:600}
.tdb-trust span{display:inline-flex;align-items:center;gap:7px}
.tdb-trust i{color:var(--gold);font-size:16px}
.tdb-art{position:relative;display:grid;place-items:center;min-height:300px}
.tdb-art svg{width:min(100%,340px);height:auto;filter:drop-shadow(0 28px 34px rgba(16,26,51,.22))}
.tdb-art .ring{position:absolute;border-radius:50%;border:1.5px solid rgba(47,91,255,.28);animation:tdbRing 5.5s ease-out infinite}
.tdb-art .ring.r1{width:300px;height:300px}
.tdb-art .ring.r2{width:390px;height:390px;animation-delay:1.8s}
.tdb-art .ring.r3{width:480px;height:480px;animation-delay:3.6s}
@keyframes tdbRing{0%{transform:scale(.72);opacity:.9}100%{transform:scale(1.04);opacity:0}}
@media (prefers-reduced-motion:reduce){.tdb-art .ring{animation:none;opacity:.5}}

/* ---------- Ô chủ đề ---------- */
.tdb-topics{padding:34px 0 8px;background:#fff}
.tdb-topics-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.tdb-topics-head h2{font-size:var(--fs-sechead);font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.tdb-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}
.tdb-topic{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:var(--tdb-radius);background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}
.tdb-topic:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--tdb-shadow)}
.tdb-topic-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--tdb-mint);color:var(--gold-deep);font-size:22px}
.tdb-topic b{display:block;font-size:15.5px;font-weight:800;color:var(--navy);line-height:1.25}
.tdb-topic small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}

/* ---------- Trang tác giả + trang tĩnh ---------- */
.authors-page .ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:24px 0}
.authors-page .ap-card{border:1px solid var(--line);border-radius:var(--tdb-radius);padding:22px;background:#fff;text-align:center}
.authors-page .ap-card img{width:112px;height:112px;border-radius:50%;margin:0 auto 14px;background:var(--tdb-mint)}
.authors-page .ap-card h3{font-size:18px;margin-bottom:4px;color:var(--navy)}
.authors-page .ap-role{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px}
.authors-page .ap-card p{font-size:14.5px;line-height:1.55;color:var(--ink-soft);text-align:left}

@media (max-width:900px){
  .tdb-hero-in{grid-template-columns:1fr;gap:26px;padding-top:40px;padding-bottom:36px}
  .tdb-art{min-height:220px;order:-1}.tdb-art svg{width:min(70%,240px)}
  .tdb-art .ring.r1{width:220px;height:220px}.tdb-art .ring.r2{width:290px;height:290px}.tdb-art .ring.r3{width:360px;height:360px}
}
@media (max-width:640px){
  .tdb-lede{font-size:16px}
  .tdb-topics-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .tdb-topic{padding:14px}
  .logo--tdb{font-size:21px;gap:8px}.logo--tdb .logo-mark{width:34px;height:34px}
}

/* Shortlist (inc/shortlist.php) dùng token --cyan-*, --cta: map về palette Techdebiz. */
:root{--cyan-deep:var(--gold-deep); --cyan-soft:var(--tdb-mint); --cta:var(--tdb-champagne); --on-cta:#1c1200}