/*
 * Global brand layer.
 * All chromatic UI tokens inherit from Theme Options > Màu chủ đạo.
 */
html{font-synthesis:none}
body{color:var(--dq-text);font-family:var(--dq-font);font-synthesis-weight:none}
::selection{background:var(--dq-primary-tint);color:var(--dq-primary-deep)}
:focus-visible{outline:3px solid var(--dq-primary-border);outline-offset:3px}
a:hover{color:var(--dq-primary-hover)}

/* Keep type within the supported range of common webfonts (maximum 750). */
h1,h2,h3,h4,h5,h6,strong,b,th,label,summary,button,input[type=submit],input[type=button],.button,.dq-btn{font-weight:700}
[style*="font-weight: 76"],[style*="font-weight:76"],[style*="font-weight: 77"],[style*="font-weight:77"],[style*="font-weight: 78"],[style*="font-weight:78"],[style*="font-weight: 79"],[style*="font-weight:79"],[style*="font-weight: 8"],[style*="font-weight:8"],[style*="font-weight: 9"],[style*="font-weight:9"]{font-weight:750!important}

/* Shared controls and navigation. */
.dq-btn,.dq-hotline,.dq-load-more:hover,.dqc-contact-form button,.search-submit{border-color:var(--dq-primary);background:var(--dq-primary);color:#fff}
.dq-btn:hover,.dq-hotline:hover,.dqc-contact-form button:hover,.search-submit:hover{border-color:var(--dq-primary-hover);background:var(--dq-primary-hover);color:#fff}
.dq-btn--outline,.dq-load-more{border-color:var(--dq-primary);background:transparent;color:var(--dq-primary)}
.dq-header-btn{background:var(--dq-primary-deep)}
.dq-footer{background:var(--dq-primary-deep)}
.dq-back-to-top,.dq-floating-contact a{background:var(--dq-primary)}

/*
 * One global header/footer on every route. These selectors intentionally
 * override legacy .home-only chrome rules from optional layout families.
 */
body.dq-global-chrome .dq-header{position:relative;inset:auto;top:auto;color:var(--dq-text);background:rgba(255,255,255,.97);border-bottom:1px solid var(--dq-border);box-shadow:0 8px 28px rgba(18,58,49,.08);font-family:var(--dq-font);font-synthesis:none;backdrop-filter:saturate(150%) blur(14px)}
body.dq-global-chrome .dq-header--sticky{position:sticky;top:0;inset-inline:0;z-index:100}
body.admin-bar.dq-global-chrome .dq-header--sticky{top:32px}
body.dq-global-chrome .dq-header .dq-container{width:min(1500px,calc(100% - 32px))}
body.dq-global-chrome .dq-header-main__grid{grid-template-columns:minmax(245px,.72fr) minmax(0,2.55fr) minmax(230px,.78fr);min-height:94px;gap:26px}
body.dq-global-chrome .dq-menu{gap:clamp(18px,1.55vw,30px);align-items:center}
body.dq-global-chrome .dq-menu a{position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--dq-text);font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.01em;white-space:nowrap;transition:color .2s ease}
body.dq-global-chrome .dq-menu a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:999px;background:var(--dq-primary);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
body.dq-global-chrome .dq-menu a:hover:after,body.dq-global-chrome .dq-menu .current-menu-item>a:after,body.dq-global-chrome .dq-menu .current-menu-ancestor>a:after{transform:scaleX(1)}
body.dq-global-chrome .dq-menu .current-menu-item>a,body.dq-global-chrome .dq-menu .current-menu-ancestor>a{color:var(--dq-primary)}
body.dq-global-chrome .dq-logo{padding-block:7px}
body.dq-global-chrome .dq-logo img{width:260px;max-width:260px;max-height:78px;object-fit:contain}
body.dq-global-chrome .dq-logo strong{display:inline;color:var(--dq-text);font-size:inherit;line-height:inherit;letter-spacing:normal}
body.dq-global-chrome .dq-logo strong:before,body.dq-global-chrome .dq-logo strong:after{content:none}
body.dq-global-chrome .dq-hotline{border-color:var(--dq-primary);background:var(--dq-primary);color:#fff}
body.dq-global-chrome .dq-header-btn{border-radius:6px;background:var(--dq-primary-deep);color:#fff}
body.dq-global-chrome .dq-header-main--mobile{color:var(--dq-text);background:#fff}
body.dq-global-chrome .dq-menu-toggle,body.dq-global-chrome .dq-search-toggle{color:var(--dq-text);background:#fff;border:1px solid var(--dq-border)}
body.dq-global-chrome .dq-header-zone--right .search-form{display:flex;align-items:center;width:min(100%,280px);min-height:46px;padding:4px 4px 4px 16px;border:1px solid #cfded9;border-radius:999px;background:#f7faf9;box-shadow:inset 0 1px 2px rgba(18,58,49,.03),0 6px 18px rgba(18,58,49,.06);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
body.dq-global-chrome .dq-header-zone--right .search-form:focus-within{border-color:var(--dq-primary);background:#fff;box-shadow:0 0 0 4px var(--dq-primary-soft),0 8px 22px rgba(18,58,49,.09)}
body.dq-global-chrome .dq-header-zone--right .search-form label{flex:1;min-width:0}
body.dq-global-chrome .dq-header-zone--right .search-field{width:100%;min-width:0;border:0;background:transparent;color:var(--dq-text);font:inherit;font-size:15px;outline:0}
body.dq-global-chrome .dq-header-zone--right .search-field::placeholder{color:#71817c}
body.dq-global-chrome .dq-header-zone--right .search-submit{min-width:88px;min-height:36px;padding:0 15px;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease}
body.dq-global-chrome .dq-header-zone--right .search-submit:hover{transform:translateY(-1px)}

@media(min-width:1241px) and (max-width:1450px){
    body.dq-global-chrome .dq-header-main__grid{grid-template-columns:220px minmax(0,1fr) 205px;gap:18px}
    body.dq-global-chrome .dq-logo img{width:220px;max-width:220px}
    body.dq-global-chrome .dq-menu{gap:14px}
    body.dq-global-chrome .dq-menu a{font-size:14px}
    body.dq-global-chrome .dq-header-zone--right .search-form{width:205px;padding-left:12px}
    body.dq-global-chrome .dq-header-zone--right .search-field{font-size:14px}
    body.dq-global-chrome .dq-header-zone--right .search-submit{min-width:76px;padding-inline:10px;font-size:13px}
}

body.dq-global-chrome .dq-footer{padding-top:44px;background:var(--dq-primary-deep);color:#e5e7eb;font-family:var(--dq-font);font-synthesis:none}
body.dq-global-chrome .dq-footer__grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:28px;padding-top:0}
body.dq-global-chrome .dq-footer__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.dq-global-chrome .dq-footer__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.dq-global-chrome .dq-footer__grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
body.dq-global-chrome .dq-footer h3,body.dq-global-chrome .dq-footer-contact strong{color:#fff}
body.dq-global-chrome .dq-footer-menu{columns:auto}
body.dq-global-chrome .dq-footer-menu a{color:inherit;font-size:inherit}
body.dq-global-chrome .dq-footer-contact{margin-block:1em;font-size:inherit}
body.dq-global-chrome .dq-copyright{margin-top:34px;padding:16px;border-top:1px solid rgba(255,255,255,.12);background:transparent;color:#cbd5e1;text-align:center}

/* Common surfaces retain contrast while carrying the selected hue. */
.dq-content-hero,.dq-article-hero,.dq-error-page{background:linear-gradient(135deg,var(--dq-primary-soft),var(--dq-primary-tint))}
.dq-content-card__media,.dq-content-card__placeholder,.dq-empty-state__icon{background:var(--dq-primary-tint)}
.dq-content-card__placeholder span,.dq-content-kicker,.dq-content-card__meta span,.dq-content-card__link,.dq-breadcrumb a,.dq-text-link{color:var(--dq-primary)}
.dq-content-hero__copy h1,.dq-article-hero__copy h1,.dq-error-page__copy h1,.dq-section-heading h2,.dq-sidebar__section>h2,.dq-widget>h3,.dq-author-box h2,.dq-article-aside__box h2{color:var(--dq-primary-deep)}
.dq-content-card:hover,.dq-static-page,.dq-sidebar,.dq-article-aside__box,.dq-author-box{border-color:var(--dq-primary-border)}
.dq-article-aside__cta{background:linear-gradient(145deg,var(--dq-primary-deep),var(--dq-primary-hover))}
.dq-article-body blockquote,.dq-term-seo>.dq-richtext,.dq-author-box{background:var(--dq-primary-soft)}
.dq-toc summary{background:var(--dq-primary-soft);color:var(--dq-primary)}
.dq-toc,.dq-toc__list{border-color:var(--dq-primary-border)}

/* Reusable builder families share one brand tone. */
.dq-home-eyebrow,.dq-library-eyebrow,.dq-moving-eyebrow,.dq-wellness-eyebrow,.dq-data-eyebrow,.dq-service-eyebrow{color:var(--dq-primary)!important}
.dq-home-eyebrow:before,.dq-content-kicker:before{background:var(--dq-primary)!important}
.dq-home-btn,.dq-wellness-btn,.dq-data-btn,.dq-moving-btn{background:linear-gradient(135deg,var(--dq-primary),var(--dq-primary-hover));color:#fff}
.dq-home-btn.is-ghost,.dq-data-btn.is-ghost,.dq-moving-btn.is-ghost{border-color:var(--dq-primary);background:transparent;color:var(--dq-primary)}
.dq-home-buy,.dq-commerce-card__buy,.dq-service-action,.dq-data-action{background:linear-gradient(90deg,var(--dq-primary),var(--dq-primary-hover));color:#fff}

/* Native elements and plugin output. */
input:focus,textarea:focus,select:focus{border-color:var(--dq-primary);box-shadow:0 0 0 3px var(--dq-primary-soft);outline:0}
.page-numbers.current,.comment-form input[type=submit]{background:var(--dq-primary);color:#fff}
mark{background:var(--dq-primary-tint);color:var(--dq-primary-deep)}

@media(max-width:1240px){
    .dq-topbar--desktop-only,body.dq-global-chrome .dq-header-main--desktop,.dq-header-bottom{display:none}
    .dq-topbar--mobile-only{display:block}
    body.dq-global-chrome .dq-header-main--mobile{display:block}
    body.dq-global-chrome .dq-mobile-header__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:82px}
    body.dq-global-chrome .dq-mobile-header__left,body.dq-global-chrome .dq-mobile-header__right{display:flex;align-items:center;gap:10px}
    body.dq-global-chrome .dq-mobile-header__right{justify-content:flex-end}
    body.dq-global-chrome .dq-mobile-nav{display:none;position:absolute;left:0;right:0;top:82px;z-index:80;max-height:calc(100vh - 82px);padding:12px 16px;overflow:auto;border-bottom:1px solid var(--dq-border);background:#fff;box-shadow:0 18px 30px rgba(18,58,49,.12)}
    body.dq-global-chrome .dq-mobile-nav.is-open{display:block}
    body.dq-global-chrome .dq-mobile-search{display:none;padding:0 0 12px}
    body.dq-global-chrome .dq-mobile-search.is-open{display:block}
    body.dq-global-chrome .dq-mobile-nav .dq-menu a{display:flex;font-size:16px}
    body.dq-global-chrome .dq-mobile-nav .dq-menu{display:block}
    body.dq-global-chrome .dq-mobile-nav .dq-menu li{padding:8px 0;border-bottom:1px solid var(--dq-border)}
    body.dq-global-chrome .dq-mobile-search .search-form{display:flex;gap:8px;padding:5px;border:1px solid #cfded9;border-radius:999px;background:#f7faf9}
    body.dq-global-chrome .dq-mobile-search label{flex:1}
    body.dq-global-chrome .dq-mobile-search .search-field{height:40px;border:0;background:transparent;outline:0}
    body.dq-global-chrome .dq-mobile-search .search-submit{border:0;border-radius:999px;padding-inline:18px}
    body.dq-global-chrome .dq-menu-toggle,body.dq-global-chrome .dq-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:20px}
}
@media(max-width:900px){
    body.dq-global-chrome .dq-footer__grid,body.dq-global-chrome .dq-footer__grid--3,body.dq-global-chrome .dq-footer__grid--4,body.dq-global-chrome .dq-footer__grid--5{grid-template-columns:1fr}
    body.dq-global-chrome .dq-logo img{width:210px;max-width:210px;max-height:64px}
}
@media(max-width:480px){body.dq-global-chrome .dq-logo img{width:200px;max-width:200px}.dq-container{width:min(var(--dq-container),calc(100% - 24px))}}
@media(max-width:782px){body.admin-bar.dq-global-chrome .dq-header--sticky{top:46px}}

/* Editorial footer: preserve the brand colors and balance columns by content. */
body.dq-global-chrome .dq-footer{padding-top:58px}
body.dq-global-chrome .dq-footer__grid--4{grid-template-columns:minmax(230px,1.05fr) minmax(175px,.82fr) minmax(250px,1.22fr) minmax(220px,1fr);column-gap:clamp(32px,3.5vw,58px);row-gap:40px;align-items:start}
body.dq-global-chrome .dq-footer__col{min-width:0}
body.dq-global-chrome .dq-footer__col--brand{padding-right:8px}
body.dq-global-chrome .dq-footer-logo{width:min(100%,286px);max-width:none;max-height:none;margin:0 0 20px;padding:11px 15px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:#f8fbf9;box-shadow:0 12px 30px rgba(0,0,0,.16);object-fit:contain}
body.dq-global-chrome .dq-footer h3{margin:3px 0 20px;font-size:21px;line-height:1.25;letter-spacing:-.015em}
body.dq-global-chrome .dq-footer .dq-richtext{max-width:31ch;color:#d3dfdb;font-size:16px;line-height:1.75}
body.dq-global-chrome .dq-footer .dq-richtext p{margin:0}
body.dq-global-chrome .dq-footer-menu{display:flex;flex-direction:column;gap:11px;margin:0;padding:0}
body.dq-global-chrome .dq-footer-menu li{margin:0;line-height:1.45}
body.dq-global-chrome .dq-footer-menu a{display:inline;color:#d3dfdb;transition:color .2s ease,transform .2s ease}
body.dq-global-chrome .dq-footer-menu a:hover{color:#fff;transform:translateX(3px)}
body.dq-global-chrome .dq-footer-contact{margin:0 0 25px;color:#d3dfdb;line-height:1.55}
body.dq-global-chrome .dq-footer-contact strong{margin-bottom:4px;font-size:16px}
body.dq-global-chrome .dq-footer-contact a,body.dq-global-chrome .dq-footer-contact span{overflow-wrap:anywhere}
body.dq-global-chrome .dq-footer-contact a[href^="mailto:"]{white-space:nowrap}
body.dq-global-chrome .dq-copyright{margin-top:48px;padding:18px 16px}

@media(max-width:1050px){
    body.dq-global-chrome .dq-footer__grid--4{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;row-gap:42px}
    body.dq-global-chrome .dq-footer__col--brand{padding-right:0}
}
@media(max-width:640px){
    body.dq-global-chrome .dq-footer{padding-top:40px}
    body.dq-global-chrome .dq-footer__grid--4{grid-template-columns:1fr;row-gap:32px}
    body.dq-global-chrome .dq-footer-logo{width:min(100%,270px)}
    body.dq-global-chrome .dq-footer h3{margin-bottom:15px;font-size:19px}
    body.dq-global-chrome .dq-footer .dq-richtext{max-width:none}
    body.dq-global-chrome .dq-copyright{margin-top:38px;padding-inline:20px}
}