/* BaharLink Next — new visual system, responsive and RTL-first. */
:root{
  --bl-primary:#128c68;
  --bl-primary-hover:#0b6e52;
  --bl-primary-soft:#e9f8f1;
  --bl-connect:#128c68;
  --bl-connect-hover:#0b6e52;
  --bl-connect-ink:#086148;
  --bl-connect-text:#fff;
  --bl-text:#15251f;
  --bl-text-secondary:#455b52;
  --bl-text-muted:#667b72;
  --bl-text-subtle:#7b8c84;
  --bl-surface:#fff;
  --bl-surface-2:#f4f8f6;
  --bl-surface-3:#eaf2ee;
  --bl-border:#dce9e2;
  --bl-link:#087457;
  --bl-radius:16px;
  --bl-radius-sm:10px;
  --bl-radius-lg:24px;
  --bl-shadow-sm:0 2px 10px rgba(18,50,38,.05);
  --bl-shadow:0 16px 45px rgba(18,50,38,.09);
  --bl-focus-ring:0 0 0 4px rgba(18,140,104,.18);
}
[data-theme="dark"]{
  --bl-primary:#48c89b;
  --bl-primary-hover:#70dcb6;
  --bl-primary-soft:#123a30;
  --bl-connect:#48c89b;
  --bl-connect-hover:#70dcb6;
  --bl-connect-ink:#7ce2bd;
  --bl-connect-text:#071c16;
  --bl-text:#e7f1ec;
  --bl-text-secondary:#bed0c7;
  --bl-text-muted:#9eb3a9;
  --bl-text-subtle:#879e93;
  --bl-surface:#10221c;
  --bl-surface-2:#152a23;
  --bl-surface-3:#1d352c;
  --bl-border:#29443a;
  --bl-link:#7ce2bd;
  --bl-shadow-sm:0 2px 12px rgba(0,0,0,.15);
  --bl-shadow:0 18px 50px rgba(0,0,0,.25);
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:#f8fbfa;color:var(--bl-text);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
[data-theme="dark"] body{background:#0b1914}
a{transition:color .2s ease,background-color .2s ease,border-color .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(18,140,104,.35);outline-offset:3px}
img{max-width:100%;height:auto}
::selection{background:#bdebd8;color:#10251d}

/* Header */
.bl-header{border-bottom:1px solid var(--bl-border);background:rgba(255,255,255,.94);box-shadow:0 4px 24px rgba(18,50,38,.04)}
[data-theme="dark"] .bl-header{background:rgba(16,34,28,.94)}
.bl-header__inner{min-height:82px}
.bl-logo__title,.bl-site-title,.bl-logo a{font-weight:900;letter-spacing:-.03em}
.bl-nav>ul>li>a{font-size:14px;font-weight:650;border-radius:9px;padding:9px 11px}
.bl-nav>ul>li>a:hover,.bl-nav>ul>li>.current-menu-item>a{color:var(--bl-connect-ink);background:var(--bl-primary-soft)}
.bl-btn{border-radius:11px;font-weight:750;min-height:44px}
.bl-btn--primary{background:var(--bl-primary);color:#fff;box-shadow:0 7px 18px rgba(18,140,104,.18)}
.bl-btn--primary:hover{background:var(--bl-primary-hover);color:#fff;transform:translateY(-1px)}
.bl-icon-btn,.bl-header__menu-btn{border:1px solid var(--bl-border);border-radius:10px;background:var(--bl-surface)}
.bl-search-overlay,.bl-drawer{background:var(--bl-surface);color:var(--bl-text)}
.bl-drawer__link{border-radius:10px}
.bl-drawer__link:hover{background:var(--bl-primary-soft)}

/* Homepage hero */
.bl-hero{position:relative;overflow:hidden;padding-block:86px;background:radial-gradient(circle at 10% 15%,rgba(93,213,167,.16),transparent 32%),linear-gradient(145deg,#f2fbf7 0%,#fff 58%,#eef7f3 100%);border-bottom:1px solid var(--bl-border)}
[data-theme="dark"] .bl-hero{background:radial-gradient(circle at 10% 15%,rgba(72,200,155,.12),transparent 32%),linear-gradient(145deg,#10251e,#0b1914)}
.bl-hero__grid{gap:64px;align-items:center}
.bl-hero__content{gap:18px}
.bl-hero__badge{border:1px solid rgba(18,140,104,.18);background:rgba(255,255,255,.75);color:var(--bl-connect-ink);font-weight:700;box-shadow:var(--bl-shadow-sm)}
[data-theme="dark"] .bl-hero__badge{background:rgba(16,34,28,.75)}
.bl-hero__title{font-size:clamp(38px,4.2vw,58px);line-height:1.35;letter-spacing:-.045em;font-weight:900;color:#112a20}
[data-theme="dark"] .bl-hero__title{color:var(--bl-text)}
.bl-hero__title-highlight{color:var(--bl-primary)}
.bl-hero__subtitle{max-width:650px;font-size:17px;line-height:2;color:var(--bl-text-secondary)}
.bl-hero__search{border:1px solid var(--bl-border);border-radius:15px;padding:6px;background:var(--bl-surface);box-shadow:0 12px 30px rgba(18,50,38,.07)}
.bl-hero__search-input{min-height:44px;font-size:14px}
.bl-hero__stats{gap:28px;margin-top:8px}
.bl-hero__stat-value{font-size:26px;color:var(--bl-connect-ink)}
.bl-hero__mockup{transform:none}
.bl-app-card{max-width:390px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(145deg,#142a24,#091812);box-shadow:0 32px 70px rgba(9,35,25,.23);transform:none}
.bl-app-card__connect{border-radius:12px;background:#24b783}
.bl-app-card__connect:hover{background:#2bca93}

/* Sections and cards */
.bl-section{padding-block:72px}
.bl-section__head{margin-bottom:30px}
.bl-section__title{font-size:30px;line-height:1.55;font-weight:850;letter-spacing:-.025em;color:var(--bl-text)}
.bl-section__title::after{width:36px;height:3px;border-radius:10px;background:var(--bl-primary);bottom:-7px}
.bl-section__subtitle{font-size:15px;line-height:1.9;color:var(--bl-text-muted)}
.bl-cards--grid{gap:24px}
.bl-card{border:1px solid var(--bl-border);border-radius:20px;background:var(--bl-surface);box-shadow:var(--bl-shadow-sm);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.bl-card:hover{transform:translateY(-5px);border-color:rgba(18,140,104,.35);box-shadow:var(--bl-shadow)}
.bl-card__media{overflow:hidden;background:var(--bl-surface-3)}
.bl-card__media img,.bl-card__img{transition:transform .35s ease}
.bl-card:hover .bl-card__media img,.bl-card:hover .bl-card__img{transform:scale(1.025)}
.bl-card__body{padding:20px}
.bl-card__title,.bl-card__title--compact,.bl-card__title--snippet{font-size:17px;line-height:1.75;font-weight:800;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;display:block!important}
.bl-card__title>a,.bl-card__title--compact>a,.bl-card__title--snippet>a{white-space:normal;overflow:visible;text-overflow:clip}
.bl-card__excerpt{font-size:14px;line-height:1.9;color:var(--bl-text-muted)}
.bl-card__meta{font-size:12px;color:var(--bl-text-subtle)}
.bl-card__badge,.bl-card__category,.bl-chip--cat{border:1px solid rgba(18,140,104,.16);background:rgba(233,248,241,.94);color:var(--bl-connect-ink);border-radius:999px}
[data-theme="dark"] .bl-card__badge,[data-theme="dark"] .bl-card__category,[data-theme="dark"] .bl-chip--cat{background:rgba(18,58,48,.94)}
.bl-cats{gap:18px}
.bl-cats__item{border:1px solid var(--bl-border);border-radius:18px;background:var(--bl-surface);box-shadow:var(--bl-shadow-sm);transition:transform .2s ease,border-color .2s ease}
.bl-cats__item:hover{transform:translateY(-3px);border-color:rgba(18,140,104,.35)}
.bl-cats__title{font-weight:800}
.bl-cats__count{background:var(--bl-primary-soft);color:var(--bl-connect-ink)}
.bl-platforms{border:1px solid var(--bl-border);border-radius:20px;box-shadow:var(--bl-shadow-sm)}
.bl-platforms__tabs{background:var(--bl-surface-2)}
.bl-platforms__tab.is-active{background:var(--bl-surface);color:var(--bl-connect-ink)}
.bl-platforms__panel{padding:30px}

/* Archive and static pages */
.bl-page-head{padding-block:50px;background:linear-gradient(145deg,var(--bl-primary-soft),var(--bl-surface));border-bottom:1px solid var(--bl-border)}
.bl-page-head__title{font-size:clamp(30px,3.2vw,42px);line-height:1.5;font-weight:900;letter-spacing:-.03em}
.bl-archive__description,.bl-page-head__description{color:var(--bl-text-secondary);line-height:2}
.bl-pagination__link,.bl-pagination__current{border-radius:10px;min-width:44px;min-height:44px}
.bl-legal,.bl-contact,.bl-page-content{border-color:var(--bl-border)}
.bl-legal__intro,.bl-legal__toc{border-radius:18px;background:var(--bl-surface);border:1px solid var(--bl-border)}
.bl-legal section{scroll-margin-top:110px}

/* Single article */
.single-post .bl-article{padding-bottom:70px}
.single-post .bl-article__body{gap:48px;padding-top:34px}
.single-post .bl-article__header{padding-bottom:4px}
.single-post .bl-post-topline{margin-bottom:20px}
.single-post .bl-breadcrumb{font-size:13px;color:var(--bl-text-muted)}
.single-post .bl-breadcrumb__link{color:var(--bl-text-muted)}
.single-post .bl-breadcrumb__link:hover{color:var(--bl-connect-ink)}
.single-post .bl-article__title{max-width:900px;font-size:clamp(32px,3.2vw,46px);line-height:1.5;font-weight:900;letter-spacing:-.035em;text-wrap:balance;color:#12271e}
[data-theme="dark"] .single-post .bl-article__title{color:var(--bl-text)}
.single-post .bl-article__lead{margin-top:16px;font-size:17px;line-height:2;color:var(--bl-text-muted)}
.single-post .bl-article__meta{gap:16px;padding-top:18px;color:var(--bl-text-muted)}
.single-post .bl-article__thumb{margin:28px 0 0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow,0 18px 50px rgba(18,50,38,.10))}
.single-post .bl-article__thumb-img{border-radius:0}
.single-post .bl-article__thumb figcaption{padding:10px 16px;background:var(--bl-surface);font-size:12px;color:var(--bl-text-subtle)}
.single-post .bl-prose{max-width:100%;font-size:18px;line-height:2.05;color:var(--bl-text)}
.single-post .bl-prose>p{margin-block:18px}
.single-post .bl-prose h2{position:relative;margin-block:50px 18px;padding:4px 16px 4px 0;border:0;font-size:27px;line-height:1.65;font-weight:850;letter-spacing:-.02em;scroll-margin-top:105px}
.single-post .bl-prose h2::before{content:"";position:absolute;right:0;top:8px;bottom:8px;width:4px;border-radius:8px;background:var(--bl-primary)}
.single-post .bl-prose h3{margin-block:34px 14px;font-size:21px;line-height:1.75;font-weight:800;scroll-margin-top:105px}
.single-post .bl-prose h4{font-size:18px;line-height:1.75}
.single-post .bl-prose a{color:var(--bl-link);text-decoration-thickness:1px;text-underline-offset:4px}
.single-post .bl-prose img{border-radius:16px}
.single-post .bl-prose blockquote{margin:30px 0;padding:20px 24px;border:1px solid var(--bl-border);border-inline-start:4px solid var(--bl-primary);border-radius:14px;background:var(--bl-surface)}
.single-post .bl-prose table{font-size:14px;line-height:1.85;border:1px solid var(--bl-border);border-radius:14px;overflow:hidden}
.single-post .bl-prose th,.single-post .bl-prose td{padding:13px 15px;border-color:var(--bl-border)}
.single-post .bl-prose thead{background:var(--bl-primary)}
.single-post .bl-prose pre{border-radius:14px;padding:18px;font-size:14px;line-height:1.9;overflow:auto;direction:ltr;text-align:left}
.single-post .bl-prose code{border-radius:6px}
.single-post .bl-article__content>.bl-toc--static{margin:32px 0 30px;border:1px solid var(--bl-border);border-radius:18px;background:var(--bl-surface);box-shadow:var(--bl-shadow-sm);overflow:hidden}
.single-post .bl-article__content>.bl-toc--static .bl-toc__mobile{padding:0;border:0;border-radius:0}
.single-post .bl-article__content>.bl-toc--static .bl-toc__title{padding:18px 20px;font-size:17px;font-weight:800;color:var(--bl-connect-ink)}
.single-post .bl-article__content>.bl-toc--static .bl-toc__nav{padding:0 16px 16px}
.single-post .bl-article__content>.bl-toc--static .bl-toc__list{gap:9px}
.single-post .bl-article__content>.bl-toc--static .bl-toc__list>li>a{border:1px solid transparent;border-radius:11px;background:var(--bl-surface-2);font-size:14px;line-height:1.7}
.single-post .bl-article__content>.bl-toc--static .bl-toc__list>li>a:hover{border-color:var(--bl-border);background:var(--bl-primary-soft)}
.single-post .mk-key-takeaways{border:1px solid #bfe6d2!important;border-radius:18px!important;background:#f1fbf6!important;padding:22px 24px!important}
[data-theme="dark"] .single-post .mk-key-takeaways{border-color:var(--bl-border)!important;background:var(--bl-surface-2)!important}
.single-post .mk-cta-banner>div{border-radius:20px!important;background:linear-gradient(135deg,#0e3126,#115f46)!important;box-shadow:0 20px 45px rgba(14,49,38,.18)}
.single-post .zalo-quick-answer,.single-post .zalo-sources,.single-post .zalo-related,.single-post .zalo-note,.single-post .zalo-warn{border-radius:16px}
/* Note and warning copy follows the active theme typography. */
.single-post .bl-prose .mk-note,
.single-post .bl-prose .mk-alert,
.single-post .bl-prose .mk-note strong,
.single-post .bl-prose .mk-note span,
.single-post .bl-prose .mk-alert strong,
.single-post .bl-prose .mk-alert span{font-family:inherit}
.single-post .zalo-quick-answer{border:1px solid var(--bl-border);background:var(--bl-surface)}
.single-post .zalo-sources,.single-post .zalo-related{border-color:var(--bl-border)}
.single-post .bl-post-sidebar .bl-card{border-radius:16px;box-shadow:var(--bl-shadow-sm)}
.single-post .bl-article__related{margin-top:55px;padding-top:35px;border-top:1px solid var(--bl-border)}
.single-post .bl-author-box{border:1px solid var(--bl-border);border-radius:18px;background:var(--bl-surface)}

/* Services landing keeps its outbound purchase links and content. */
.bl-sv2__hero{border-radius:30px;box-shadow:0 25px 60px rgba(14,49,38,.15)}
.bl-sv2__plan{border-radius:18px}
.bl-sv2__button{border-radius:12px;min-height:48px}

/* Footer */
.site-footer{margin-top:40px;background:#0b2018;color:#d7e8df;border-top:4px solid var(--bl-primary)}
.site-footer a{color:#c3d9ce}
.site-footer a:hover{color:#75deb5}
.site-footer__title,.site-footer__col-title{color:#fff}
.site-footer__bottom{border-color:rgba(255,255,255,.1)}
.site-footer__back-to-top{border-radius:10px}

@media(max-width:1023px){
  .bl-hero__grid{gap:38px}
  .bl-hero__content{order:0}
  .bl-hero__mockup{order:2;margin:0 auto}
  .single-post .bl-article__body{gap:30px}
}
@media(max-width:767px){
  html{scroll-padding-top:82px}
  .bl-header__inner{min-height:70px}
  .bl-hero{padding-block:44px}
  .bl-hero__grid{gap:32px}
  .bl-hero__content{gap:14px;text-align:center;align-items:center}
  .bl-hero__title{font-size:clamp(28px,8vw,38px);line-height:1.45;text-align:center}
  .bl-hero__subtitle{font-size:15px;line-height:1.95;text-align:center}
  .bl-hero__search{border-radius:13px}
  .bl-hero__stats{gap:20px}
  .bl-app-card{max-width:340px;border-radius:22px}
  .bl-section{padding-block:48px}
  .bl-section__head{margin-bottom:22px}
  .bl-section__title{font-size:23px}
  .bl-section__subtitle{font-size:14px}
  .bl-cards--grid{gap:16px}
  .bl-card{border-radius:17px}
  .bl-card__body{padding:17px}
  .bl-card__title,.bl-card__title--compact,.bl-card__title--snippet{font-size:16px;line-height:1.75}
  .bl-card:hover{transform:none}
  .bl-page-head{padding-block:34px}
  .bl-page-head__title{font-size:27px}
  .bl-platforms__panel{padding:20px}
  .single-post .bl-article__body{padding-top:22px}
  .single-post .bl-post-topline{margin-bottom:15px}
  .single-post .bl-article__title{font-size:26px;line-height:1.55;letter-spacing:-.025em}
  .single-post .bl-article__lead{font-size:15px;line-height:1.9}
  .single-post .bl-article__thumb{margin-top:22px;border-radius:18px}
  .single-post .bl-prose{font-size:16px;line-height:1.95}
  .single-post .bl-prose h2{margin-block:38px 15px;padding-right:13px;font-size:21px;line-height:1.65}
  .single-post .bl-prose h3{margin-top:28px;font-size:18px;line-height:1.7}
  .single-post .bl-prose table{font-size:13px}
  .single-post .bl-prose th,.single-post .bl-prose td{padding:10px 8px}
  .single-post .bl-article__content>.bl-toc--static{margin-top:26px;border-radius:15px}
  .single-post .bl-article__content>.bl-toc--static .bl-toc__title{padding:16px;font-size:16px}
  .single-post .bl-article__content>.bl-toc--static .bl-toc__list>li>a{min-height:48px;font-size:14px}
  .single-post .bl-article__related{margin-top:40px;padding-top:28px}
  .site-footer{margin-top:20px}
}
@media(max-width:359px){
  .bl-hero__title{font-size:27px}
  .bl-hero__search-icon{display:none}
  .bl-hero__search-input{font-size:12px;padding-inline:4px}
  .bl-hero__search-btn{padding-inline:12px}
  .single-post .bl-article__title{font-size:24px}
  .single-post .bl-prose h2{font-size:20px}
  .bl-platforms__tab{font-size:12px;padding-inline:3px}
}
/* Natural, balanced-by-width heading flow without forced line balancing. */
.single-post .bl-article__title{
  max-width:100%;
  font-size:34px;
  line-height:1.65;
  letter-spacing:-.02em;
  text-wrap:wrap;
}
.single-post .bl-prose h2,
.single-post .bl-prose h3,
.single-post .bl-prose h4{text-wrap:wrap}
.single-post .bl-prose h2{font-size:24px;line-height:1.7}
.single-post .bl-prose h3{font-size:20px;line-height:1.75}
.single-post .bl-prose h4{font-size:18px;line-height:1.75}
@media(max-width:767px){
  .single-post .bl-article__title{font-size:23px;line-height:1.65;text-wrap:wrap}
  .single-post .bl-prose h2{font-size:20px;line-height:1.7;text-wrap:wrap}
  .single-post .bl-prose h3{font-size:17px;line-height:1.75;text-wrap:wrap}
  .single-post .bl-prose h4{font-size:16px;line-height:1.75;text-wrap:wrap}
}
@media(max-width:359px){.single-post .bl-article__title{font-size:22px}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .bl-card:hover,.bl-btn--primary:hover{transform:none}
}

/* Compact vertical rhythm — v1.0.2 */
.bl-hero{padding-block:64px}
.bl-section{padding-block:52px}
.bl-section__head{margin-bottom:22px}
.bl-page-head{padding-block:36px}
.single-post .bl-article__body{padding-top:20px}
.single-post .bl-post-topline{margin-bottom:14px}
.single-post .bl-article__lead{margin-top:12px}
.single-post .bl-article__meta{padding-top:14px}
.single-post .bl-article__thumb{margin-top:22px}
.single-post .bl-article__content>.bl-toc--static{margin:24px 0 22px}
.single-post .bl-prose>p{margin-block:14px}
.single-post .bl-prose h2{margin-block:36px 14px}
.single-post .bl-prose h3{margin-block:26px 12px}
.single-post .mk-cta-banner{margin:28px 0!important}
.single-post .bl-article__related{margin-top:40px;padding-top:28px}
.site-footer{margin-top:24px}
@media(max-width:767px){
  .bl-hero{padding-block:32px}
  .bl-hero__grid{gap:26px}
  .bl-section{padding-block:36px}
  .bl-section__head{margin-bottom:18px}
  .bl-cards--grid{gap:14px}
  .bl-page-head{padding-block:26px}
  .bl-card__body{padding:15px}
  .bl-card__title,.bl-card__title--compact,.bl-card__title--snippet{font-size:15px}
  .single-post .bl-article__body{padding-top:14px}
  .single-post .bl-post-topline{margin-bottom:10px}
  .single-post .bl-article__title{font-size:22px;line-height:1.6}
  .single-post .bl-article__lead{margin-top:10px;font-size:14px;line-height:1.85}
  .single-post .bl-article__meta{padding-top:12px}
  .single-post .bl-article__thumb{margin-top:18px}
  .single-post .bl-article__content>.bl-toc--static{margin:20px 0}
  .single-post .bl-prose{font-size:15px;line-height:1.9}
  .single-post .bl-prose>p{margin-block:12px}
  .single-post .bl-prose h2{margin-block:28px 12px;font-size:19px;line-height:1.65}
  .single-post .bl-prose h3{margin-block:22px 10px;font-size:16px;line-height:1.7}
  .single-post .bl-prose h4{font-size:15px}
  .single-post .bl-article__related{margin-top:32px;padding-top:24px}
  .site-footer{margin-top:16px}
}
@media(max-width:359px){.single-post .bl-article__title{font-size:21px}}

/* Compact single-post header rhythm — v1.0.4 */
.single-post .bl-single{padding-top:16px}
.single-post .bl-article__body{padding-top:12px}
.single-post .bl-post-topline{margin-bottom:6px}
.single-post .bl-breadcrumb{margin-bottom:6px}
.single-post .bl-article__header{padding-bottom:0}
.single-post .bl-article__lead{margin-top:8px}
.single-post .bl-article__meta{margin-top:10px;padding-top:8px}
.single-post .bl-article__thumb{margin-top:16px}
@media(max-width:767px){
  .single-post .bl-single{padding-top:10px}
  .single-post .bl-article__body{padding-top:10px}
  .single-post .bl-article__thumb{margin-top:14px}
}
