.single-post .dq-breadcrumb {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #66736e;
    font-size: 14px;
}

.single-post .dq-breadcrumb a { color: var(--dq-primary); font-weight: 600; }

.dq-article-page { background: #f5f7fb; font-family: Quicksand, Arial, sans-serif; }
.dq-article-page :is(h1, h2, h3, h4, h5, h6, strong, b) { font-weight: 600; }

.dq-article-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 82% 20%, rgba(240, 126, 25, .24), transparent 28%),
        linear-gradient(125deg, var(--dq-secondary) 0%, var(--dq-primary) 60%, var(--dq-secondary) 100%);
}

.dq-article-hero::after {
    position: absolute;
    right: -100px;
    bottom: -170px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    content: "";
}

.dq-article-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 970px;
    padding-top: 52px;
    padding-bottom: 56px;
}

.dq-article-hero__category {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 14px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,.1);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.dq-article-hero h1 {
    max-width: 900px;
    margin: 18px 0 15px;
    color: #fff;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.13;
    letter-spacing: -.025em;
}

.dq-article-hero__lead {
    max-width: 800px;
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 18px;
    line-height: 1.65;
}

.dq-article-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin-top: 24px;
    color: rgba(255,255,255,.78);
    font-size: 14px;
}

.dq-article-hero__meta > * { position: relative; }
.dq-article-hero__meta > * + *::before { position: absolute; left: -14px; content: "•"; color: var(--dq-accent); }

.dq-article-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 315px;
    gap: 34px;
    align-items: start;
    padding-top: 42px;
    padding-bottom: 56px;
}

.dq-article-main {
    overflow: hidden;
    min-width: 0;
    border: 1px solid #e3e9f1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(0, 48, 112, .07);
}

.dq-article-cover { margin: 0; background: #edf2f7; }
.dq-article-cover img { display: block; width: 100%; max-height: 550px; object-fit: cover; }

.dq-article-content { padding: 38px 44px 28px; color: #273447; font-size: 17px; line-height: 1.82; overflow-wrap: anywhere; }
.dq-article-content > :first-child { margin-top: 0; }
.dq-article-content p { margin: 0 0 1.25em; }
.dq-article-content h2,
.dq-article-content h3,
.dq-article-content h4 { scroll-margin-top: 110px; color: var(--dq-secondary); line-height: 1.3; }
.dq-article-content h2 { margin: 2em 0 .7em; padding-left: 17px; border-left: 4px solid var(--dq-accent); font-size: 28px; letter-spacing: -.015em; }
.dq-article-content h3 { margin: 1.7em 0 .65em; font-size: 23px; }
.dq-article-content a { color: var(--dq-primary); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(8,116,84,.3); text-underline-offset: 3px; }
.dq-article-content ul,
.dq-article-content ol { margin: 0 0 1.35em; padding-left: 1.35em; }
.dq-article-content li { margin-bottom: .42em; padding-left: .2em; }
.dq-article-content blockquote { margin: 1.7em 0; padding: 20px 24px; border-left: 4px solid var(--dq-accent); border-radius: 0 12px 12px 0; color: #233f63; background: #f3f7fc; }
.dq-article-content img { height: auto; border-radius: 12px; }
.dq-article-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.dq-article-content th,
.dq-article-content td { padding: 11px 13px; border: 1px solid #dde5ef; }

.dq-article-content .dq-toc {
    margin: 0 0 30px;
    border: 1px solid #d9e3ef;
    border-radius: 14px;
    background: #f5f8fc;
}

.dq-article-content .dq-toc summary { padding: 18px 20px; color: var(--dq-secondary); font-size: 16px; font-weight: 600; text-transform: none; cursor: pointer; }
.dq-article-content .dq-toc__icon { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-right: 8px; border-radius: 8px; color: #fff; background: var(--dq-primary); }
.dq-article-content .dq-toc__list { margin: 0; padding: 0 22px 18px 53px; }
.dq-article-content .dq-toc__item { margin: 7px 0; color: #526070; }
.dq-article-content .dq-toc__item a { color: inherit; font-weight: 600; text-decoration: none; }
.dq-article-content .dq-toc__item a:hover { color: var(--dq-accent); }

.dq-article-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 44px;
    padding: 22px 0 30px;
    border-top: 1px solid #e4ebe8;
}

.dq-article-footer > div:first-child { display: flex; flex-direction: column; gap: 3px; color: #718079; font-size: 13px; }
.dq-article-footer strong { color: #33445c; font-size: 14px; font-weight: 600; }
.dq-article-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.dq-article-tags a { padding: 7px 11px; border-radius: 999px; color: var(--dq-primary); background: #eef4fb; font-size: 13px; font-weight: 600; }

.dq-article-aside { position: sticky; top: 24px; display: grid; gap: 22px; }
.dq-article-support,
.dq-article-latest { overflow: hidden; border: 1px solid #dee7f1; border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(0,48,112,.055); }

.dq-article-support { padding: 26px; color: #fff; background: linear-gradient(145deg, var(--dq-secondary), var(--dq-primary)); }
.dq-article-support__eyebrow { display: block; margin-bottom: 9px; color: #ff9a56; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.dq-article-support h2 { margin: 0 0 12px; color: #fff; font-size: 23px; line-height: 1.3; }
.dq-article-support p { margin: 0 0 20px; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.65; }
.dq-article-support a { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; border-radius: 10px; font-weight: 600; }
.dq-article-support__phone { gap: 8px; color: var(--dq-secondary); background: #fff; font-size: 18px; }
.dq-article-support__contact { margin-top: 10px; border: 1px solid rgba(255,255,255,.35); color: #fff; }
.dq-article-support__contact:hover { border-color: var(--dq-accent); background: var(--dq-accent); }

.dq-article-latest { padding: 24px; }
.dq-article-latest h2 { margin: 0 0 16px; padding-bottom: 13px; border-bottom: 2px solid #edf1ef; color: var(--dq-secondary); font-size: 21px; }
.dq-article-latest h2::after { display: block; width: 48px; height: 2px; margin-bottom: -15px; background: var(--dq-accent); content: ""; }
.dq-article-latest__list { display: grid; gap: 15px; }
.dq-article-latest__list > a { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 12px; align-items: center; color: #27364a; }
.dq-article-latest__list img { width: 72px; height: 60px; border-radius: 8px; object-fit: cover; background: #edf2f7; }
.dq-article-latest__list span { display: grid; gap: 5px; }
.dq-article-latest__list strong { display: -webkit-box; overflow: hidden; font-size: 14px; font-weight: 600; line-height: 1.38; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.dq-article-latest__list time { color: #87918d; font-size: 12px; }

.dq-article-main .dq-expert-box,
.dq-article-main .dq-review-section { margin: 0 44px 34px; }
.dq-article-main .dq-review-section { padding: 24px; border: 1px solid #e1e8f0; border-radius: 14px; background: #f8fafd; }
.dq-article-main .dq-review-section__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.dq-article-main .dq-review-section__head h2 { margin: 0; color: var(--dq-secondary); font-size: 23px; }
.dq-article-main .dq-review-section__head span { color: #75817c; font-size: 13px; font-weight: 400; }
.dq-article-main .dq-comments-closed { margin-bottom: 0; color: #69756f; font-weight: 400; }

.dq-related-posts { padding-bottom: 70px; }
.dq-related-posts__head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.dq-related-posts__head span { color: var(--dq-accent); font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.dq-related-posts__head h2 { margin: 4px 0 0; color: var(--dq-secondary); font-size: 32px; }
.dq-related-posts__head > a { color: var(--dq-primary); font-weight: 600; }
.dq-related-posts__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.dq-related-posts__grid article { overflow: hidden; border: 1px solid #e0e7f0; border-radius: 15px; background: #fff; box-shadow: 0 10px 30px rgba(0,48,112,.055); }
.dq-related-posts__image { display: block; overflow: hidden; aspect-ratio: 16/9; background: #edf2f7; }
.dq-related-posts__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.dq-related-posts__grid article:hover img { transform: scale(1.04); }
.dq-related-posts__grid article > div { padding: 19px 20px 21px; }
.dq-related-posts__grid time { color: #7e8a85; font-size: 12px; }
.dq-related-posts__grid h3 { margin: 8px 0 14px; font-size: 19px; line-height: 1.4; }
.dq-related-posts__grid h3 a { color: #263b59; }
.dq-related-posts__more { color: var(--dq-primary); font-size: 14px; font-weight: 600; }

@media (max-width: 900px) {
    .dq-article-layout { grid-template-columns: 1fr; }
    .dq-article-aside { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 640px) {
    .single-post .dq-breadcrumb { padding-top: 14px; padding-bottom: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .dq-article-hero__inner { padding-top: 38px; padding-bottom: 42px; }
    .dq-article-hero h1 { margin-top: 14px; font-size: 32px; }
    .dq-article-hero__lead { font-size: 16px; }
    .dq-article-hero__meta { gap: 7px 19px; }
    .dq-article-hero__meta > * + *::before { left: -11px; }
    .dq-article-layout { gap: 22px; padding-top: 22px; padding-bottom: 38px; }
    .dq-article-main { border-radius: 13px; }
    .dq-article-cover img { max-height: 330px; }
    .dq-article-content { padding: 24px 20px 18px; font-size: 16px; line-height: 1.75; }
    .dq-article-content h2 { margin-top: 1.7em; padding-left: 13px; font-size: 23px; }
    .dq-article-content h3 { font-size: 20px; }
    .dq-article-content .dq-toc summary { padding: 15px; }
    .dq-article-content .dq-toc__list { padding-right: 15px; padding-left: 42px; }
    .dq-article-footer { align-items: flex-start; flex-direction: column; margin: 0 20px; padding-bottom: 24px; }
    .dq-article-tags { justify-content: flex-start; }
    .dq-article-aside { grid-template-columns: 1fr; }
    .dq-article-support,
    .dq-article-latest { border-radius: 13px; }
    .dq-article-main .dq-expert-box,
    .dq-article-main .dq-review-section { margin: 0 20px 24px; }
    .dq-article-main .dq-review-section { padding: 20px; }
    .dq-article-main .dq-review-section__head { align-items: flex-start; flex-direction: column; gap: 5px; }
    .dq-related-posts { padding-bottom: 48px; }
    .dq-related-posts__head { align-items: flex-start; flex-direction: column; }
    .dq-related-posts__head h2 { font-size: 28px; }
    .dq-related-posts__grid { grid-template-columns: 1fr; gap: 16px; }
}