/* Tú Phát content skin: category, archive, single article and shared reading measure. */
:root{--dq-reading-width:750px;--dq-content-ink:#15252b;--dq-content-muted:#5d6d68;--dq-content-line:#dbe7df;--dq-content-paper:#f5f9f6}

/* Long-form copy never exceeds a comfortable 750px line measure. */
.dq-main :where(.dq-page-content,.dq-static-page,.dq-article-body,.dq-content-reader__body,.dq-detail-panel__content,.dq-term-seo>.dq-richtext){width:100%;max-width:var(--dq-reading-width)}
.dq-main :where(.dq-richtext,.dq-article-body,.dq-page-content) :where(p,ul,ol,blockquote){max-width:var(--dq-reading-width)}
.dq-page-content,.dq-static-page,.dq-term-seo>.dq-richtext{margin-inline:auto}

/* Category and archive hero. */
.archive .dq-content-hero,.blog .dq-content-hero{isolation:isolate;border:0;background:linear-gradient(128deg,#11272b 0%,#173b35 57%,#126134 100%);color:#fff}
.archive .dq-content-hero:before,.blog .dq-content-hero:before{right:-90px;top:-210px;width:520px;height:520px;background:radial-gradient(circle,rgba(144,216,165,.24),rgba(144,216,165,0) 68%)}
.archive .dq-content-hero:after,.blog .dq-content-hero:after{left:auto;right:23%;bottom:-205px;width:380px;height:380px;border:70px solid rgba(255,255,255,.035)}
.archive .dq-content-hero__inner,.blog .dq-content-hero__inner{min-height:330px;padding-block:64px}
.archive .dq-content-hero__copy,.blog .dq-content-hero__copy{max-width:850px}
.archive .dq-content-kicker,.blog .dq-content-kicker{padding:8px 12px;border:1px solid rgba(151,219,170,.38);border-radius:999px;background:rgba(7,35,28,.28);color:#9bddae}
.archive .dq-content-kicker:before,.blog .dq-content-kicker:before{width:8px;height:8px;border-radius:50%;background:#7fd299}
.archive .dq-content-hero__copy h1,.blog .dq-content-hero__copy h1{max-width:var(--dq-reading-width);margin-top:18px;color:#fff;font-size:clamp(40px,5.2vw,68px);letter-spacing:-.045em}
.archive .dq-content-hero__lead,.blog .dq-content-hero__lead{max-width:var(--dq-reading-width);color:#d9e8e1}
.archive .dq-result-count,.blog .dq-result-count{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(8px)}

/* Archive listing and editorial cards. */
.archive .dq-content-layout,.blog .dq-content-layout{grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding-block:62px 78px}
.archive .dq-listing>.dq-card-grid,.blog .dq-listing>.dq-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.archive .dq-listing>.dq-card-grid>.dq-content-card:first-child,.blog .dq-listing>.dq-card-grid>.dq-content-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.archive .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__media,.blog .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__media{min-height:100%}
.archive .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__media img,.archive .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__placeholder,.blog .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__media img,.blog .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__placeholder{height:100%;min-height:310px;aspect-ratio:auto}
.dq-content-card{border-color:var(--dq-content-line);border-radius:22px;box-shadow:0 10px 34px rgba(21,58,45,.07)}
.dq-content-card:hover{border-color:#9ac8a9;box-shadow:0 20px 48px rgba(21,58,45,.14);transform:translateY(-4px)}
.dq-content-card__media{position:relative;background:#e7efe9}
.dq-content-card__media:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(7,35,28,.2));pointer-events:none}
.dq-content-card__body{padding:24px}
.dq-content-card__meta{color:#70817a;letter-spacing:.045em}
.dq-content-card__meta span{padding:6px 9px;border-radius:999px;background:#e7f4eb;color:#147238}
.dq-content-card h2{font-size:clamp(20px,2vw,25px);letter-spacing:-.02em}
.dq-content-card h2 a{color:var(--dq-content-ink)}
.dq-content-card p{color:var(--dq-content-muted)}
.dq-content-card__link{color:#11713a}
.dq-load-more{min-height:48px;margin-top:34px;padding-inline:28px;border-color:#11833e;background:#11833e;color:#fff;box-shadow:0 10px 24px rgba(17,131,62,.18)}
.dq-load-more:hover{background:#0b6b31;transform:translateY(-1px)}

/* Archive sidebar and SEO block. */
.archive .dq-sidebar,.blog .dq-sidebar{top:112px;padding:24px;border-color:var(--dq-content-line);border-radius:20px;background:linear-gradient(180deg,#fff,#f7faf8);box-shadow:0 14px 40px rgba(21,58,45,.07)}
.archive .dq-sidebar__section>h2,.blog .dq-sidebar__section>h2{display:flex;align-items:center;gap:10px;font-size:20px}
.archive .dq-sidebar__section>h2:before,.blog .dq-sidebar__section>h2:before{content:"";width:4px;height:22px;border-radius:999px;background:#159346}
.dq-side-menu a{color:var(--dq-content-ink)}
.dq-side-menu a:hover{color:#11833e}
.dq-term-seo{padding-bottom:82px}
.dq-term-seo>.dq-richtext{padding:clamp(28px,4vw,48px);border-color:var(--dq-content-line);border-radius:22px;background:linear-gradient(180deg,#eff7f1,#fff);box-shadow:0 12px 34px rgba(21,58,45,.05)}

/* Single article hero. */
.single-post .dq-article{background:var(--dq-content-paper)}
.single-post .dq-article-hero{border:0;background:linear-gradient(128deg,#10262b 0%,#173a35 58%,#125d34 100%)}
.single-post .dq-article-hero:before{right:-80px;top:-180px;background:radial-gradient(circle,rgba(139,212,159,.25),rgba(139,212,159,0) 68%)}
.single-post .dq-article-hero:after{border-color:rgba(255,255,255,.035)}
.single-post .dq-article-hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);min-height:500px;gap:clamp(38px,6vw,78px);padding-block:66px}
.single-post .dq-article-hero__copy{max-width:var(--dq-reading-width)}
.single-post .dq-article-hero__copy .dq-content-kicker{padding:8px 12px;border:1px solid rgba(151,219,170,.38);border-radius:999px;background:rgba(7,35,28,.28);color:#9bddae}
.single-post .dq-article-hero__copy .dq-content-kicker:before{width:8px;height:8px;border-radius:50%;background:#7fd299}
.single-post .dq-article-hero__copy h1{max-width:var(--dq-reading-width);margin-top:20px;color:#fff;font-size:clamp(40px,4.7vw,64px);letter-spacing:-.042em}
.single-post .dq-content-hero__lead{color:#d9e8e1}
.single-post .dq-article-meta{color:#d1e3da}
.single-post .dq-article-meta>*:before{background:#7fd299}
.single-post .dq-article-hero__media{border:1px solid rgba(255,255,255,.24);border-radius:24px;box-shadow:0 30px 70px rgba(4,25,20,.34);transform:rotate(1.5deg)}
.single-post .dq-article-hero__media img{aspect-ratio:4/3}

/* Reading canvas: 750px text column plus a compact contextual sidebar. */
.single-post .dq-article-layout{grid-template-columns:minmax(0,850px) 280px;align-items:start;gap:clamp(32px,5vw,64px);padding-block:64px 84px}
.single-post .dq-article-main{padding:clamp(28px,4vw,50px);border:1px solid var(--dq-content-line);border-radius:26px;background:#fff;box-shadow:0 18px 56px rgba(21,58,45,.08)}
.single-post .dq-article-body{margin-inline:auto;color:#263a34;font-size:18px;line-height:1.86}
.single-post .dq-article-body>p:first-of-type{padding-left:20px;border-left:3px solid #159346;color:#425b52;font-size:20px;line-height:1.75}
.single-post .dq-article-body h2{position:relative;margin-top:56px;padding-top:18px;color:var(--dq-content-ink);font-size:clamp(27px,3vw,35px);letter-spacing:-.025em}
.single-post .dq-article-body h2:before{content:"";position:absolute;left:0;top:0;width:52px;height:4px;border-radius:999px;background:#159346}
.single-post .dq-article-body h3{color:var(--dq-content-ink)}
.single-post .dq-article-body a{color:#0d7b36;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.single-post .dq-article-body img{display:block;width:100%;height:auto;margin-block:30px;border-radius:18px;box-shadow:0 14px 38px rgba(21,58,45,.1)}
.single-post .dq-article-body blockquote{padding:26px 28px;border-left-color:#159346;border-radius:0 18px 18px 0;background:linear-gradient(135deg,#edf7ef,#f9fbfa);color:#203b30}
.single-post .dq-article-body th{background:#eaf4ed;color:#17382b}
.single-post .dq-article-body th,.single-post .dq-article-body td{border-color:#d7e5dc}
.single-post .dq-toc{border-color:#cfe2d5;border-radius:18px;background:#f7faf8}
.single-post .dq-toc summary{background:#eaf5ed;color:#126b35}
.single-post .dq-toc__list{border-top-color:#cfe2d5}
.single-post .dq-toc__item:before{background:#159346}

/* Article support blocks. */
.single-post .dq-single-info,.single-post .dq-author-box,.single-post .dq-related,.single-post .dq-review-section{max-width:var(--dq-reading-width);margin-inline:auto}
.single-post .dq-single-info{margin-top:42px;border-color:var(--dq-content-line)}
.single-post .dq-author-box{margin-top:30px;border-color:#cfe2d5;border-radius:20px;background:linear-gradient(135deg,#edf7ef,#fff)}
.single-post .dq-related{margin-top:54px;border-top-color:var(--dq-content-line)}
.single-post .dq-related .dq-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.single-post .dq-related .dq-content-card:last-child:nth-child(odd){grid-column:1/-1}
.single-post .dq-section-heading h2{color:var(--dq-content-ink)}
.single-post .dq-article-aside__box{top:112px;padding:24px;border-color:var(--dq-content-line);border-radius:20px;box-shadow:0 14px 40px rgba(21,58,45,.07)}
.single-post .dq-article-aside__box h2{color:var(--dq-content-ink)}
.single-post .dq-article-facts li{border-color:#e5ede8;color:#65766f}
.single-post .dq-article-tags a{background:#e9f4ec;color:#126b35}
.single-post .dq-article-aside__cta{border:0;background:linear-gradient(145deg,#133037,#125e34);color:#dcebe4}
.single-post .dq-article-aside__cta h2{color:#fff}
.single-post .dq-article-aside__cta .dq-btn{border-color:#fff;background:#fff;color:#12482d}

@media(max-width:1050px){
  .archive .dq-content-layout,.blog .dq-content-layout{grid-template-columns:minmax(0,1fr) 260px}
  .single-post .dq-article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:30px}
  .single-post .dq-article-hero__inner{grid-template-columns:minmax(0,1fr) 330px}
}

@media(max-width:800px){
  .archive .dq-content-layout,.blog .dq-content-layout,.single-post .dq-article-layout,.single-post .dq-article-hero__inner{grid-template-columns:1fr}
  .archive .dq-listing>.dq-card-grid>.dq-content-card:first-child,.blog .dq-listing>.dq-card-grid>.dq-content-card:first-child{display:flex}
  .archive .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__media img,.archive .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__placeholder,.blog .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__media img,.blog .dq-listing>.dq-card-grid>.dq-content-card:first-child .dq-content-card__placeholder{height:auto;min-height:0;aspect-ratio:16/10}
  .single-post .dq-article-hero__inner{min-height:auto}
  .single-post .dq-article-hero__media{max-width:620px;transform:none}
  .single-post .dq-article-aside{grid-template-columns:1fr 1fr}
}

@media(max-width:580px){
  .archive .dq-content-hero__inner,.blog .dq-content-hero__inner{padding-block:44px}
  .archive .dq-content-hero__copy h1,.blog .dq-content-hero__copy h1,.single-post .dq-article-hero__copy h1{font-size:34px}
  .archive .dq-listing>.dq-card-grid,.blog .dq-listing>.dq-card-grid,.single-post .dq-related .dq-card-grid,.single-post .dq-article-aside{grid-template-columns:1fr}
  .archive .dq-listing>.dq-card-grid>.dq-content-card:first-child,.blog .dq-listing>.dq-card-grid>.dq-content-card:first-child,.single-post .dq-related .dq-content-card:last-child:nth-child(odd){grid-column:auto}
  .dq-content-card__body{padding:20px}
  .single-post .dq-article-hero__inner{padding-block:44px}
  .single-post .dq-article-main{padding:24px 18px;border-inline:0;border-radius:0}
  .single-post .dq-article-layout{padding-top:30px}
  .single-post .dq-article-body{font-size:16px;line-height:1.8}
  .single-post .dq-article-body>p:first-of-type{padding-left:14px;font-size:18px}
  .single-post .dq-article-body h2{margin-top:44px}
}

@media(prefers-reduced-motion:reduce){.dq-content-card,.dq-load-more{transition:none}}