/* Trang bài viết: phong cách tạp chí chăm sóc sức khỏe, đồng bộ xanh - kem. */
.single-post .dq-main{overflow:clip;background:#fff}
.dq-article{--article-green:#174735;--article-green-deep:#0f3728;--article-sage:#68816e;--article-cream:#f6f2e8;--article-line:#dce6df;--article-gold:#b8883e;color:#263b32;padding:0}
.dq-article-hero{position:relative;padding:22px 0 0;background:linear-gradient(180deg,#f8f5ed 0%,#f3f5ed 78%,#fff 78%);overflow:hidden}
.dq-article-hero__orb{position:absolute;border-radius:50%;pointer-events:none}
.dq-article-hero__orb--one{width:360px;height:360px;top:80px;right:-140px;background:rgba(126,153,125,.12)}
.dq-article-hero__orb--two{width:190px;height:190px;left:-75px;top:300px;border:1px solid rgba(184,136,62,.2)}
.dq-article-hero .dq-breadcrumb{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:0;margin-bottom:30px;color:#708078;font-size:13px}
.dq-article-hero .dq-breadcrumb a{color:var(--article-green);font-weight:800}
.dq-article-hero .dq-breadcrumb span:last-child{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dq-article-hero__inner{position:relative;z-index:1;max-width:1320px;text-align:center}
.dq-article-category{display:inline-flex;align-items:center;min-height:34px;padding:5px 14px;border:1px solid rgba(23,71,53,.2);border-radius:999px;background:rgba(255,255,255,.72);color:var(--article-green);font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;transition:.2s ease}
.dq-article-category:hover{background:var(--article-green);color:#fff;transform:translateY(-1px)}
.dq-article h1{max-width:1260px;margin:14px auto 14px;color:var(--article-green-deep);font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.2vw,60px);font-weight:700;letter-spacing:-.04em;line-height:1.04;text-wrap:balance}
.dq-article-lead{max-width:900px;margin:0 auto;color:#53675d;font-size:clamp(16px,1.35vw,18px);line-height:1.6;text-wrap:pretty}
.dq-article-meta{display:flex;align-items:center;justify-content:center;gap:0;margin:22px auto 27px;color:#40564b}
.dq-article-author{display:flex;align-items:center;gap:11px;padding-right:26px;text-align:left}
.dq-article-author__avatar{flex:0 0 46px;width:46px;height:46px;border:3px solid #fff;border-radius:50%;overflow:hidden;box-shadow:0 5px 16px rgba(28,65,48,.15)}
.dq-article-author__avatar img,.dq-article-author__avatar .dq-expert-avatar__fallback{width:100%;height:100%;border-radius:50%;object-fit:cover}
.dq-article-author small,.dq-article-author strong,.dq-article-meta__item small,.dq-article-meta__item strong{display:block;line-height:1.35}
.dq-article-author small,.dq-article-meta__item small{color:#718179;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.dq-article-author strong,.dq-article-meta__item strong{color:var(--article-green-deep);font-size:14px}
.dq-article-meta__item{min-width:128px;padding:3px 25px;border-left:1px solid rgba(23,71,53,.15);text-align:left}
.dq-article-cover-wrap{position:relative;z-index:2;max-width:1180px}
.dq-single-thumb{position:relative;margin:0;aspect-ratio:16/8.2;border:9px solid rgba(255,255,255,.88);border-radius:28px;overflow:hidden;background:#e9ede7;box-shadow:0 24px 58px rgba(30,67,49,.16)}
.dq-single-thumb:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(23,71,53,.08);border-radius:20px;pointer-events:none}
.dq-single-thumb img{width:100%;height:100%;object-fit:cover}
.dq-article-layout{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,790px);justify-content:center;gap:66px;padding-top:76px;padding-bottom:76px}
.dq-article-layout--no-toc{grid-template-columns:minmax(0,790px)}
.dq-article-aside{min-width:0}
.dq-article-aside__sticky{position:sticky;top:112px}
.dq-article .dq-toc{margin:0;border:1px solid var(--article-line);border-radius:18px;background:#f8faf7;box-shadow:0 10px 30px rgba(35,72,55,.055)}
.dq-article .dq-toc summary{min-height:58px;padding:0 18px;background:transparent;color:var(--article-green);font-size:12px;letter-spacing:.06em}
.dq-article .dq-toc__icon{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#e4eee6;font-size:13px}
.dq-article .dq-toc__list{max-height:calc(100vh - 260px);padding:7px 18px 17px;border-top:1px solid var(--article-line);overflow:auto}
.dq-article .dq-toc__item{padding:7px 0 7px 15px;font-size:13px;line-height:1.42}
.dq-article .dq-toc__item:before{top:14px;width:5px;height:5px;background:#8ba28e}
.dq-article .dq-toc__item a{color:#53675d;font-weight:700}
.dq-article .dq-toc__item a:hover{color:var(--article-green)}
.dq-article .dq-toc__item--h3{margin-left:12px;font-size:12px}
.dq-article-aside__note{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:15px;border-radius:15px;background:var(--article-green);color:#edf5ef;box-shadow:0 10px 26px rgba(23,71,53,.13)}
.dq-article-aside__note>span{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);font-weight:900}
.dq-article-aside__note p{margin:0;font-size:12px;line-height:1.55}
.dq-article-main{min-width:0}
.dq-article-content{color:#34483e;font-size:17px;line-height:1.86}
.dq-article-content>p:first-child{margin-top:0;color:#293f34;font-size:19px;line-height:1.8}
.dq-article-content p{margin:0 0 1.35em}
.dq-article-content h2{position:relative;margin:2.05em 0 .72em;padding-top:5px;color:var(--article-green-deep);font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,36px);letter-spacing:-.02em;line-height:1.25}
.dq-article-content h2:before{content:"";display:block;width:46px;height:3px;margin-bottom:15px;border-radius:99px;background:linear-gradient(90deg,var(--article-gold),#d8be8d)}
.dq-article-content h3{margin:1.7em 0 .55em;color:var(--article-green);font-size:22px;line-height:1.35}
.dq-article-content h4{color:var(--article-green);font-size:19px}
.dq-article-content a{color:#1c6a4d;font-weight:800;text-decoration:underline;text-decoration-color:rgba(28,106,77,.28);text-underline-offset:3px}
.dq-article-content a:hover{color:#a36f24;text-decoration-color:currentColor}
.dq-article-content ul,.dq-article-content ol{margin:1.4em 0;padding:7px 0 7px 26px}
.dq-article-content li{margin:.65em 0;padding-left:6px}
.dq-article-content li::marker{color:var(--article-gold);font-weight:900}
.dq-article-content blockquote{margin:2em 0;padding:22px 25px;border:0;border-left:4px solid var(--article-gold);border-radius:0 16px 16px 0;background:#f7f3e9;color:#3e5548;font-family:Georgia,"Times New Roman",serif;font-size:19px}
.dq-article-content img{margin:28px auto;border-radius:18px;box-shadow:0 14px 32px rgba(28,61,45,.1)}
.dq-article-content table{width:100%;margin:28px 0;border-collapse:separate;border-spacing:0;border:1px solid var(--article-line);border-radius:14px;overflow:hidden;font-size:15px}
.dq-article-content th,.dq-article-content td{padding:12px 14px;border-right:1px solid var(--article-line);border-bottom:1px solid var(--article-line);text-align:left}
.dq-article-content th{background:#edf4ee;color:var(--article-green)}
.dq-article-content tr:last-child td{border-bottom:0}.dq-article-content th:last-child,.dq-article-content td:last-child{border-right:0}
.dq-article-footer{margin-top:50px}
.dq-article-updated{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #e3dbc8;border-radius:16px;background:#fbf8f0;color:#58675f}
.dq-article-updated>span{display:grid;flex:0 0 35px;width:35px;height:35px;place-items:center;border-radius:50%;background:#e9ddc6;color:#8a642c;font-weight:900}
.dq-article-updated p{margin:0;font-size:13px;line-height:1.55}.dq-article-updated strong{display:block;color:#5b4627;font-size:14px}
.dq-article .dq-expert-box{position:relative;grid-template-columns:104px minmax(0,1fr);gap:23px;margin-top:22px;padding:28px;border:0;border-radius:22px;background:linear-gradient(135deg,#e9f2eb 0%,#f7f4ea 100%);box-shadow:inset 0 0 0 1px rgba(23,71,53,.08)}
.dq-article .dq-expert-box:before{content:"CHUYÊN GIA RÀ SOÁT";position:absolute;top:20px;right:24px;color:#75907d;font-size:10px;font-weight:900;letter-spacing:.11em}
.dq-article .dq-expert-box__avatar img,.dq-article .dq-expert-box__avatar .dq-expert-avatar__fallback{width:104px;height:104px;border:5px solid rgba(255,255,255,.8);box-shadow:0 8px 24px rgba(24,68,49,.12)}
.dq-article .dq-expert-box__label{color:#718177;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.dq-article .dq-expert-box h2{font-family:Georgia,"Times New Roman",serif;font-size:27px}
.dq-article .dq-expert-box__position{margin:3px 0 8px;color:#47705b;font-size:13px}
.dq-article .dq-expert-box__body>p:not([class]){margin:7px 0 11px;color:#52645a;font-size:14px;line-height:1.65}
.dq-article .dq-expert-box__link{display:inline-flex;align-items:center;gap:7px;color:var(--article-green);font-size:13px}
.dq-article .dq-expert-box__link:after{content:"→";transition:transform .18s}.dq-article .dq-expert-box__link:hover:after{transform:translateX(4px)}
.dq-article .dq-review-section{margin-top:22px;border-color:var(--article-line);box-shadow:0 14px 34px rgba(28,62,46,.055)}
.dq-article .dq-review-section__head h2{font-family:Georgia,"Times New Roman",serif;color:var(--article-green);font-size:28px}
.dq-article .dq-review-form summary{background:#f3f7f2;color:var(--article-green)}
.dq-article .dq-submit-review{background:var(--article-green)}
.dq-article .dq-submit-review:hover{background:var(--article-green-deep)}
@media(max-width:980px){.dq-article-layout{grid-template-columns:minmax(190px,230px) minmax(0,720px);gap:36px}.dq-article-hero .dq-breadcrumb{margin-bottom:40px}.dq-article h1{font-size:clamp(38px,6vw,58px)}}
@media(max-width:760px){.dq-article-hero{padding-top:18px;background:linear-gradient(180deg,#f8f5ed 0%,#f3f5ed 86%,#fff 86%)}.dq-article-hero .dq-breadcrumb{margin-bottom:27px;font-size:11px}.dq-article-hero .dq-breadcrumb span:last-child{max-width:220px}.dq-article-hero__inner{text-align:left}.dq-article-category{min-height:30px;padding:4px 11px;font-size:10px}.dq-article h1{margin:14px 0 14px;font-size:clamp(34px,10.5vw,47px);line-height:1.08;text-wrap:pretty}.dq-article-lead{font-size:15px;line-height:1.68}.dq-article-meta{justify-content:flex-start;flex-wrap:wrap;margin:22px 0 27px}.dq-article-author{width:100%;padding:0 0 14px}.dq-article-meta__item{min-width:0;padding:0 18px}.dq-article-meta__item:nth-of-type(1){padding-left:0;border-left:0}.dq-article-author strong,.dq-article-meta__item strong{font-size:13px}.dq-article-cover-wrap{width:calc(100% - 24px)}.dq-single-thumb{aspect-ratio:4/3;border-width:5px;border-radius:18px;box-shadow:0 16px 34px rgba(30,67,49,.15)}.dq-article-layout{display:flex;flex-direction:column;gap:27px;padding-top:42px;padding-bottom:54px}.dq-article-aside__sticky{position:static}.dq-article .dq-toc summary{min-height:54px}.dq-article .dq-toc__list{max-height:none}.dq-article-aside__note{display:none}.dq-article-content{font-size:16px;line-height:1.82}.dq-article-content>p:first-child{font-size:17px;line-height:1.75}.dq-article-content h2{font-size:27px}.dq-article-content h3{font-size:20px}.dq-article-content ul,.dq-article-content ol{padding-left:21px}.dq-article-content table{display:block;overflow-x:auto}.dq-article .dq-expert-box{grid-template-columns:72px minmax(0,1fr);gap:15px;padding:21px 18px}.dq-article .dq-expert-box:before{display:none}.dq-article .dq-expert-box__avatar img,.dq-article .dq-expert-box__avatar .dq-expert-avatar__fallback{width:72px;height:72px}.dq-article .dq-expert-box h2{font-size:23px}.dq-article .dq-expert-box__body>p:not([class]){grid-column:1/-1}.dq-article-updated{align-items:flex-start;padding:15px}.dq-article .dq-review-section{padding:20px 16px}.dq-article .dq-review-section__head{align-items:flex-start;flex-direction:column}.dq-article .dq-review-form summary{align-items:flex-start;flex-direction:column;justify-content:center;padding:10px 16px}}
@media(max-width:420px){.dq-article-meta__item{padding:0 13px}.dq-article h1{font-size:34px}.dq-article-cover-wrap{width:calc(100% - 16px)}.dq-single-thumb{aspect-ratio:1.25}.dq-article-content h2{font-size:25px}}

/* Compact article hero: keep long Vietnamese titles readable without a tall first viewport. */
@media(max-width:760px){
    .dq-article-hero{padding-top:14px}
    .dq-article-hero .dq-breadcrumb{margin-bottom:18px}
    .dq-article-category{min-height:28px;padding:3px 10px}
    .dq-article h1{margin:10px 0;font-size:clamp(30px,8.6vw,38px);letter-spacing:-.045em;line-height:1.02}
    .dq-article-lead{font-size:14px;line-height:1.6}
    .dq-article-meta{margin:16px 0 20px}
    .dq-article-author{padding-bottom:10px}
}
@media(max-width:420px){.dq-article h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.dq-article *{scroll-behavior:auto!important;transition:none!important}}