/* Shared identity, derived from the supplied blue and green Chà Sàn logo. */
body.dq-brand-site {
    --dq-brand-blue: #086bb2;
    --dq-brand-green: #18a614;
    --dq-brand-deep: #073b60;
    --dq-brand-green-dark: #127f17;
    --dq-primary: var(--dq-brand-blue);
    --dq-secondary: var(--dq-brand-deep);
    --dq-accent: var(--dq-brand-green-dark);
    --dq-text: #213547;
    --dq-muted: #647889;
    --dq-border: #e1ebf1;
    --dq-font: "Segoe UI", Arial, sans-serif;
    font-family: var(--dq-font);
    font-size: 16px;
    line-height: 1.75;
    color: var(--dq-text);
    background: #fff;
    -webkit-font-smoothing: antialiased;
}
.dq-brand-site .dq-container { width: min(1240px, calc(100% - 64px)); }
.dq-brand-site .dq-header { background: #fff; border-bottom: 1px solid var(--dq-border); box-shadow: 0 4px 20px #073b6006; }
.dq-brand-site .dq-topbar { background: var(--dq-brand-deep); color: #eaf5ff; border: 0; font-size: 12px; }
.dq-brand-site .dq-topbar__inner { min-height: 38px; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
.dq-brand-site .dq-header-main__grid { grid-template-columns: 240px minmax(0,1fr) 178px; gap: 20px; min-height: 94px; }
.dq-brand-site .dq-logo { height: 88px; display: flex; align-items: center; }
.dq-brand-site .dq-logo img { width: 240px; max-width: 240px !important; height: auto; max-height: none; object-fit: contain; flex-shrink: 0; }
.dq-brand-site .dq-header-zone--center { justify-content: center; }
.dq-brand-site .dq-menu { font-size: 13px; gap: 23px; white-space: nowrap; }
.dq-brand-site .dq-menu a { font-weight: 650; }
.dq-brand-site .dq-nav>.dq-menu>li { position: relative; padding: 23px 0; }
.dq-brand-site .dq-nav>.dq-menu>li>a { color: var(--dq-brand-deep); }
.dq-brand-site .dq-nav>.dq-menu>li>a:hover { color: var(--dq-brand-green-dark); }
.dq-brand-site .dq-nav>.dq-menu>li:first-child>a { color: var(--dq-brand-green-dark); }
.dq-brand-site .dq-nav>.dq-menu>li:first-child:after { background: var(--dq-brand-green); height: 3px; border-radius: 3px; bottom: 12px; }
.dq-brand-site .dq-hotline { position: relative; width: 178px; min-height: 58px; border: 1px solid #deeee4; border-radius: 14px; background: #f4fbf5; box-shadow: none; color: var(--dq-brand-green-dark); padding: 20px 10px 8px 42px; font-size: 18px; line-height: 1.35; font-weight: 750; }
.dq-brand-site .dq-hotline:before { position: absolute; left: 13px; content: "☎"; font-size: 25px; }
.dq-brand-site .dq-header-main--desktop .dq-hotline:after { content: attr(data-label); position: absolute; top: 8px; left: 42px; color: var(--dq-muted); font-size: 11px; font-weight: 500; }
.dq-brand-site .dq-menu .sub-menu { border: 1px solid var(--dq-border); border-radius: 14px; box-shadow: 0 12px 36px #073b6014; padding: 10px; }
.dq-brand-site .dq-menu .sub-menu a { border-radius: 8px; padding: 10px 12px; color: var(--dq-brand-deep); }
.dq-brand-site .dq-menu .sub-menu a:hover { background: #f0f8fd; color: var(--dq-brand-blue); }
.dq-brand-site .dq-btn,.dq-brand-site .dq-header-btn,.dq-brand-site .dq-submit-review,.dq-brand-site .dqc-contact-form button { background: var(--dq-brand-green-dark); color: #fff; border: 0; border-radius: 12px; min-height: 46px; padding: 11px 22px; font: inherit; font-weight: 650; box-shadow: 0 5px 14px #127f1712; }
.dq-brand-site .dq-btn:hover,.dq-brand-site .dq-header-btn:hover,.dq-brand-site .dq-submit-review:hover { background: #096b10; }
.dq-brand-site h1,.dq-brand-site h2,.dq-brand-site h3 { color: var(--dq-brand-deep); letter-spacing: -.02em; line-height: 1.35; }
.dq-brand-site .dq-section-title { color: var(--dq-brand-blue); }
.dq-brand-site .dq-card,.dq-brand-site .dq-widget,.dq-brand-site .dq-expert-box,.dq-brand-site .dq-toc { border-color: var(--dq-border); border-radius: 18px; box-shadow: 0 7px 26px #073b6006; }
.dq-brand-site input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.dq-brand-site select,.dq-brand-site textarea { border: 1px solid var(--dq-border); border-radius: 10px; font: inherit; color: var(--dq-text); background: #fff; }
.dq-brand-site input:focus,.dq-brand-site textarea:focus,.dq-brand-site select:focus { border-color: var(--dq-brand-blue); box-shadow: 0 0 0 3px #086bb211; }
.dq-brand-site :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #18a61466; outline-offset: 3px; }
.dq-brand-site .dq-single { max-width: 1060px; padding-top: 24px; padding-bottom: 64px; }
.dq-brand-site .dq-single>h1 { font-size: clamp(28px,3vw,42px); margin-bottom: 28px; }
.dq-brand-site .dq-single-thumb { border-radius: 20px; overflow: hidden; margin-bottom: 32px; }
.dq-brand-site .dq-single-thumb img { width: 100%; max-height: 540px; object-fit: cover; }
.dq-brand-site .dq-richtext a { color: var(--dq-brand-blue); }
.dq-brand-site .dq-single .dq-richtext a:hover { color: var(--dq-brand-green-dark); }
.dq-brand-site .dq-rating-stars :is(label:hover,input:checked~label) { color: var(--dq-brand-green-dark); }
.dq-brand-site .dq-footer { background: linear-gradient(115deg,#eaf4fc 0%,#f0f7fb 55%,#eaf5ee 100%); color: #38566a; padding: 42px 0 0; font-size: 13px; border-top: 1px solid #d8e8f0; }
.dq-brand-site .dq-footer__grid { grid-template-columns: 1.15fr 1fr .85fr 1.35fr .95fr; gap: 28px; padding: 0; }
.dq-brand-site .dq-footer__col { border: 0; padding: 0; }
.dq-brand-site .dq-footer h3 { color: var(--dq-brand-deep); font-size: 14px; font-weight: 650; margin-bottom: 16px; line-height: 1.4; }
.dq-brand-site .dq-footer-logo { width:218px; max-width:100%; max-height:none; border-radius:0; background:transparent; padding:0; margin:0 auto 18px; }
.dq-brand-site .dq-toc summary { background:#eef8fd; color:var(--dq-brand-blue); font-weight:650; }
.dq-brand-site .dq-toc__list { border-color:var(--dq-border); }
.dq-brand-site .dq-comment-stars .is-active,.dq-brand-site .dq-rating-stars input:checked~label,.dq-brand-site .dq-rating-stars label:hover,.dq-brand-site .dq-rating-stars label:hover~label { color:var(--dq-brand-green-dark); }
.dq-brand-site .dq-single-info a { color:var(--dq-brand-blue); }
.dq-brand-site .dq-footer-menu { margin: 0; padding: 0; list-style: none; font-size: 12px; line-height: 1.7; }
.dq-brand-site .dq-footer-menu li { margin: 0 0 9px; }
.dq-brand-site .dq-footer-menu a { font-weight: 400; }
.dq-brand-site .dq-footer-menu a:hover { color: var(--dq-brand-green-dark); }
.dq-brand-site .dq-footer-contact { display: block; margin: 0 0 9px; font-size: 12px; line-height: 1.9; }
.dq-brand-site .dq-footer-contact strong { display: inline; margin-right: 7px; color: var(--dq-brand-blue); font-weight: 400; }
.dq-brand-site .dq-footer-contact a { color: var(--dq-brand-deep); }
.dq-brand-site .dq-footer .dq-richtext p { font-size: 13px; line-height: 1.8; margin: 0 0 18px; }
.dq-brand-site .dq-footer__col:last-child { text-align: center; }
.dq-brand-site .dq-footer__col:last-child h3 { font-size: 13px; margin-bottom: 10px; }
.dq-brand-site .dq-footer__col:last-child .dq-footer-contact a { display: block; font-size: 21px; font-weight: 750; line-height: 1.4; color: var(--dq-brand-green-dark); margin-bottom: 9px; }
.dq-brand-site .dq-footer__col:last-child .dq-richtext p { font-size: 11px; margin-bottom: 10px; }
.dq-brand-site .dq-footer-image { width: 86px; height: 86px; padding: 4px; background: #fff; border-radius: 10px; margin: 0 auto; }
.dq-brand-site .dq-socials { display: flex; gap: 10px; align-items: center; }
.dq-brand-site .dq-socials :is(a,span) { width: 26px; height: 26px; min-height: 0; padding: 0; background: transparent; }
.dq-brand-site .dq-socials img { width: 26px; height: 26px; border-radius: 50%; }
.dq-brand-site .dq-topbar .dq-socials :is(a,span,img) { width: 20px; height: 20px; }
.dq-brand-site .dq-copyright { background: var(--dq-brand-deep); border-top: 1px solid #ffffff14; color: #d5e6f1; font-size: 11px; line-height: 1.6; margin-top: 28px; padding: 17px 24px; }
.dq-ui-icon { display: block; flex-shrink: 0; }
.dq-brand-site .dq-menu .sub-menu { display:none; position:absolute; top:100%; left:0; min-width:240px; padding:9px; list-style:none; background:#fff; border:1px solid var(--dq-border); border-radius:14px; box-shadow:0 12px 32px #073b6014; white-space:normal; z-index:90; }
.dq-brand-site .dq-menu .sub-menu a { display:block; padding:10px 13px; border-radius:9px; }
.dq-brand-site .dq-menu .sub-menu a:hover { background:#eff8fd; color:var(--dq-brand-blue); }
.dq-brand-site .dq-menu li:hover>.sub-menu,.dq-brand-site .dq-menu li:focus-within>.sub-menu,.dq-brand-site .dq-menu li.dq-submenu-open>.sub-menu { display:block; }
.dq-brand-site .dq-submenu-toggle { border:0; background:transparent; color:inherit; cursor:pointer; margin-left:4px; padding:2px; font-size:12px; }
@media (min-width:1024px) and (max-width:1199px) { .dq-brand-site .dq-header-main__grid { grid-template-columns: 190px minmax(0,1fr) 159px; gap: 12px; } .dq-brand-site .dq-logo img { width: 190px; max-width: 190px !important; } .dq-brand-site .dq-menu { font-size: 11px; gap: 16px; } .dq-brand-site .dq-hotline { width: 159px; font-size: 16px; } }
@media (max-width:1023px) {
    .dq-brand-site .dq-header-main--desktop { display: none; }
    .dq-brand-site .dq-header-main--mobile { display: block; }
    .dq-brand-site .dq-topbar { display: none; }
    .dq-brand-site .dq-mobile-header__grid { min-height:80px; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:12px; position:relative; }
    .dq-brand-site .dq-mobile-header__left,.dq-brand-site .dq-mobile-header__right { display:flex; align-items:center; gap:10px; }
    .dq-brand-site .dq-mobile-header__right { justify-content:flex-end; }
    .dq-brand-site .dq-logo { height: 72px; }
    .dq-brand-site .dq-logo img { width: 212px; max-width: 212px !important; max-height: none; }
    .dq-brand-site .dq-mobile-header__center .dq-logo img { width:212px; }
    .dq-brand-site .dq-mobile-nav .sub-menu { position:static; box-shadow:none; min-width:0; margin-top:10px; background:#f4fafc; }
    .dq-brand-site .dq-mobile-nav li { padding:10px 0; border-bottom:1px solid var(--dq-border); }
    .dq-brand-site .dq-mobile-nav li:hover>.sub-menu { display:none; }
    .dq-brand-site .dq-mobile-nav li.dq-submenu-open>.sub-menu { display:block; }
    .dq-brand-site .dq-menu-toggle { display: inline-flex; padding: 8px 11px; margin: 0; border: 1px solid var(--dq-border); border-radius: 11px; color: var(--dq-brand-blue); font-size: 22px; }
    .dq-brand-site .dq-mobile-nav { display:none; position:absolute; left:0; right:0; top:80px; max-height:calc(100vh - 80px); overflow:auto; background:#fff; padding:12px 18px; z-index:80; border-radius:0 0 16px 16px; border:1px solid var(--dq-border); box-shadow:0 14px 24px #073b600c; }
    .dq-brand-site .dq-mobile-nav.is-open { display:block; }
    .dq-brand-site .dq-mobile-nav .dq-menu { display: block; font-size: 14px; white-space: normal; }
    .dq-brand-site .dq-mobile-header__right .dq-hotline { display: inline-flex; width: 38px; height: 38px; min-height: 38px; padding: 0; border: 0; font-size: 22px; background: #f0faf1; box-shadow: none; }
    .dq-brand-site .dq-mobile-header__right .dq-hotline:before { display: none; }
    .dq-brand-site .dq-footer__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
}
@media (max-width:767px) {
    .dq-brand-site .dq-container { width: calc(100% - 36px); }
    .dq-brand-site .dq-footer { padding-top: 32px; }
    .dq-brand-site .dq-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 20px; }
    .dq-brand-site .dq-footer__col:first-child { grid-column: 1/-1; }
    .dq-brand-site .dq-footer__col:last-child { text-align: left; }
    .dq-brand-site .dq-footer-image { margin-left: 0; }
    .dq-brand-site .dq-single { padding-bottom: 40px; }
}
@media (max-width:380px) { .dq-brand-site .dq-logo img { width: 184px; max-width: 184px !important; } .dq-brand-site .dq-footer__grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion:reduce) { .dq-brand-site * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
/* Service detail: shared across service records, with all copy from WordPress. */
.dq-brand-site .dq-service-detail { background:#f3f8fc; padding-bottom:56px; }
.dq-brand-site .dq-service-detail__hero { padding:46px 0 52px; background:linear-gradient(120deg,#eaf5fd,#f2f8f4); border-bottom:1px solid #dce9f1; }
.dq-service-detail__hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:48px; align-items:center; }
.dq-service-detail__hero h1 { color:var(--dq-brand-deep); font-size:clamp(30px,3.5vw,48px); line-height:1.25; margin:0 0 20px; letter-spacing:-.025em; }
.dq-service-detail__hero p { color:#506d82; margin:0 0 26px; font-size:16px; line-height:1.8; }
.dq-service-detail__hero figure { margin:0; overflow:hidden; border-radius:24px; box-shadow:0 16px 36px #073b6014; }
.dq-service-detail__hero figure img { width:100%; height:320px; object-fit:cover; }
.dq-service-detail__button { display:inline-flex; align-items:center; gap:24px; background:var(--dq-brand-green-dark); color:#fff; padding:13px 22px; border-radius:12px; font-weight:700; box-shadow:0 7px 18px #127f1714; }
.dq-service-detail__button:hover { background:#096d10; }
.dq-service-detail__button:focus-visible { outline:3px solid var(--dq-brand-blue); outline-offset:4px; }
.dq-service-detail__layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:26px; align-items:start; padding-top:36px; }
.dq-service-detail__body { min-width:0; padding:32px; border:1px solid #dce8f0; border-radius:22px; background:#fff; box-shadow:0 8px 28px #073b6005; }
.dq-service-detail__body .dq-richtext { font-size:16px; line-height:1.9; }
.dq-service-detail__body .dq-richtext h2 { font-size:25px; line-height:1.45; margin-top:36px; color:var(--dq-brand-deep); }
.dq-service-detail__body .dq-richtext h3 { font-size:20px; line-height:1.5; color:var(--dq-brand-deep); }
.dq-service-detail__body .dq-richtext a { color:var(--dq-brand-blue); text-decoration:underline; text-underline-offset:3px; }
.dq-service-detail__aside { position:sticky; top:110px; min-width:0; }
.dq-service-detail__aside .dq-expert-box { display:flex; flex-direction:column; align-items:center; text-align:center; gap:18px; margin:0; padding:26px 22px; border:1px solid #d6e9de; border-radius:22px; background:linear-gradient(150deg,#fff,#f0f8f2); box-shadow:0 8px 24px #073b6008; }
.dq-service-detail__aside .dq-expert-box__avatar img { width:112px; height:112px; border-radius:50%; object-fit:cover; border:5px solid #e6f1f8; }
.dq-service-detail__aside .dq-expert-box__body h2 { font-size:23px; line-height:1.4; margin:6px 0 10px; }
.dq-service-detail__aside .dq-expert-box__body p { font-size:14px; line-height:1.75; }
@media(max-width:1023px) { .dq-service-detail__layout { grid-template-columns:minmax(0,1fr); } .dq-service-detail__aside { position:static; } .dq-service-detail__hero-grid { gap:26px; } }
@media(max-width:767px) { .dq-service-detail__hero-grid { grid-template-columns:minmax(0,1fr); } .dq-brand-site .dq-service-detail__hero { padding:30px 0; } .dq-service-detail__hero figure img { height:240px; } .dq-service-detail__body { padding:22px 18px; } .dq-service-detail__body .dq-richtext h2 { font-size:22px; } .dq-service-detail__layout { padding-top:24px; } }
/* Vertically balanced navigation and compact, left-aligned dropdowns. */
@media (min-width:1024px) {
    .dq-brand-site .dq-header-main--desktop .dq-nav { align-self:stretch; }
    .dq-brand-site .dq-header-main--desktop .dq-nav>.dq-menu { align-items:center; }
    .dq-brand-site .dq-header-main--desktop .dq-nav>.dq-menu>li { display:flex; align-items:center; height:94px; padding:0; }
    .dq-brand-site .dq-header-main--desktop .dq-nav>.dq-menu>li>a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; line-height:1.4; }
    .dq-brand-site .dq-header-main--desktop .dq-nav>.dq-menu>li:first-child::after { bottom:22px; }
    .dq-brand-site .dq-header-main--desktop .dq-submenu-toggle { display:inline-flex; align-items:center; justify-content:center; width:16px; height:24px; margin-left:3px; padding:0; line-height:1; }
    .dq-brand-site .dq-header-main--desktop .dq-menu .sub-menu { top:calc(100% - 8px); left:0; right:auto; width:260px; min-width:260px; padding:6px; border-radius:12px; text-align:left; box-shadow:0 10px 26px #073b601a; }
    .dq-brand-site .dq-header-main--desktop .dq-menu .sub-menu li { display:block; height:auto; padding:0; margin:0; border:0; }
    .dq-brand-site .dq-header-main--desktop .dq-menu .sub-menu li+li { border-top:1px solid #edf3f7; }
    .dq-brand-site .dq-header-main--desktop .dq-menu .sub-menu a { display:block; padding:10px 12px; font-size:13px; font-weight:600; line-height:1.5; text-align:left; border-radius:7px; }
    .dq-brand-site .dq-header-main--desktop .dq-menu .sub-menu .sub-menu { top:0; left:100%; }
}
@media (min-width:1024px) and (max-width:1199px) {
    .dq-brand-site .dq-header-main--desktop .dq-nav>.dq-menu>li>a { font-size:12px; }
    .dq-brand-site .dq-header-main--desktop .dq-menu { gap:14px; }
}

/* Justify editorial paragraphs while preserving headings, labels and controls. */
.dq-brand-site .dq-main .dq-richtext p {
    text-align:justify;
    text-align-last:start;
    text-justify:inter-word;
}
.dq-brand-site .dq-footer__col:first-child { text-align:center; }
.dq-brand-site .dq-footer__col:first-child .dq-socials { justify-content:center; }
.dq-service-detail__button { border:0; font:inherit; font-weight:700; cursor:pointer; }
body:has(.dq-consultation-dialog[open]) { overflow:hidden; }
.dq-consultation-dialog { width:min(560px,calc(100% - 32px)); max-height:calc(100dvh - 40px); margin:auto; padding:32px; border:1px solid #dbe9f1; border-radius:22px; background:linear-gradient(145deg,#fff,#f4f9fc); color:#213547; box-shadow:0 24px 80px #073b6030; overflow:auto; }
.dq-consultation-dialog::backdrop { background:#04273cc4; backdrop-filter:blur(4px); }
.dq-consultation-dialog h2 { margin:0 35px 10px 0; font-size:26px; line-height:1.35; color:#073b60; }
.dq-consultation-dialog__service { margin:0 0 20px; color:#577387; font-size:14px; }
.dq-consultation-dialog__close { position:absolute; right:14px; top:14px; display:grid; place-items:center; width:34px; height:34px; border:0; border-radius:10px; color:#073b60; background:#e8f2f9; font-size:26px; cursor:pointer; }
.dq-consultation-dialog .dqc-contact-form { max-width:none; margin:0; }
.dq-consultation-dialog .dqc-contact-form label { font-size:14px; font-weight:600; }
.dq-consultation-dialog .dqc-contact-form :is(input,textarea) { width:100%; border:1px solid #d6e5ee; border-radius:10px; padding:10px 12px; background:#fff; font:inherit; }
.dq-consultation-dialog .dqc-contact-form textarea { min-height:100px; }
.dq-consultation-dialog .dqc-contact-form button { width:100%; border:0; border-radius:11px; padding:13px; background:#127f17; color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.dq-consultation-dialog :is(input,textarea,button):focus-visible { outline:3px solid #086bb2; outline-offset:2px; }
@media(max-width:600px) { .dq-consultation-dialog { padding:26px 20px; } .dq-consultation-dialog h2 { font-size:22px; } }
.dq-consultation-dialog .dqc-contact-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.dq-consultation-dialog .dqc-contact-form p { margin:0; min-width:0; }
.dq-consultation-dialog .dqc-contact-form label>span { display:inline; }
.dq-consultation-dialog .dqc-contact-form :is(input,textarea) { margin-top:6px; }
.dq-consultation-dialog .dqc-contact-form p:has(textarea),.dq-consultation-dialog .dqc-contact-form p:has([name=dqc_contact_answer]),.dq-consultation-dialog .dqc-contact-form button { grid-column:1/-1; }
@media(max-width:480px) { .dq-consultation-dialog .dqc-contact-form { grid-template-columns:minmax(0,1fr); gap:12px; } }
/* Readable sentence-case table of contents, with quieter links. */
.dq-brand-site .dq-toc summary { text-transform:none; font-size:16px; font-weight:650; }
.dq-brand-site .dq-toc__item { line-height:1.6; padding-block:6px; }
.dq-brand-site .dq-toc .dq-toc__item a { font-size:15px; font-weight:500; text-transform:none; text-decoration:none; color:#385d78; }
.dq-brand-site .dq-toc .dq-toc__item a:hover { color:var(--dq-brand-blue); text-decoration:underline; text-underline-offset:3px; }
.dq-brand-site .dq-toc .dq-toc__item--h2>a { font-weight:600; }
.dq-knowledge-categories { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.dq-knowledge-categories a { padding:8px 14px; border:1px solid #d8e7f0; border-radius:10px; background:#fff; color:#073b60; font-size:14px; }
.dq-knowledge-categories a:hover { border-color:#127f17; color:#127f17; }
.dq-knowledge-index { padding-block:36px 52px; }
.dq-knowledge-index .dq-card { overflow:hidden; padding:0 0 18px; border-radius:18px; background:#fff; }
.dq-knowledge-index .dq-card>a>img { width:100%; height:220px; object-fit:cover; }
.dq-knowledge-index .dq-card h2 { padding:0 20px; font-size:19px; line-height:1.5; }
.dq-knowledge-index .dq-card>a>p { padding:0 20px; font-size:14px; line-height:1.75; }
.dq-knowledge-index .dq-expert-mini { margin-inline:20px; }
@media(max-width:1023px) { .dq-knowledge-index .dq-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .dq-knowledge-index .dq-card-grid { grid-template-columns:minmax(0,1fr); } }
/* Article details: compact editorial header and useful sidebar. */
.dq-brand-site.single-post .dq-main { background:#f3f8fc; }
.dq-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:26px; align-items:start; padding:24px 0 52px; }
.dq-brand-site .dq-article-main.dq-single { width:100%; max-width:none; min-width:0; padding:28px; border:1px solid #dce8f0; border-radius:22px; background:#fff; box-shadow:0 8px 28px #073b6005; }
.dq-article-category { display:flex; flex-wrap:wrap; gap:8px; }
.dq-article-category a { padding:5px 10px; border-radius:8px; background:#edf7f0; color:#127f17; font-size:12px; font-weight:600; }
.dq-article-heading h1 { font-size:clamp(27px,2.7vw,38px); line-height:1.3; margin:14px 0 12px; color:#073b60; letter-spacing:-.025em; }
.dq-article-meta { font-size:12px; color:#758a99; margin:0 0 14px; }
.dq-article-lead { font-size:15px; line-height:1.8; color:#506c80; margin:0 0 22px; }
.dq-brand-site .dq-article-main .dq-single-thumb { margin:0 0 26px; border-radius:16px; }
.dq-brand-site .dq-article-main .dq-single-thumb img { width:100%; height:340px; object-fit:cover; }
.dq-article-main .dq-richtext { font-size:16px; line-height:1.9; }
.dq-article-main .dq-richtext h2 { font-size:25px; line-height:1.45; color:#073b60; }
.dq-article-main .dq-richtext h3 { font-size:20px; line-height:1.5; }
.dq-article-main .dq-richtext table { display:block; overflow-x:auto; max-width:100%; }
.dq-article-main .dq-richtext td,.dq-article-main .dq-richtext th { min-width:150px; padding:12px; }
.dq-article-sidebar { display:grid; gap:18px; min-width:0; }
.dq-article-sidebar .dq-expert-box { display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px; margin:0; padding:24px 20px; border:1px solid #d6e9de; border-radius:20px; background:linear-gradient(145deg,#fff,#eff8f1); }
.dq-article-sidebar .dq-expert-box__avatar img { width:96px; height:96px; border-radius:50%; object-fit:cover; border:4px solid #e5f0f8; }
.dq-article-sidebar .dq-expert-box h2 { font-size:23px; margin:6px 0 10px; }
.dq-article-sidebar .dq-expert-box p { font-size:13px; line-height:1.75; }
.dq-article-widget { padding:22px 20px; border:1px solid #dce8f0; border-radius:18px; background:#fff; }
.dq-article-widget h2 { margin:0 0 14px; color:#073b60; font-size:17px; line-height:1.5; }
.dq-article-widget ul { padding:0; margin:0; list-style:none; }
.dq-article-widget li+li { border-top:1px solid #edf3f6; }
.dq-article-widget a { display:block; padding:10px 0; font-size:14px; line-height:1.65; color:#42647d; }
.dq-article-widget a:hover { color:#127f17; }
@media(max-width:1023px) { .dq-article-layout { grid-template-columns:minmax(0,1fr); } .dq-article-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .dq-brand-site .dq-article-main.dq-single { padding:22px 18px; } .dq-article-sidebar { grid-template-columns:minmax(0,1fr); } .dq-brand-site .dq-article-main .dq-single-thumb img { height:230px; } .dq-article-main .dq-richtext h2 { font-size:22px; } }
.dq-brand-site .dqc-contact-form label>span { display:inline; }