/* Long-form article layout with readable type and a useful sticky rail. */
body.single-post { background: #fffdfb; }
body.single-post .dq-breadcrumb { padding-top: 18px; padding-bottom: 18px; }
.dq-article-single { --article-ink: #182033; --article-muted: #687184; --article-orange: #f36f21; color: var(--article-ink); }
.dq-article-hero { padding: 42px 0 38px; border-block: 1px solid #f1e8df; background: radial-gradient(circle at 86% 8%,rgba(243,111,33,.12),transparent 25%),linear-gradient(135deg,#fffaf5 0%,#fff 66%); }
.dq-article-hero__inner { max-width: 1120px; }
.dq-article-kicker { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: 999px; background: #fff0e5; color: #d9580d; font-size: 13px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.dq-article-hero h1 { max-width: 1100px; margin: 18px 0 0; color: var(--article-ink); font-size: clamp(42px,5.2vw,68px); line-height: 1.03; letter-spacing: -.045em; }
.dq-article-lead { max-width: 900px; margin: 22px 0 0; color: var(--article-muted); font-size: clamp(18px,1.7vw,21px); line-height: 1.65; }
.dq-article-byline { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 30px; margin-top: 28px; padding-top: 22px; border-top: 1px solid #eadfd5; }
.dq-article-byline > span { display: grid; gap: 1px; }
.dq-article-byline small { color: #8a91a0; font-size: 12px; }
.dq-article-byline strong { color: var(--article-ink); font-size: 14px; }
.dq-article-byline__mark { display: grid!important; place-items: center; width: 46px; height: 46px; overflow: hidden; border: 1px solid #eadfd5; border-radius: 12px; background: #fff; }
.dq-article-byline__mark img { width: 100%; height: 100%; padding: 5px; object-fit: contain; }
.dq-article-byline__mark .dq-editorial-box__fallback { display: grid; place-items: center; width: 100%; height: 100%; background: var(--article-orange); color: #fff; font-weight: 700; }
.dq-article-byline__name { min-width: 160px; padding-right: 24px; border-right: 1px solid #eadfd5; }
.dq-article-cover { max-width: 1120px; margin-top: 34px; margin-bottom: 0; }
.dq-article-cover img { width: 100%; max-height: 620px; border-radius: 26px; object-fit: cover; box-shadow: 0 24px 54px rgba(25,29,39,.13); }
.dq-article-layout { display: grid; grid-template-columns: minmax(0,780px) minmax(280px,330px); justify-content: center; gap: clamp(34px,5vw,64px); align-items: start; padding-top: 58px; padding-bottom: 88px; }
.dq-article-main { min-width: 0; }
.dq-article-prose { color: #2e3545; font-size: 19px; line-height: 1.82; }
.dq-article-prose > *:first-child { margin-top: 0; }
.dq-article-prose p { margin: 0 0 24px; }
.dq-article-prose h2 { margin: 48px 0 18px; color: var(--article-ink); font-size: clamp(31px,3.2vw,40px); line-height: 1.18; letter-spacing: -.025em; }
.dq-article-prose h3 { margin: 36px 0 14px; color: var(--article-ink); font-size: 28px; line-height: 1.25; }
.dq-article-prose h4 { margin: 30px 0 12px; color: var(--article-ink); font-size: 22px; line-height: 1.3; }
.dq-article-prose ul,.dq-article-prose ol { margin: 0 0 26px; padding-left: 28px; }
.dq-article-prose li { margin: 9px 0; padding-left: 4px; }
.dq-article-prose strong { color: var(--article-ink); }
.dq-article-prose a { color: #d9580d; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.dq-article-prose blockquote { margin: 34px 0; padding: 24px 28px; border-left: 4px solid var(--article-orange); border-radius: 0 16px 16px 0; background: #fff6ee; color: #3f4655; }
.dq-article-sidebar { position: sticky; top: 108px; display: grid; gap: 18px; }
.admin-bar .dq-article-sidebar { top: 140px; }
.dq-article-side-card { overflow: hidden; border: 1px solid #e6e0da; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(27,31,43,.055); }
.dq-article-side-card--toc { padding: 0; }
.dq-article-side-card .dq-toc { margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.dq-article-side-card .dq-toc summary { min-height: 58px; padding: 0 20px; background: #fff7f0; color: #d9580d; font-size: 13px; letter-spacing: .08em; }
.dq-article-side-card .dq-toc__list { max-height: 360px; overflow-y: auto; padding: 15px 20px 18px; border-top-color: #efe4da; }
.dq-article-side-card .dq-toc__item { padding-block: 6px; font-size: 14px; line-height: 1.4; }
.dq-article-side-card .dq-toc__item:before { top: 14px; background: var(--article-orange); }
.dq-article-side-card .dq-toc__item a { color: #414958; font-weight: 600; }
.dq-article-side-card .dq-toc__item--h3 { margin-left: 12px; }
.dq-article-side-card .dq-toc__item--h4 { margin-left: 22px; font-size: 13px; }
.dq-article-advice { padding: 24px; background: linear-gradient(145deg,#192235,#263249); color: #fff; }
.dq-article-advice > p,.dq-article-categories > p { margin: 0 0 9px; color: #ff9a5d; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.dq-article-advice h2 { margin: 0; color: #fff; font-size: 24px; line-height: 1.18; }
.dq-article-advice > span { display: block; margin-top: 13px; color: #cbd1dc; font-size: 14px; line-height: 1.55; }
.dq-article-advice > a { display: flex; align-items: center; justify-content: space-between; min-height: 46px; margin-top: 20px; padding: 0 16px; border-radius: 10px; background: var(--article-orange); color: #fff; font-weight: 700; }
.dq-article-advice i { font-style: normal; }
.dq-article-categories { padding: 22px; }
.dq-article-categories > p { color: #d9580d; }
.dq-article-categories ul { list-style: none; margin: 0; padding: 0; }
.dq-article-categories li { border-top: 1px solid #eee9e4; }
.dq-article-categories a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 45px; color: #394153; font-weight: 600; }
.dq-article-categories small { display: grid; place-items: center; min-width: 28px; height: 28px; padding: 0 7px; border-radius: 999px; background: #fff1e7; color: #d9580d; }
.dq-article-main > .dq-editorial-box { margin-top: 56px; border-radius: 20px; background: linear-gradient(135deg,#fff8f2,#fff); }
.dq-article-main .dq-review-section { margin-top: 44px; }
@media (max-width: 980px) {
    .dq-article-layout { grid-template-columns: minmax(0,1fr); max-width: 820px; }
    .dq-article-sidebar { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .dq-article-side-card--toc { grid-column: 1/-1; }
}
@media (max-width: 600px) {
    body.single-post .dq-breadcrumb { padding-block: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .dq-article-hero { padding: 32px 0 30px; }
    .dq-article-hero h1 { margin-top: 15px; font-size: 39px; line-height: 1.06; }
    .dq-article-lead { margin-top: 17px; font-size: 18px; }
    .dq-article-byline { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 12px 14px; }
    .dq-article-byline__name { padding-right: 0; border-right: 0; }
    .dq-article-byline > span:not(.dq-article-byline__mark):not(.dq-article-byline__name) { grid-column: span 1; padding-top: 10px; border-top: 1px solid #eadfd5; }
    .dq-article-cover { width: calc(100% - 24px); margin-top: 18px; }
    .dq-article-cover img { min-height: 230px; border-radius: 18px; }
    .dq-article-layout { width: min(100% - 32px,780px); gap: 38px; padding-top: 40px; padding-bottom: 58px; }
    .dq-article-prose { font-size: 18px; line-height: 1.78; }
    .dq-article-prose h2 { margin-top: 40px; font-size: 30px; }
    .dq-article-prose h3 { font-size: 25px; }
    .dq-article-prose h4 { font-size: 21px; }
    .dq-article-sidebar { grid-template-columns: 1fr; }
    .dq-article-side-card--toc { grid-column: auto; }
}