:root{
  --hqbc4-ink:#101828;
  --hqbc4-text:#344054;
  --hqbc4-muted:#526075;
  --hqbc4-line:#e4e7ec;
  --hqbc4-soft:#f7f9fc;
  --hqbc4-blue:#175cd3;
  --hqbc4-blue-dark:#0b4bb3;
  --hqbc4-navy:#0b1830;
  --hqbc4-warm:#fff9ed;
  --hqbc4-page:1440px;
  --hqbc4-reading:840px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.hqbc-page{
  margin:0;
  background:#fff;
  color:var(--hqbc4-text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.hqbc-page.admin-bar .hqbc4-sticky{top:110px}
a{color:var(--hqbc4-blue)}
img{max-width:100%}
.hqbc-skip-link{position:fixed;left:16px;top:-100px;z-index:99999;padding:10px 14px;border-radius:8px;background:#fff;color:#111827;box-shadow:0 4px 18px rgba(16,24,40,.16)}
.hqbc-skip-link:focus{top:16px}

/* Header */
.hqbc4-header{background:#fff;border-bottom:1px solid var(--hqbc4-line)}
.hqbc4-header__inner{width:min(calc(100% - 48px),var(--hqbc4-page));height:72px;margin:0 auto;display:flex;align-items:center}
.hqbc-logo{display:inline-flex;align-items:center;color:var(--hqbc4-ink)!important;text-decoration:none!important}
.hqbc-wordmark{font-size:22px;font-weight:700;letter-spacing:-.02em}
.hqbc-logo__img{display:block;max-height:38px;width:auto}

/* Hero: editorial, not a billboard. */
.hqbc4-hero{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid var(--hqbc4-line)}
.hqbc4-hero__inner{width:min(calc(100% - 48px),var(--hqbc4-page));margin:0 auto;padding:64px 0 58px}
.hqbc4-hero__inner--media{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:64px;align-items:center}
.hqbc4-hero__copy{min-width:0;max-width:820px}
.hqbc4-eyebrow{margin-bottom:14px;color:var(--hqbc4-blue);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.hqbc4-title{margin:0;color:var(--hqbc4-ink);font-size:clamp(40px,3.5vw,52px);font-weight:700;line-height:1.08;letter-spacing:-.03em}
.hqbc4-dek{max-width:760px;margin-top:20px;color:#344054;font-size:18px;line-height:1.65}
.hqbc4-dek strong{color:#1d2939}
.hqbc4-meta{margin-top:22px;color:var(--hqbc4-muted);font-size:14px}
.hqbc4-hero__media{min-width:0}
.hqbc4-hero__media .hqbc4-media{margin:0}
.hqbc4-hero__media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:12px;border:1px solid #dfe5ec;box-shadow:none}
.hqbc4-hero__media figcaption{display:none}

/* Main three-column reading layout. */
.hqbc4-page{background:#fff}
.hqbc4-layout{width:min(calc(100% - 48px),var(--hqbc4-page));margin:0 auto;display:grid;grid-template-columns:220px minmax(0,var(--hqbc4-reading)) 260px;gap:44px;align-items:start;padding:58px 0 84px}
.hqbc4-sticky{position:sticky;top:28px}

/* TOC */
.hqbc4-toc{min-width:0}
.hqbc4-toc__title{margin-bottom:14px;color:#475467;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hqbc4-toc__list{margin:0;padding:0;list-style:none;border-left:1px solid #e4e7ec}
.hqbc4-toc__list li{margin:0}
.hqbc4-toc__list a{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:8px 0 8px 14px;border-left:2px solid transparent;color:#475467;font-size:14.5px;line-height:1.45;text-decoration:none;transition:.15s ease}
.hqbc4-toc__list a span{color:#667085;font-size:12.5px;font-weight:700;letter-spacing:.04em;padding-top:1px}
.hqbc4-toc__list a:hover,.hqbc4-toc__list a.is-active{border-left-color:var(--hqbc4-blue);color:#101828}
.hqbc4-toc__list a.is-active span{color:var(--hqbc4-blue)}

/* Right rail */
.hqbc4-rail-card{padding:20px;border:1px solid #dfe5ec;border-radius:12px;background:#f8fafc}
.hqbc4-rail-card__title{margin-bottom:12px;color:#101828;font-size:15.5px;font-weight:700}
.hqbc4-rail-card ul{margin:0;padding-left:18px;color:#344054;font-size:14.5px;line-height:1.6}
.hqbc4-rail-card li{margin-bottom:9px}
.hqbc4-rail-card li:last-child{margin-bottom:0}
.hqbc4-rail-note{margin-top:16px;padding:18px;border-left:3px solid #e5a000;background:var(--hqbc4-warm);color:#5a430d;font-size:14px;line-height:1.58}
.hqbc4-rail-note strong{display:block;margin-bottom:5px;color:#4a390f}
.hqbc4-rail-note p{margin:0}

/* Reading column */
.hqbc4-reading{min-width:0}
.hqbc4-intro{margin-bottom:52px;padding-bottom:44px;border-bottom:1px solid var(--hqbc4-line)}
.hqbc4-intro>.hqbc4-p:first-child{font-size:19px;color:#344054}
.hqbc4-section{scroll-margin-top:28px;padding:0 0 68px;margin:0 0 68px;border-bottom:1px solid var(--hqbc4-line)}
.hqbc4-section:last-child{margin-bottom:0}
.hqbc4-section__number{margin-bottom:8px;color:var(--hqbc4-blue);font-size:12.5px;font-weight:700;letter-spacing:.1em}
.hqbc4-section>h2{margin:0 0 26px;color:var(--hqbc4-ink);font-size:31px;font-weight:700;line-height:1.22;letter-spacing:-.02em}
.hqbc4-section__body>:first-child{margin-top:0}
.hqbc4-section__body>:last-child{margin-bottom:0}
.hqbc4-p{margin:0 0 20px;color:#2f3b4d;font-size:17px;line-height:1.72}
.hqbc4-p strong{color:#101828;font-weight:700}
.hqbc4-p a{text-underline-offset:3px}
.hqbc4-subhead{margin:36px 0 15px;color:#1d2939;font-size:23px;font-weight:700;line-height:1.32;letter-spacing:-.015em}
.hqbc4-subhead--step{padding-left:16px;border-left:3px solid var(--hqbc4-blue)}
.hqbc4-list{margin:0 0 24px;color:#344054}
.hqbc4-list ul,.hqbc4-list ol{margin:0;padding-left:27px}
.hqbc4-list li{margin:0 0 10px;padding-left:3px}
.hqbc4-list li::marker{color:#667085;font-weight:700}
.hqbc4-divider{margin:42px 0;border:0;border-top:1px solid var(--hqbc4-line)}
.hqbc4-callout{margin:30px 0;padding:22px 24px;border:0;border-left:4px solid var(--hqbc4-blue);background:#f5f8ff;color:#344054}
.hqbc4-callout p{margin:0}

/* Media has a role; never stretch a 1024 image to the viewport. */
.hqbc4-media{margin:30px auto 34px;text-align:center}
.hqbc4-media img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto;border-radius:12px;border:1px solid #e4e7ec;background:#fff}
.hqbc4-media figcaption{max-width:760px;margin:10px auto 0;color:#526075;font-size:13.5px;line-height:1.55}
.hqbc4-media--icon{margin:0 0 16px;text-align:left}
.hqbc4-media--icon img{width:64px;height:64px;object-fit:contain;margin:0;border:0;border-radius:10px;background:#f8fafc}

.hqbc4-gallery{display:grid;gap:16px;margin:30px 0 36px;align-items:start}
.hqbc4-gallery--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hqbc4-gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hqbc4-gallery .hqbc4-media{margin:0;min-width:0;align-self:start;height:auto}
.hqbc4-gallery .hqbc4-media img{width:100%;height:auto;max-height:560px;object-fit:contain}
.hqbc4-gallery .hqbc4-media figcaption{position:static;display:block;min-height:0;margin:10px 0 0;padding:0 4px}

/* Only semantic repeated icon patterns become features. */
.hqbc4-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0 36px}
.hqbc4-feature{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start;padding:18px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}
.hqbc4-icon{grid-row:1 / span 2;display:grid;place-items:center;width:44px;height:44px;border:1px solid #dbe8ff;border-radius:10px;background:#eff4ff;color:#175cd3}
.hqbc4-icon svg{display:block;width:24px;height:24px}
.hqbc4-feature__title{margin:1px 0 5px;color:#101828;font-size:15.5px;font-weight:700;line-height:1.4}
.hqbc4-feature__body{color:#475467;font-size:14px;line-height:1.58}

/* Actions */
.hqbc4-actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 34px}
.hqbc4-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border-radius:9px;font-size:13.5px;font-weight:700;line-height:1.3;text-decoration:none!important}
.hqbc4-btn--primary{border:1px solid var(--hqbc4-blue);background:var(--hqbc4-blue);color:#fff!important}
.hqbc4-btn--primary:hover{background:var(--hqbc4-blue-dark)}
.hqbc4-btn--secondary{border:1px solid #cbd5e1;background:#fff;color:#344054!important}
.hqbc4-btn--secondary:hover{background:#f8fafc}

/* Table / video */
.hqbc4-table{margin:28px 0 34px;overflow-x:auto;border:1px solid #e4e7ec;border-radius:10px}
.hqbc4-table table{width:100%;min-width:660px;border-collapse:collapse;font-size:15px}
.hqbc4-table th,.hqbc4-table td{padding:13px 14px;border-bottom:1px solid #eaecf0;text-align:left;vertical-align:top}
.hqbc4-table th{background:#f8fafc;color:#101828;font-weight:700}
.hqbc4-table tr:last-child td{border-bottom:0}
.hqbc4-video{margin:30px 0 36px;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#101828}
.hqbc4-video iframe{display:block;width:100%;height:100%;border:0}

/* FAQ */
.hqbc-faq{margin:26px 0 34px}
.hqbc-faq__item{border-top:1px solid var(--hqbc4-line)}
.hqbc-faq__item:last-child{border-bottom:1px solid var(--hqbc4-line)}
.hqbc-faq__item summary{position:relative;cursor:pointer;list-style:none;padding:18px 38px 18px 0;color:#101828;font-size:16px;font-weight:700;line-height:1.45}
.hqbc-faq__item summary::-webkit-details-marker{display:none}
.hqbc-faq__item summary::after{content:"+";position:absolute;right:4px;top:16px;color:var(--hqbc4-blue);font-size:22px;font-weight:500}
.hqbc-faq__item[open] summary::after{content:"−"}
.hqbc-faq__answer{padding:0 36px 18px 0}
.hqbc-faq__answer .hqbc4-p{margin:0;color:#475467;font-size:16px}

/* Related / footer */
.hqbc4-related{border-top:1px solid var(--hqbc4-line);background:#f8fafc}
.hqbc4-related__inner{width:min(calc(100% - 48px),var(--hqbc4-page));margin:0 auto;padding:42px 0 48px}
.hqbc4-kicker{color:var(--hqbc4-blue);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.hqbc4-related h2{margin:7px 0 20px;color:#101828;font-size:28px;line-height:1.2}
.hqbc4-related__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hqbc4-related__card{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:16px 18px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;color:#1d2939!important;font-weight:700;line-height:1.4;text-decoration:none!important}
.hqbc4-related__card:hover{border-color:#b8c7dc}
.hqbc4-footer{background:#101828;color:#c3ccda}
.hqbc4-footer__inner{width:min(calc(100% - 48px),var(--hqbc4-page));margin:0 auto;padding:30px 0 34px;font-size:14px;line-height:1.62}
.hqbc4-footer p{max-width:900px;margin:0 0 6px}
.hqbc4-footer strong,.hqbc4-footer span{color:#f2f4f7}

@media(max-width:1240px){
  .hqbc4-layout{grid-template-columns:190px minmax(0,1fr);gap:34px}
  .hqbc4-rail{display:none}
  .hqbc4-hero__inner--media{grid-template-columns:minmax(0,1fr) 420px;gap:44px}
}

@media(max-width:900px){
  .hqbc4-header__inner{width:calc(100% - 32px);height:64px}
  .hqbc4-hero__inner,.hqbc4-related__inner,.hqbc4-footer__inner{width:calc(100% - 32px)}
  .hqbc4-hero__inner{padding:42px 0 38px}
  .hqbc4-hero__inner--media{display:block}
  .hqbc4-hero__media{margin-top:28px}
  .hqbc4-title{font-size:clamp(34px,6.5vw,44px)}
  .hqbc4-layout{width:calc(100% - 32px);display:block;padding:38px 0 60px}
  .hqbc4-toc{margin-bottom:38px}
  .hqbc4-sticky{position:static}
  .hqbc4-toc__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;gap:6px 18px}
  .hqbc4-toc__list a{border-left:0;border-bottom:1px solid #eaecf0;padding:8px 0}
  .hqbc4-toc__list a:hover,.hqbc4-toc__list a.is-active{border-left-color:transparent;border-bottom-color:var(--hqbc4-blue)}
  .hqbc4-section{padding-bottom:52px;margin-bottom:52px}
  .hqbc4-feature-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  body.hqbc-page{font-size:16px}
  .hqbc-wordmark{font-size:20px}
  .hqbc4-title{font-size:32px;line-height:1.1}
  .hqbc4-dek{font-size:17px}
  .hqbc4-toc__list{grid-template-columns:1fr}
  .hqbc4-section>h2{font-size:27px}
  .hqbc4-subhead{font-size:21px}
  .hqbc4-p{font-size:16px}
  .hqbc4-gallery--2,.hqbc4-gallery--3{grid-template-columns:1fr}
  .hqbc4-actions{display:grid;grid-template-columns:1fr}
  .hqbc4-btn{width:100%}
  .hqbc4-related__grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* v4.1 — dedicated semantic components */
.hqbc4-partner{margin:28px 0 34px;border:1px solid #d8e0ea;border-radius:12px;background:#f8fafc;overflow:hidden}
.hqbc4-partner__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid #e4e7ec}
.hqbc4-partner__row>div{min-width:0}
.hqbc4-partner__label{display:block;margin-bottom:6px;color:#475467;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.hqbc4-partner code{display:inline-block;color:#101828;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:16px;font-weight:700;overflow-wrap:anywhere}
.hqbc4-partner__url{display:block;color:#175cd3;font-size:15px;line-height:1.5;overflow-wrap:anywhere;text-decoration:none}
.hqbc4-partner__url:hover{text-decoration:underline;text-underline-offset:3px}
.hqbc4-copy{min-width:92px;min-height:40px;padding:8px 13px;border:1px solid #b7c6dc;border-radius:8px;background:#fff;color:#1d2939;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.hqbc4-copy:hover{border-color:#175cd3;color:#0b4bb3;background:#f5f8ff}
.hqbc4-copy.is-copied{border-color:#75b798;color:#176b45;background:#f0fff8}
.hqbc4-partner__note{margin:0;padding:15px 20px;background:#fff9ed;color:#5a430d;font-size:14px;line-height:1.6}

.hqbc4-sources{margin:16px 0 0;padding:28px 0 0;border-top:1px solid var(--hqbc4-line)}
.hqbc4-sources__kicker{margin-bottom:7px;color:var(--hqbc4-blue);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hqbc4-sources h2{margin:0 0 18px;color:#101828;font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.015em}
.hqbc4-sources ul{margin:0;padding:0;list-style:none}
.hqbc4-sources li{padding:13px 0;border-top:1px solid #eef1f5}
.hqbc4-sources li:first-child{border-top:0}
.hqbc4-sources li>a,.hqbc4-sources li>strong{display:block;color:#1d2939;font-size:15px;font-weight:700;line-height:1.45;text-decoration:none}
.hqbc4-sources li>a:hover{color:#0b4bb3;text-decoration:underline;text-underline-offset:3px}
.hqbc4-sources li>span{display:block;margin-top:3px;color:#526075;font-size:14px;line-height:1.55}
.hqbc4-sources__updated{margin:16px 0 0;padding:14px 16px;border-left:3px solid #b7c6dc;background:#f8fafc;color:#475467;font-size:14px;line-height:1.6}

@media(max-width:640px){
  .hqbc4-partner__row{grid-template-columns:1fr;padding:16px}
  .hqbc4-copy{width:100%}
  .hqbc4-sources h2{font-size:22px}
}
.hqbc4-sources__author{margin:0 0 14px;color:#344054;font-size:14.5px;line-height:1.55}
.hqbc4-sources__author strong{color:#101828;font-weight:700}
.hqbc-faq__copy{color:#475467;font-size:16px;line-height:1.68}
.hqbc-faq__copy p{margin:0 0 10px}
.hqbc-faq__copy p:last-child{margin-bottom:0}
.hqbc-faq__copy ul,.hqbc-faq__copy ol{margin:8px 0 0;padding-left:22px}

/* v4.3 — interaction polish, sticky navigation, proof carousel, floating support */
@media(min-width:901px){
  .hqbc4-sticky{top:22px;max-height:calc(100vh - 44px);overflow:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
  body.hqbc-page.admin-bar .hqbc4-sticky{top:54px;max-height:calc(100vh - 70px)}
}

/* Quick actions: one coherent control group instead of legacy stacked buttons. */
.hqbc4-actions--quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:720px;margin:28px 0 40px}
.hqbc4-actions--quick .hqbc4-btn{justify-content:flex-start;gap:10px;min-height:58px;padding:12px 14px;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.hqbc4-actions--quick .hqbc4-btn--primary{background:#175cd3;border-color:#175cd3}
.hqbc4-actions--quick .hqbc4-btn--secondary{border-color:#d0d5dd;background:#fff;color:#1d2939!important}
.hqbc4-actions--quick .hqbc4-btn__icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.16);color:currentColor}
.hqbc4-actions--quick .hqbc4-btn--secondary .hqbc4-btn__icon{background:#f2f4f7;color:#175cd3}
.hqbc4-actions--quick .hqbc4-btn__icon .hqbc4-icon{width:32px;height:32px;border:0;border-radius:0;background:transparent;color:inherit}
.hqbc4-actions--quick .hqbc4-btn__icon .hqbc4-icon svg{width:18px;height:18px}
.hqbc4-actions--quick .hqbc4-btn>span:nth-child(2){min-width:0;flex:1;text-align:left}
.hqbc4-btn__arrow{margin-left:auto;font-size:17px;line-height:1;color:currentColor;opacity:.75}

/* Sticky Partner copy card. */
.hqbc4-partner-mini{margin-top:16px;padding:16px;border:1px solid #dfe5ec;border-radius:12px;background:#fff}
.hqbc4-partner-mini__title{margin-bottom:12px;color:#101828;font-size:14.5px;font-weight:700}
.hqbc4-partner-mini__item{padding:11px 0;border-top:1px solid #eef1f5}
.hqbc4-partner-mini__item:first-of-type{border-top:0;padding-top:0}
.hqbc4-partner-mini__item>span{display:block;margin-bottom:6px;color:#667085;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.hqbc4-partner-mini__item>div{display:flex;align-items:center;gap:8px;min-width:0}
.hqbc4-partner-mini code{min-width:0;flex:1;color:#101828;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13.5px;font-weight:700;overflow-wrap:anywhere}
.hqbc4-partner-mini a{min-width:0;flex:1;color:#175cd3;font-size:13px;text-decoration:none}
.hqbc4-partner-mini a:hover{text-decoration:underline}
.hqbc4-copy--icon{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;white-space:nowrap;padding:7px 9px;font-size:12px}
.hqbc4-copy--icon .hqbc4-icon{width:18px;height:18px;border:0;background:transparent;border-radius:0;color:inherit}
.hqbc4-copy--icon .hqbc4-icon svg{width:16px;height:16px}
.hqbc4-mobile-partner{display:none}

/* User-managed rebate gallery. */
.hqbc4-proof{margin:34px 0 8px;padding:24px 0 0;border-top:1px solid var(--hqbc4-line)}
.hqbc4-proof__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.hqbc4-proof__head h3{margin:4px 0 3px;color:#101828;font-size:23px;line-height:1.3}
.hqbc4-proof__head p{margin:0;color:#667085;font-size:13.5px;line-height:1.5}
.hqbc4-proof__nav{display:flex;gap:8px;flex:0 0 auto}
.hqbc4-proof__nav button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d0d5dd;border-radius:50%;background:#fff;color:#344054;font:inherit;font-size:18px;cursor:pointer}
.hqbc4-proof__nav button:hover{border-color:#98a2b3;background:#f8fafc}
.hqbc4-proof__track{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;overscroll-behavior-inline:contain}
.hqbc4-proof-card{flex:0 0 min(76vw,320px);margin:0;scroll-snap-align:start}
.hqbc4-proof-card a{display:block;overflow:hidden;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc}
.hqbc4-proof-card img{display:block;width:100%;height:360px;object-fit:contain;background:#fff}
.hqbc4-proof-card figcaption{margin-top:7px;color:#667085;font-size:12.5px;line-height:1.45}

/* Floating Zalo contact — visible but deliberately compact. */
.hqbc-zalo-float{position:fixed;right:18px;bottom:18px;z-index:9990;display:flex;align-items:center;gap:9px;padding:9px 12px 9px 9px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#0868ff;color:#fff!important;text-decoration:none!important;box-shadow:0 10px 28px rgba(8,43,92,.22);transition:transform .15s ease,box-shadow .15s ease}
.hqbc-zalo-float:hover{transform:translateY(-2px);box-shadow:0 13px 32px rgba(8,43,92,.28)}
.hqbc-zalo-float__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#0868ff;font-size:18px;font-weight:700}
.hqbc-zalo-float__text{display:grid;line-height:1.12}
.hqbc-zalo-float__text strong{font-size:12.5px;font-weight:700}
.hqbc-zalo-float__text small{margin-top:3px;color:#fff;font-size:11.5px}

@media(max-width:1240px){
  .hqbc4-mobile-partner{display:block;margin:-16px 0 42px}
  .hqbc4-partner-mini--mobile{max-width:720px;margin:0}
}
@media(max-width:700px){
  .hqbc4-actions--quick{grid-template-columns:1fr;gap:9px}
  .hqbc4-actions--quick .hqbc4-btn{min-height:54px}
  .hqbc4-proof__head{align-items:flex-start}
  .hqbc4-proof__nav{display:none}
  .hqbc4-proof-card{flex-basis:82vw}
  .hqbc4-proof-card img{height:320px}
  .hqbc-zalo-float{right:12px;bottom:12px;padding:7px}
  .hqbc-zalo-float__icon{width:36px;height:36px}
  .hqbc-zalo-float__text{display:none}
}
@media print{.hqbc-zalo-float,.hqbc4-proof__nav{display:none!important}}

/* v4.3.1 — in-context copy controls, robust sticky TOC, supplied Zalo icon */
@media(min-width:901px){
  /* Sticky phải nằm trên chính grid item. Nếu chỉ sticky child thì parent cao bằng content của TOC
     có thể giới hạn vùng sticky và khiến mục lục trông như không ghim. */
  .hqbc4-toc{
    position:sticky;
    top:22px;
    align-self:start;
    max-height:calc(100vh - 44px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#cbd5e1 transparent;
    padding-right:5px;
  }
  .hqbc4-toc>.hqbc4-sticky{
    position:static;
    top:auto;
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
  body.hqbc-page.admin-bar .hqbc4-toc{
    top:54px;
    max-height:calc(100vh - 70px);
  }
}

.hqbc4-inline-credential{
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  margin-left:4px;
  vertical-align:middle;
}
.hqbc4-inline-credential code{
  color:#101828;
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  font-size:.94em;
  font-weight:700;
  overflow-wrap:anywhere;
}
.hqbc4-inline-credential--url{flex-wrap:wrap}
.hqbc4-copy--inline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
  min-height:32px;
  margin:1px 0 1px 2px;
  padding:4px 8px;
  border-radius:7px;
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
  vertical-align:middle;
}
.hqbc4-copy--inline .hqbc4-icon{
  width:15px;
  height:15px;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
}
.hqbc4-copy--inline .hqbc4-icon svg{width:14px;height:14px}

.hqbc-zalo-float__icon{
  display:block;
  width:38px;
  height:38px;
  flex:0 0 38px;
  object-fit:contain;
  border-radius:50%;
  background:transparent;
  color:inherit;
  font-size:0;
}

@media(max-width:900px){
  .hqbc4-toc{position:static;top:auto;max-height:none;overflow:visible;padding-right:0}
}
@media(max-width:640px){
  .hqbc4-inline-credential{display:flex;align-items:center;margin:7px 0 2px;gap:8px}
  .hqbc4-inline-credential--url{align-items:flex-start}
  .hqbc4-copy--inline{width:auto;flex:0 0 auto}
  .hqbc-zalo-float__icon{width:40px;height:40px;flex-basis:40px}
}


/* v4.3.3 — content-model sync; layout unchanged from v4.3.2. */
@media(min-width:901px){
  body.hqbc-page.admin-bar .hqbc4-toc{
    top:54px;
    max-height:calc(100vh - 76px);
  }
  body.hqbc-page.admin-bar .hqbc4-rail>.hqbc4-sticky{
    top:54px;
    max-height:calc(100vh - 76px);
    overflow:auto;
    overscroll-behavior:contain;
  }
  body.hqbc-page.admin-bar .hqbc4-section{scroll-margin-top:72px}
}
.hqbc4-partner--inline{margin-top:20px;margin-bottom:28px}


/* v4.3.4 — sticky right rail at the grid-item level, matching TOC behavior. */
@media(min-width:1241px){
  .hqbc4-rail{
    position:sticky;
    top:22px;
    align-self:start;
    max-height:calc(100vh - 44px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#cbd5e1 transparent;
    padding-right:5px;
  }
  .hqbc4-rail>.hqbc4-sticky{
    position:static;
    top:auto;
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
  body.hqbc-page.admin-bar .hqbc4-rail{
    top:54px;
    max-height:calc(100vh - 76px);
  }
}

/* v4.3.6 — production compatibility: hide legacy Contact Me on Zalo output on Backcom routes. */
body.hqbc-page .zalo-container,
body.hqbc-page #zalo-btn{display:none!important}

/* v4.3.17 — visible breadcrumb shared by all Backcom routes. */
.hqbc4-breadcrumb-wrap{width:min(calc(100% - 48px),var(--hqbc4-page));margin:0 auto}
.hqbc4-breadcrumb{padding:14px 0 2px;color:#667085;font-size:13px;line-height:1.45}
.hqbc4-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}
.hqbc4-breadcrumb li{display:flex;align-items:center;min-width:0}
.hqbc4-breadcrumb li+li::before{content:"/";margin:0 8px;color:#98a2b3}
.hqbc4-breadcrumb a{color:#475467;text-decoration:none}
.hqbc4-breadcrumb a:hover{text-decoration:underline}
.hqbc4-breadcrumb [aria-current="page"] span{color:#344054;font-weight:600}
@media(max-width:700px){
  .hqbc4-breadcrumb-wrap{width:calc(100% - 32px)}
  .hqbc4-breadcrumb{padding-top:11px;font-size:12.5px}
  .hqbc4-breadcrumb li:last-child{max-width:72vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media print{.hqbc4-breadcrumb-wrap{display:none!important}}