/* Editorial category archive: calm, useful and image-led. */
body.category { background: #fffdfb; }
body.category .dq-breadcrumb { padding-top: 20px; padding-bottom: 20px; }
.dq-blog-archive { --blog-ink: #172033; --blog-muted: #687184; --blog-orange: #f36f21; color: var(--blog-ink); }
.dq-blog-hero { position: relative; overflow: hidden; padding: 68px 0 72px; border-block: 1px solid #f1e8df; background: radial-gradient(circle at 82% 16%, rgba(243,111,33,.13), transparent 28%), linear-gradient(135deg,#fffaf5 0%,#fff 58%,#fff8f1 100%); }
.dq-blog-hero:after { content: ""; position: absolute; right: -110px; bottom: -180px; width: 420px; height: 420px; border: 70px solid rgba(243,111,33,.055); border-radius: 50%; pointer-events: none; }
.dq-blog-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(330px,.75fr); gap: clamp(44px,7vw,100px); align-items: center; }
.dq-blog-eyebrow { margin: 0 0 12px; color: var(--blog-orange); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.dq-blog-hero h1 { max-width: 760px; margin: 0; color: var(--blog-ink); font-size: clamp(46px,6vw,76px); line-height: .98; letter-spacing: -.045em; }
.dq-blog-hero__lead { max-width: 720px; margin: 24px 0 0; color: var(--blog-muted); font-size: clamp(18px,1.8vw,21px); line-height: 1.65; }
.dq-blog-hero__meta { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 30px; color: #535d70; font-size: 15px; }
.dq-blog-hero__meta span { display: inline-flex; align-items: center; gap: 8px; }
.dq-blog-hero__meta span:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blog-orange); box-shadow: 0 0 0 5px rgba(243,111,33,.1); }
.dq-blog-hero__topics { padding: 14px 26px 10px; border: 1px solid rgba(232,218,205,.9); border-radius: 24px; background: rgba(255,255,255,.82); box-shadow: 0 24px 60px rgba(62,43,28,.08); backdrop-filter: blur(10px); }
.dq-blog-hero__topics-label { display: block; padding: 8px 0 12px; color: #8b6044; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.dq-blog-hero__topics > div { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 14px; align-items: center; padding: 16px 0; border-top: 1px solid #efe5dc; }
.dq-blog-hero__topics b { color: var(--blog-orange); font-size: 13px; }
.dq-blog-hero__topics strong,.dq-blog-hero__topics small { display: block; }
.dq-blog-hero__topics strong { color: var(--blog-ink); font-size: 17px; }
.dq-blog-hero__topics small { margin-top: 2px; color: var(--blog-muted); font-size: 14px; }
.dq-blog-listing { padding: 78px 0 88px; background: #fff; }
.dq-blog-section-head { display: flex; align-items: end; justify-content: space-between; gap: 34px; margin-bottom: 30px; }
.dq-blog-section-head h2 { margin: 0; color: var(--blog-ink); font-size: clamp(30px,3.3vw,46px); line-height: 1.08; letter-spacing: -.03em; }
.dq-blog-section-head > p { max-width: 460px; margin: 0; color: var(--blog-muted); }
.dq-blog-section-head > a { flex: 0 0 auto; color: var(--blog-orange); font-weight: 700; }
.dq-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; }
.dq-blog-card { border: 1px solid #ebe5df; border-radius: 20px; box-shadow: 0 12px 32px rgba(26,31,44,.055); transition: transform .22s ease,box-shadow .22s ease; }
.dq-blog-card:hover { transform: translateY(-5px); box-shadow: 0 20px 46px rgba(26,31,44,.11); }
.dq-blog-card__link,.dq-blog-card__media,.dq-blog-card__body,.dq-blog-card__meta,.dq-blog-card__excerpt,.dq-blog-card__read { display: block; }
.dq-blog-card__media { overflow: hidden; aspect-ratio: 16/10; background: #f6eee7; }
.dq-blog-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.dq-blog-card:hover .dq-blog-card__media img { transform: scale(1.035); }
.dq-blog-card__body { padding: 22px 22px 24px; }
.dq-blog-card__meta { display: flex; justify-content: space-between; gap: 10px; color: #8a91a0; font-size: 13px; }
.dq-blog-card__meta b { color: var(--blog-orange); font-weight: 700; }
.dq-blog-card h2 { margin: 14px 0 10px; color: var(--blog-ink); font-size: 23px; line-height: 1.24; }
.dq-blog-card__excerpt { color: var(--blog-muted); line-height: 1.62; }
.dq-blog-card__read { margin-top: 18px; color: var(--blog-ink); font-weight: 700; }
.dq-blog-card__read i { margin-left: 6px; color: var(--blog-orange); font-style: normal; }
.dq-blog-card__placeholder { display: flex; align-items: end; justify-content: center; gap: 10px; height: 100%; padding-bottom: 28px; background: linear-gradient(145deg,#fff6ed,#f4ded0); }
.dq-blog-card__placeholder i { width: 22%; border-radius: 80px 80px 12px 12px; background: rgba(243,111,33,.2); }
.dq-blog-card__placeholder i:nth-child(1) { height: 42%; }
.dq-blog-card__placeholder i:nth-child(2) { height: 68%; }
.dq-blog-card__placeholder i:nth-child(3) { height: 52%; }
.dq-blog-empty { display: grid; grid-template-columns: minmax(280px,.85fr) minmax(0,1.15fr); min-height: 390px; overflow: hidden; border: 1px solid #eee2d8; border-radius: 28px; background: #fffaf5; }
.dq-blog-empty__mark { position: relative; display: flex; align-items: end; justify-content: center; gap: 18px; overflow: hidden; padding: 52px; background: linear-gradient(145deg,#f5c9ac 0%,#fbe8d8 52%,#f2b990 100%); }
.dq-blog-empty__mark:before { content: ""; position: absolute; top: 44px; right: 48px; width: 96px; height: 96px; border-radius: 50%; background: rgba(255,255,255,.52); }
.dq-blog-empty__mark:after { content: ""; position: absolute; left: -10%; right: -10%; bottom: -46px; height: 130px; border-radius: 50% 50% 0 0; background: rgba(255,255,255,.28); }
.dq-blog-empty__mark span { position: relative; z-index: 1; width: 24%; border-radius: 90px 90px 18px 18px; background: rgba(255,255,255,.72); box-shadow: 0 18px 30px rgba(110,58,25,.08); }
.dq-blog-empty__mark span:nth-child(1) { height: 46%; }
.dq-blog-empty__mark span:nth-child(2) { height: 74%; }
.dq-blog-empty__mark span:nth-child(3) { height: 58%; }
.dq-blog-empty__copy { align-self: center; padding: clamp(34px,5vw,68px); }
.dq-blog-empty__copy h2 { max-width: 620px; margin: 0; color: var(--blog-ink); font-size: clamp(30px,3.4vw,48px); line-height: 1.08; letter-spacing: -.035em; }
.dq-blog-empty__copy > p:not(.dq-blog-eyebrow) { max-width: 620px; margin: 20px 0 0; color: var(--blog-muted); font-size: 17px; }
.dq-blog-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.dq-blog-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border: 1px solid transparent; border-radius: 12px; font-weight: 700; }
.dq-blog-btn--primary { background: var(--blog-orange); color: #fff; box-shadow: 0 12px 24px rgba(243,111,33,.2); }
.dq-blog-btn--primary span { margin-left: 8px; }
.dq-blog-btn--secondary { border-color: #dcd5ce; background: #fff; color: var(--blog-ink); }
.dq-blog-collections { margin-top: 82px; }
.dq-blog-collections__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.dq-blog-collection { overflow: hidden; border: 1px solid #ebe5df; border-radius: 18px; background: #fff; transition: transform .22s ease,box-shadow .22s ease; }
.dq-blog-collection:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(26,31,44,.1); }
.dq-blog-collection__media { display: block; aspect-ratio: 4/3; overflow: hidden; background: #f5eee8; }
.dq-blog-collection__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.dq-blog-collection:hover img { transform: scale(1.04); }
.dq-blog-collection__body { display: block; padding: 17px 18px 19px; }
.dq-blog-collection__body strong,.dq-blog-collection__body small { display: block; }
.dq-blog-collection__body strong { color: var(--blog-ink); font-size: 18px; line-height: 1.25; }
.dq-blog-collection__body small { margin-top: 5px; color: var(--blog-muted); }
.dq-blog-seo { padding: 0 0 88px; background: #fff; }
.dq-blog-seo__inner { padding: clamp(30px,5vw,56px); border-radius: 24px; background: #192235; color: #fff; }
.dq-blog-seo h2 { max-width: 820px; margin: 0; color: #fff; font-size: clamp(28px,3vw,42px); line-height: 1.12; }
.dq-blog-seo__inner > p:last-child { max-width: 900px; margin: 20px 0 0; color: #cbd1dc; font-size: 17px; }
@media (max-width: 900px) {
    .dq-blog-hero { padding: 52px 0; }
    .dq-blog-hero__grid { grid-template-columns: 1fr; gap: 34px; }
    .dq-blog-hero__topics { max-width: 620px; }
    .dq-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .dq-blog-empty { grid-template-columns: 1fr; }
    .dq-blog-empty__mark { min-height: 270px; }
    .dq-blog-collections__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
    body.category .dq-breadcrumb { padding-block: 14px; }
    .dq-blog-hero { padding: 42px 0 46px; }
    .dq-blog-hero h1 { font-size: 46px; }
    .dq-blog-hero__lead { font-size: 17px; }
    .dq-blog-hero__meta { display: grid; gap: 9px; }
    .dq-blog-hero__topics { padding-inline: 20px; border-radius: 18px; }
    .dq-blog-listing { padding: 48px 0 58px; }
    .dq-blog-section-head { display: block; }
    .dq-blog-section-head > p,.dq-blog-section-head > a { display: inline-block; margin-top: 14px; }
    .dq-blog-grid,.dq-blog-collections__grid { grid-template-columns: 1fr; }
    .dq-blog-empty { min-height: 0; border-radius: 20px; }
    .dq-blog-empty__mark { min-height: 210px; padding: 34px; }
    .dq-blog-empty__copy { padding: 30px 22px 34px; }
    .dq-blog-empty__copy h2 { font-size: 32px; }
    .dq-blog-actions { display: grid; }
    .dq-blog-btn { width: 100%; }
    .dq-blog-collections { margin-top: 56px; }
    .dq-blog-seo { padding-bottom: 58px; }
    .dq-blog-seo__inner { border-radius: 18px; }
}