*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#183047;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e7eef5}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand img{display:block;width:auto;max-width:170px;height:48px;object-fit:contain}.brand strong{font-size:28px;letter-spacing:-2px;color:#22a9dd}.brand span{font-size:11px;color:#75889a}.nav nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:14px}.nav-cta{padding:10px 16px;background:#0b6eaa;color:white;border-radius:999px}.nav-toggle{display:none}.hero{overflow:hidden;background:radial-gradient(circle at 82% 25%,#bfeeff 0,transparent 30%),linear-gradient(135deg,#f6fbff,#e3f6ff);padding:92px 0 82px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.pill,.eyebrow{font-size:12px;font-weight:900;letter-spacing:.11em;color:#1388ba}.hero h1,.head h2,.split h2,.cta h2,.page-hero h1,.article h1{letter-spacing:-.045em;line-height:1.08;color:#0a2948}.hero h1{font-size:clamp(38px,4.8vw,60px);margin:16px 0}.hero p{font-size:19px;color:#506579;max-width:680px}.actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;padding:13px 20px;border-radius:12px;font-weight:800}.primary{background:#12a9df;color:white;box-shadow:0 10px 30px #16a9dd3a}.ghost{background:white;color:#0a2948;border:1px solid #dbe8f1}.outline{border:1px solid #1c8dc0;color:#126e9b}.metrics{display:flex;gap:30px;margin-top:30px}.metrics div{display:flex;flex-direction:column}.metrics b{font-size:21px;color:#0a2948}.metrics span{font-size:12px;color:#75889a}.hero-ui{position:relative;min-height:430px}.screen{position:absolute;inset:50px 0 40px;background:#fff;border-radius:25px;box-shadow:0 35px 80px #153b5b33;transform:perspective(1000px) rotateY(-7deg);overflow:hidden;animation:none}.screen-top{height:38px;border-bottom:1px solid #e9f0f5;padding:14px}.screen-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cddae4}.dash{display:grid;grid-template-columns:80px 1fr;height:100%}.side{background:#0a2948}.cards{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cards>div{height:72px;background:linear-gradient(135deg,#edf8fd,#f9fcff);border:1px solid #e2edf4;border-radius:12px}.cards section{grid-column:1/-1;height:170px;border-radius:14px;background:linear-gradient(180deg,#fff,#eef8fd);border:1px solid #e2edf4}.float{position:absolute;background:#fff;padding:10px 14px;border-radius:999px;box-shadow:0 12px 28px #17415e26;font-size:12px;font-weight:800;color:#126f9c;animation:none}.f1{top:20px;right:20px}.f2{left:-10px;bottom:90px}.f3{right:0;bottom:10px}.section{padding:92px 0}.soft{background:#f2f8fd}.dark{background:#07233f;color:white}.head{max-width:800px;margin-bottom:42px}.head.center{text-align:center;margin-inline:auto}.head h2,.split h2,.cta h2{font-size:clamp(27px,3vw,40px);margin:12px 0}.head p{font-size:18px;color:#64778a}.head.light h2{color:#fff}.head.light p{color:#bdd2e3}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{padding:28px;border:1px solid #e2ebf2;border-radius:20px;background:white;transition:.25s}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 50px #173a5520}.feature-grid b{color:#17a8dc}.feature-grid h3{color:#0a2948}.feature-grid p{color:#687b8e}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.illustration{min-height:420px;display:grid;place-items:center;background:radial-gradient(circle,#d3f2ff,transparent 65%)}.chart-card{width:78%;height:290px;background:#fff;border-radius:24px;box-shadow:0 24px 60px #173a5523;display:flex;align-items:end;gap:20px;padding:40px;position:relative}.chart-card .bar{width:18%;background:linear-gradient(#3fc3ed,#0d6fa5);border-radius:10px 10px 3px 3px}.b1{height:35%}.b2{height:72%}.b3{height:54%}.b4{height:90%}.chart-card span{position:absolute;top:22px;left:28px;font-weight:900;color:#0a2948}.list>div{display:flex;gap:14px;margin:20px 0}.list i{width:28px;height:28px;border-radius:50%;background:#dff7ff;display:grid;place-items:center;color:#0f9dd1;font-style:normal}.list p{margin:0;color:#66798b}.list b{color:#0a2948}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps>div{padding:25px;border-top:3px solid #18aadc;background:#fff;box-shadow:0 12px 30px #173a5510}.steps span{font-size:12px;font-weight:900;color:#16a5d8}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{border-radius:18px;overflow:hidden;background:#0c3152;border:1px solid #164569}.lightcards .post-card{background:#fff;border-color:#e3edf4;box-shadow:0 10px 30px #173a5510}.thumb{height:190px;background:linear-gradient(135deg,#0e385e,#16a9dc);display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb span{font-weight:900;letter-spacing:.15em;color:white}.post-body{padding:20px}.post-body small{color:#54c9ee}.post-body h3{color:#fff;line-height:1.3}.post-body p{color:#bad0e0}.lightcards .post-body h3{color:#0a2948}.lightcards .post-body p{color:#6d8091}.more{text-align:center;margin-top:36px}.cta{background:#edf9fe}.cta-box{background:linear-gradient(135deg,#082946,#0e6f9e);padding:46px;border-radius:28px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-box h2{color:#fff;max-width:800px}.cta-box>div:last-child{display:flex;gap:10px;flex-wrap:wrap}footer{background:#041a2e;color:#b8ccdc;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid h3,.footer-grid strong{color:#fff}.copyright{margin-top:30px;border-top:1px solid #173650;padding-top:20px;font-size:13px}.page{padding:60px 0 90px}.page-hero{padding:54px 0 34px;max-width:850px}.page-hero.compact{padding-top:24px}.page-hero h1{font-size:clamp(30px,3.6vw,46px);margin:10px 0}.page-hero p{font-size:18px;color:#60758a}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}.chips a{padding:9px 13px;border-radius:999px;background:#edf8fd;color:#137ba7;font-weight:800;font-size:13px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-grid article{border:1px solid #e0eaf2;border-radius:18px;background:#fff;padding:24px}.article-grid h2,.article-grid h3{line-height:1.28;color:#0a2948}.article-grid p{color:#6b7f91}.article-grid span{color:#1288b8;font-weight:800}.crumb{font-size:13px;color:#6e8091}.article{max-width:900px;padding:50px 0 90px}.article>article>header{padding:30px 0}.article h1{font-size:clamp(32px,4vw,48px)}.dek{font-size:20px;color:#65788a}.meta{font-size:13px;color:#8090a0}.content{font-size:18px;color:#243a4f}.content h2{font-size:27px;line-height:1.2;color:#092b4b;margin-top:38px}.content h3{font-size:25px;color:#113b5e}.content img{height:auto;border-radius:12px}.content a{color:#0787bd;text-decoration:underline}.related{margin-top:55px;border-top:1px solid #e1e9ef;padding-top:30px}@keyframes float{50%{transform:perspective(1000px) rotateY(-5deg) translateY(-8px)}}@keyframes bob{50%{transform:translateY(-8px)}}@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.feature-grid,.steps{grid-template-columns:repeat(2,1fr)}.post-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.hero-ui{min-height:380px}.cta-box{display:block}.cta-box>div:last-child{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.nav nav{display:none;position:absolute;top:72px;left:18px;right:18px;background:#fff;padding:18px;box-shadow:0 16px 35px #1233;border-radius:14px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav-toggle{display:block;border:0;background:none;font-size:24px}.hero{padding-top:60px}.hero h1{font-size:36px}.metrics{gap:14px;flex-wrap:wrap}.hero-ui{min-height:310px}.screen{inset:36px 5px}.float{font-size:10px}.feature-grid,.steps,.post-grid,.article-grid{grid-template-columns:1fr}.section{padding:68px 0}.footer-grid{grid-template-columns:1fr}.content{font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* V1.2 - Card bài viết có ảnh đại diện */
.article-grid article.article-card{padding:0;overflow:hidden;transition:.22s ease}
.article-grid article.article-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #173a5518}
.article-card>a{display:block;height:100%}
.article-thumb{height:190px;background:linear-gradient(135deg,#e8f6fc,#cfeefa);overflow:hidden;display:grid;place-items:center}
.article-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.article-thumb span{font-weight:900;letter-spacing:.12em;color:#1687b3}
.article-card-body{padding:20px 22px 23px}
.article-card-body small{display:block;color:#1687b3;font-weight:800;margin-bottom:7px}
.article-card-body h2{font-size:20px;margin:0 0 10px}
.article-card-body p{margin:0 0 13px;font-size:15px}
.page-hero.compact h1{font-size:clamp(28px,3.3vw,42px)}
@media(max-width:650px){
  .page-hero h1{font-size:32px}
  .page-hero.compact h1{font-size:30px}
  .article h1{font-size:34px}
  .article-thumb{height:200px}
}

@media(max-width:650px){.head h2,.split h2,.cta h2{font-size:29px}.content h2{font-size:25px}}

/* V1.4 - H1 bài chi tiết gọn hơn để hạn chế xuống dòng */
.article h1{
    font-size:clamp(27px,3vw,38px) !important;
    line-height:1.2 !important;
    letter-spacing:-.025em;
}
@media(max-width:650px){
    .article h1{font-size:28px !important;line-height:1.22 !important}
}

/* V1.6 - Footer linh hoạt */
.footer-grid{grid-template-columns:minmax(250px,1.5fr) repeat(auto-fit,minmax(150px,1fr))!important;align-items:start}
.footer-brand p{max-width:390px}
.footer-links-list{list-style:none;padding:0;margin:12px 0 0}
.footer-links-list li{margin:8px 0}
.footer-links-list a{text-decoration:none!important}
.footer-links-list a:hover{opacity:.82}

/* V1.7 - Accessibility: WCAG color contrast fixes */

/* Base text */
body{
  color:#17324d !important;
  background:#ffffff !important;
}
p,.muted{
  color:#40566d;
}

/* Primary CTA: dark text on cyan for stronger contrast */
.btn.primary{
  background:#22a8dc !important;
  color:#06233b !important;
  border-color:#22a8dc !important;
  font-weight:800;
}
.btn.primary:hover,
.btn.primary:focus{
  background:#1594c5 !important;
  color:#041b2e !important;
}

/* Eyebrow labels on light sections */
.eyebrow{
  color:#075f87 !important;
  background:#e8f6fc !important;
  border-color:#b7deef !important;
  font-weight:800;
}

/* Solution feature cards */
.feature-grid article{
  color:#17324d !important;
  background:#ffffff !important;
}
.feature-grid article>b{
  color:#075f87 !important;
}
.feature-grid article h3{
  color:#102f4c !important;
}
.feature-grid article p{
  color:#40566d !important;
}

/* Management section */
.section.soft{
  color:#17324d !important;
  background:#f3f7fb !important;
}
.section.soft .eyebrow{
  color:#075f87 !important;
}
.section.soft h2,
.section.soft h3,
.section.soft b{
  color:#102f4c !important;
}
.section.soft p,
.section.soft .list p{
  color:#40566d !important;
}
.section.soft .list i{
  color:#075f87 !important;
}

/* Process section */
.steps h3{color:#102f4c !important}
.steps p{color:#40566d !important}
.steps>div>span{
  color:#06233b !important;
  background:#8fd9f1 !important;
}

/* Dark blog section */
.section.dark{
  background:#071c36 !important;
  color:#ffffff !important;
}
.section.dark .head.light h2{
  color:#ffffff !important;
}
.section.dark .head.light p{
  color:#d7e5f3 !important;
}
.section.dark .eyebrow{
  color:#bfefff !important;
  background:#123b5f !important;
  border-color:#2d658b !important;
}
.section.dark .post-card{
  background:#ffffff !important;
  color:#17324d !important;
}
.section.dark .post-card h3{
  color:#102f4c !important;
}
.section.dark .post-card p{
  color:#40566d !important;
}
.section.dark .post-card small{
  color:#075f87 !important;
}

/* Light website cards */
.lightcards .post-card{
  background:#ffffff !important;
  color:#17324d !important;
}
.lightcards .post-card h3{
  color:#102f4c !important;
}
.lightcards .post-card p{
  color:#40566d !important;
}
.lightcards .post-card small{
  color:#075f87 !important;
}

/* Ghost buttons on dark backgrounds */
.hero .btn.ghost,
.section.dark .btn.ghost,
.cta .btn.ghost{
  color:#ffffff !important;
  border-color:#9cb8cf !important;
  background:rgba(255,255,255,.08) !important;
}
.hero .btn.ghost:hover,
.section.dark .btn.ghost:hover,
.cta .btn.ghost:hover{
  background:#ffffff !important;
  color:#071c36 !important;
}

/* CTA section */
.section.cta,
.cta-box{
  color:#ffffff !important;
}
.cta-box h2{color:#ffffff !important}
.cta-box .eyebrow{
  color:#bfefff !important;
  background:#123b5f !important;
  border-color:#2d658b !important;
}

/* Footer */
footer{
  color:#d2deea !important;
}
footer a{
  color:#f3f8fc !important;
}
footer a:hover{
  color:#ffffff !important;
}

/* Links in article/list pages */
.article-card-body small,
.post-body small{
  color:#075f87 !important;
}
.article-card-body p,
.post-body p{
  color:#40566d !important;
}

/* Focus visibility improves accessibility score too */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:3px solid #ffbf47 !important;
  outline-offset:3px;
}

/* V1.8 - Fix dứt điểm contrast Footer theo Lighthouse/Axe */
html body footer#lien-he{
    background:#031525 !important;
    background-color:#031525 !important;
    color:#ffffff !important;
    opacity:1 !important;
    filter:none !important;
}
html body footer#lien-he .footer-brand,
html body footer#lien-he .footer-col,
html body footer#lien-he .copyright{
    color:#ffffff !important;
    opacity:1 !important;
}
html body footer#lien-he .footer-brand h3,
html body footer#lien-he .footer-brand p,
html body footer#lien-he .footer-col strong,
html body footer#lien-he .footer-col p,
html body footer#lien-he .footer-links-list,
html body footer#lien-he .footer-links-list li,
html body footer#lien-he .copyright{
    color:#ffffff !important;
    opacity:1 !important;
    text-shadow:none !important;
}
html body footer#lien-he a,
html body footer#lien-he a:link,
html body footer#lien-he a:visited{
    color:#ffffff !important;
    opacity:1 !important;
    text-decoration:none !important;
}
html body footer#lien-he a:hover,
html body footer#lien-he a:focus{
    color:#bfefff !important;
    opacity:1 !important;
}
html body footer#lien-he .copyright{
    border-top-color:#355064 !important;
}

/* V1.9 - Extra links under footer brand/info */
.footer-brand-links{margin-top:16px!important}
.footer-brand-links li{margin:7px 0!important}
.footer-brand-links a{font-weight:600}

/* V2.0 - Landing Page Builder */
.lp-block{padding:76px 0}
.lp-narrow{max-width:900px}
.lp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.lp-hero{padding:110px 0 86px;background:linear-gradient(135deg,#071c36,#0b416d);color:#fff}
.lp-hero h1{font-size:clamp(34px,4.2vw,52px);color:#fff;margin:14px 0}
.lp-hero .lp-content{color:#dce8f2}
.lp-visual{min-height:330px;border-radius:28px;background:radial-gradient(circle at 30% 30%,#59c8ea55,transparent 34%),linear-gradient(145deg,#0c2c4a,#0e5487);box-shadow:0 25px 70px #001b2f55}
.lp-content img{max-width:100%;height:auto}
.lp-slider{overflow:hidden;border-radius:22px;background:#eef5fa}
.lp-slide{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:24px}
.lp-slide img{width:100%;height:430px;object-fit:cover}
.lp-slide>div{padding:24px}
.lp-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.lp-pricing article{background:#fff;border:1px solid #dbe6ee;border-radius:20px;padding:26px;text-align:center}
.lp-pricing strong{display:block;font-size:24px;color:#075f87;margin:12px 0 18px}
.lp-partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;align-items:center}
.lp-partners a,.lp-partners span{min-height:92px;display:grid;place-items:center;background:#fff;border:1px solid #dbe6ee;border-radius:16px;padding:14px;text-align:center}
.lp-partners img{max-height:70px;width:auto;object-fit:contain}
.lp-form{background:#fff;border:1px solid #dbe6ee;border-radius:20px;padding:24px;display:grid;gap:12px}
.lp-form input,.lp-form textarea{width:100%;padding:13px;border:1px solid #ccd9e3;border-radius:10px}
.lp-form textarea{min-height:120px}
.lp-form button{padding:13px;border:0;border-radius:10px;background:#0b6eaa;color:#fff;font-weight:800}
@media(max-width:800px){
 .lp-grid,.lp-slide{grid-template-columns:1fr}
 .lp-slide img{height:auto;aspect-ratio:16/9}
 .lp-block{padding:58px 0}
}

/* V2.1 - Logo responsive đúng tỷ lệ và ảnh Landing */
.brand img{
  width:auto !important;
  height:48px !important;
  max-width:104px !important;
  object-fit:contain;
}
.lp-feature-image{
  width:64px;
  height:64px;
  object-fit:cover;
  border-radius:14px;
  margin-bottom:14px;
}
.lp-block-image{
  width:100%;
  max-height:520px;
  object-fit:cover;
  border-radius:24px;
  box-shadow:0 18px 50px rgba(10,41,72,.12);
}
.lp-price-image{
  width:72px;
  height:72px;
  object-fit:contain;
  margin:0 auto 12px;
}
@media(max-width:650px){
  .brand img{height:42px !important;max-width:91px !important}
}

/* V2.2 - LCP/PageSpeed */
.motion-ready .screen{animation:float 5s ease-in-out infinite}
.motion-ready .float{animation:bob 4s ease-in-out infinite}

/* Skip layout/paint work for below-the-fold sections until needed. */
main>.section:not(:first-child),
footer{
  content-visibility:auto;
  contain-intrinsic-size:800px;
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .screen,.motion-ready .float{animation:none!important}
}

/* V2.3 - Fix contrast dứt điểm cho post-card và footer */

/* Card bài viết nền tối */
article.post-card{
    background:#082a48 !important;
}
article.post-card .post-body small{
    color:#aee8ff !important;
    opacity:1 !important;
}
article.post-card .post-body h3{
    color:#ffffff !important;
    opacity:1 !important;
}
article.post-card .post-body p{
    color:#dceaf4 !important;
    opacity:1 !important;
}

/* Card bài viết nền sáng */
.lightcards article.post-card{
    background:#ffffff !important;
}
.lightcards article.post-card .post-body small{
    color:#075f87 !important;
}
.lightcards article.post-card .post-body h3{
    color:#102f4c !important;
}
.lightcards article.post-card .post-body p{
    color:#40566d !important;
}

/* Footer: ép nền và toàn bộ text/link đủ tương phản */
html body footer#lien-he{
    background:#021625 !important;
    background-color:#021625 !important;
    color:#ffffff !important;
}
html body footer#lien-he h1,
html body footer#lien-he h2,
html body footer#lien-he h3,
html body footer#lien-he h4,
html body footer#lien-he strong,
html body footer#lien-he p,
html body footer#lien-he small,
html body footer#lien-he span,
html body footer#lien-he li,
html body footer#lien-he .copyright{
    color:#ffffff !important;
    opacity:1 !important;
}
html body footer#lien-he a,
html body footer#lien-he a:link,
html body footer#lien-he a:visited{
    color:#dff5ff !important;
    opacity:1 !important;
    text-decoration:none !important;
}
html body footer#lien-he a:hover,
html body footer#lien-he a:focus{
    color:#ffffff !important;
}

/* Không để rule p/small tổng quát ghi đè trong footer */
html body footer#lien-he .footer-brand p,
html body footer#lien-he .footer-col p,
html body footer#lien-he .footer-links-list a{
    color:#ffffff !important;
}

/* V2.4 - Accessibility: touch target size & spacing */

/* Footer links: minimum 44px touch area without making text visually oversized */
footer#lien-he .footer-links-list{
    display:flex;
    flex-direction:column;
    gap:2px;
}
footer#lien-he .footer-links-list li{
    margin:0 !important;
    padding:0 !important;
}
footer#lien-he .footer-links-list li > a{
    display:flex !important;
    align-items:center;
    min-height:44px;
    padding:9px 4px !important;
    line-height:1.45;
    width:100%;
}

/* Links inside post cards: make the whole card a sufficiently large touch target */
article.post-card > a{
    display:block !important;
    min-height:44px;
    height:100%;
}

/* Inline/article links that Lighthouse can flag when close to another target */
.article-content a,
.post-content a,
.lp-content a{
    display:inline-block;
    min-height:44px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:-10px;
    margin-bottom:-10px;
}

/* Keep adjacent interactive targets separated */
.post-card + .post-card{
    margin-top:2px;
}

@media(max-width:650px){
    footer#lien-he .footer-links-list li > a{
        min-height:48px;
        padding:11px 4px !important;
    }
    article.post-card > a{
        min-height:48px;
    }
}

/* V2.5 - Final contrast fix for Lighthouse */

/* Post-card small label: force very high contrast in every context */
article.post-card > a > .post-body > small,
article.post-card .post-body small{
    color:#d8f4ff !important;
    background:#082a48 !important;
    opacity:1 !important;
    font-weight:800 !important;
}
.lightcards article.post-card > a > .post-body > small,
.lightcards article.post-card .post-body small{
    color:#064b68 !important;
    background:#ffffff !important;
}

/* Footer itself must have an explicit opaque background, with all inherited text forced bright */
html body footer#lien-he{
    background:#000f1c !important;
    background-color:#000f1c !important;
    color:#ffffff !important;
    opacity:1 !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}
html body footer#lien-he *{
    opacity:1 !important;
}
html body footer#lien-he p,
html body footer#lien-he span,
html body footer#lien-he small,
html body footer#lien-he li,
html body footer#lien-he strong,
html body footer#lien-he h1,
html body footer#lien-he h2,
html body footer#lien-he h3,
html body footer#lien-he h4{
    color:#ffffff !important;
}
html body footer#lien-he a,
html body footer#lien-he a:link,
html body footer#lien-he a:visited{
    color:#ffffff !important;
}

/* V2.6 - Final fix: post category labels use an explicit opaque high-contrast pill */
article.post-card .post-body > small{
    display:inline-flex !important;
    align-items:center;
    width:max-content;
    min-height:28px;
    padding:5px 9px !important;
    margin:0 0 8px 0 !important;
    border-radius:7px;
    background-color:#ffffff !important;
    background-image:none !important;
    color:#00324a !important;
    opacity:1 !important;
    font-weight:800 !important;
    line-height:18px !important;
    text-shadow:none !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    forced-color-adjust:auto;
}
.lightcards article.post-card .post-body > small{
    background-color:#e8f5fb !important;
    color:#00324a !important;
}

/* V2.7 - Blog cards chuyển hẳn sang nền sáng để contrast rõ ràng */
.section.dark article.post-card,
.section.dark .post-card,
article.post-card{
    background:#ffffff !important;
    border-color:#dbe6ee !important;
    color:#17324d !important;
}
.section.dark article.post-card .post-body,
article.post-card .post-body{
    background:#ffffff !important;
    color:#17324d !important;
}
.section.dark article.post-card .post-body > small,
article.post-card .post-body > small{
    display:block !important;
    background:transparent !important;
    color:#075f87 !important;
    opacity:1 !important;
    font-weight:800 !important;
    padding:0 !important;
    margin:0 0 8px 0 !important;
    min-height:0 !important;
    line-height:1.4 !important;
}
.section.dark article.post-card .post-body h3,
article.post-card .post-body h3{
    color:#102f4c !important;
}
.section.dark article.post-card .post-body p,
article.post-card .post-body p{
    color:#40566d !important;
}