/* =========================================================
   QUICK-STEP — ФИРМЕННОЕ ОФОРМЛЕНИЕ СТАТЕЙ
   Файл: /templates/qs/css/article.css
   ========================================================= */

.com-content-article__body .qs-article {
    --qs-blue: #1b3c87;
    --qs-blue-dark: #122a61;
    --qs-pink: #d6246e;
    --qs-cream: #faf3ec;
    --qs-text: #2b2b2b;
    --qs-muted: #686868;
    --qs-line: #e5e7eb;
    --qs-white: #ffffff;
    --qs-green: #19764a;
    --qs-red: #b42318;
    --qs-radius: 18px;
    --qs-shadow: 0 12px 35px rgba(27, 60, 135, 0.09);

    max-width: 1220px;
    margin: 0 auto;
    color: var(--qs-text);
    font-size: 17px;
    line-height: 1.68;
}

.com-content-article__body .qs-article,
.com-content-article__body .qs-article * {
    box-sizing: border-box;
}

.com-content-article__body .qs-article p {
    margin: 0 0 1.15em;
}

.com-content-article__body .qs-article a {
    color: var(--qs-blue);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.com-content-article__body .qs-article a:hover {
    color: var(--qs-pink);
}

.com-content-article__body .qs-article a:focus-visible,
.com-content-article__body .qs-article summary:focus-visible {
    outline: 3px solid rgba(214, 36, 110, 0.3);
    outline-offset: 3px;
}

/* Вводный блок с прямым ответом */

.com-content-article__body .qs-article__answer {
    position: relative;
    margin: 0 0 32px;
    padding: 25px 28px 25px 34px;
    overflow: hidden;
    border: 1px solid rgba(27, 60, 135, 0.14);
    border-radius: var(--qs-radius);
    background: linear-gradient(135deg, #f5f8ff 0%, var(--qs-white) 62%);
    box-shadow: var(--qs-shadow);
}

.com-content-article__body .qs-article__answer::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: var(--qs-pink);
    content: "";
}

.com-content-article__body .qs-article__answer-label {
    display: block;
    margin-bottom: 7px;
    color: var(--qs-blue);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.com-content-article__body .qs-article__answer p:last-child {
    margin-bottom: 0;
}

/* Служебная информация */

.com-content-article__body .qs-article__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin: 0 0 26px;
    color: var(--qs-muted);
    font-size: 14px;
}

.com-content-article__body .qs-article__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Сетка: содержание и основной текст */

.com-content-article__body .qs-article__layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

.com-content-article__body .qs-article__content {
    min-width: 0;
}

/* Содержание */

.com-content-article__body .qs-toc {
    position: sticky;
    top: 24px;
    padding: 20px;
    border: 1px solid var(--qs-line);
    border-radius: 16px;
    background: var(--qs-white);
    box-shadow: 0 8px 24px rgba(20, 31, 56, 0.06);
}

.com-content-article__body .qs-toc__title {
    margin: 0 0 13px;
    color: var(--qs-blue-dark);
    font-size: 16px;
    font-weight: 800;
}

.com-content-article__body .qs-toc ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: qs-toc;
}

.com-content-article__body .qs-toc li {
    position: relative;
    margin: 0;
    padding: 8px 0 8px 28px;
    counter-increment: qs-toc;
    border-top: 1px solid #f0f1f4;
}

.com-content-article__body .qs-toc li:first-child {
    border-top: 0;
}

.com-content-article__body .qs-toc li::before {
    position: absolute;
    top: 8px;
    left: 0;
    color: var(--qs-pink);
    font-size: 13px;
    font-weight: 800;
    content: counter(qs-toc) ".";
}

.com-content-article__body .qs-toc a {
    color: #3f4652;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
}

.com-content-article__body .qs-toc a:hover,
.com-content-article__body .qs-toc a.is-active {
    color: var(--qs-blue);
}

/* Заголовки и разделы */

.com-content-article__body .qs-article__section {
    margin: 0 0 48px;
    scroll-margin-top: 30px;
}

.com-content-article__body .qs-article h2 {
    margin: 0 0 20px;
    color: var(--qs-blue-dark);
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
    scroll-margin-top: 30px;
}

.com-content-article__body .qs-article h2::after {
    display: block;
    width: 58px;
    height: 4px;
    margin-top: 12px;
    border-radius: 10px;
    background: var(--qs-pink);
    content: "";
}

.com-content-article__body .qs-article h3 {
    margin: 30px 0 13px;
    color: var(--qs-blue);
    font-size: clamp(20px, 2.4vw, 25px);
    font-weight: 750;
    line-height: 1.3;
    scroll-margin-top: 30px;
}

.com-content-article__body .qs-article h4 {
    margin: 24px 0 10px;
    color: var(--qs-text);
    font-size: 19px;
    font-weight: 750;
}

/* Списки */

.com-content-article__body .qs-article ul,
.com-content-article__body .qs-article ol {
    margin: 0 0 24px;
    padding-left: 24px;
}

.com-content-article__body .qs-article li {
    margin-bottom: 8px;
}

.com-content-article__body .qs-article li::marker {
    color: var(--qs-pink);
    font-weight: 800;
}

/* Изображения */

.com-content-article__body .qs-article figure {
    margin: 30px 0;
}

.com-content-article__body .qs-article figure img,
.com-content-article__body .qs-article__image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--qs-radius);
    box-shadow: var(--qs-shadow);
}

.com-content-article__body .qs-article figcaption {
    margin-top: 10px;
    color: var(--qs-muted);
    font-size: 14px;
    line-height: 1.5;
}

/* Информационные блоки */

.com-content-article__body .qs-note {
    margin: 26px 0;
    padding: 21px 23px;
    border-left: 5px solid var(--qs-blue);
    border-radius: 0 14px 14px 0;
    background: #f3f6fc;
}

.com-content-article__body .qs-note--important {
    border-left-color: var(--qs-pink);
    background: var(--qs-cream);
}

.com-content-article__body .qs-note--success {
    border-left-color: var(--qs-green);
    background: #eff9f3;
}

.com-content-article__body .qs-note--warning {
    border-left-color: #d97706;
    background: #fff8e8;
}

.com-content-article__body .qs-note__title {
    display: block;
    margin-bottom: 6px;
    color: var(--qs-blue-dark);
    font-weight: 800;
}

.com-content-article__body .qs-note p:last-child {
    margin-bottom: 0;
}

/* Карточки */

.com-content-article__body .qs-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 26px 0;
}

.com-content-article__body .qs-card {
    padding: 23px;
    border: 1px solid var(--qs-line);
    border-radius: 16px;
    background: var(--qs-white);
    box-shadow: 0 8px 25px rgba(27, 60, 135, 0.06);
}

.com-content-article__body .qs-card h3,
.com-content-article__body .qs-card h4 {
    margin-top: 0;
}

.com-content-article__body .qs-card p:last-child {
    margin-bottom: 0;
}

/* Плюсы и минусы */

.com-content-article__body .qs-pros-cons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 26px 0;
}

.com-content-article__body .qs-pros,
.com-content-article__body .qs-cons {
    padding: 22px;
    border-radius: 16px;
}

.com-content-article__body .qs-pros {
    border: 1px solid #cce8d9;
    background: #f2faf6;
}

.com-content-article__body .qs-cons {
    border: 1px solid #f0d3d0;
    background: #fff6f5;
}

.com-content-article__body .qs-pros__title,
.com-content-article__body .qs-cons__title {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 800;
}

.com-content-article__body .qs-pros__title {
    color: var(--qs-green);
}

.com-content-article__body .qs-cons__title {
    color: var(--qs-red);
}

/* Таблицы */

.com-content-article__body .qs-table-wrap {
    width: 100%;
    margin: 28px 0;
    overflow-x: auto;
    border: 1px solid var(--qs-line);
    border-radius: 16px;
    background: var(--qs-white);
    box-shadow: 0 8px 25px rgba(27, 60, 135, 0.05);
    -webkit-overflow-scrolling: touch;
}

.com-content-article__body .qs-table {
    width: 100%;
    min-width: 620px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
}

.com-content-article__body .qs-table th,
.com-content-article__body .qs-table td {
    padding: 15px 17px;
    border: 0;
    border-bottom: 1px solid var(--qs-line);
    text-align: left;
    vertical-align: top;
}

.com-content-article__body .qs-table th {
    color: var(--qs-white);
    font-size: 14px;
    font-weight: 750;
    background: var(--qs-blue);
}

.com-content-article__body .qs-table tbody tr:nth-child(even) {
    background: #f8f9fc;
}

.com-content-article__body .qs-table tbody tr:last-child td {
    border-bottom: 0;
}

/* Пошаговая инструкция */

.com-content-article__body .qs-steps {
    margin: 28px 0;
    padding: 0;
    list-style: none;
    counter-reset: qs-steps;
}

.com-content-article__body .qs-steps > li {
    position: relative;
    min-height: 58px;
    margin: 0 0 20px;
    padding: 4px 0 0 72px;
    counter-increment: qs-steps;
}

.com-content-article__body .qs-steps > li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 50%;
    color: var(--qs-white);
    font-size: 18px;
    font-weight: 800;
    background: var(--qs-blue);
    content: counter(qs-steps);
}

/* Чек-лист */

.com-content-article__body .qs-checklist {
    margin: 25px 0;
    padding: 22px 24px;
    list-style: none;
    border-radius: 16px;
    background: var(--qs-cream);
}

.com-content-article__body .qs-checklist li {
    position: relative;
    padding-left: 30px;
}

.com-content-article__body .qs-checklist li::before {
    position: absolute;
    top: 1px;
    left: 0;
    color: var(--qs-green);
    font-weight: 900;
    content: "✓";
}

/* Раскрывающиеся вопросы и ответы */

.com-content-article__body .qs-faq {
    margin: 28px 0;
}

.com-content-article__body .qs-faq details {
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid var(--qs-line);
    border-radius: 14px;
    background: var(--qs-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.com-content-article__body .qs-faq details[open] {
    border-color: rgba(27, 60, 135, 0.35);
    box-shadow: 0 8px 24px rgba(27, 60, 135, 0.07);
}

.com-content-article__body .qs-faq summary {
    position: relative;
    padding: 18px 52px 18px 20px;
    color: var(--qs-blue-dark);
    font-weight: 750;
    cursor: pointer;
    list-style: none;
}

.com-content-article__body .qs-faq summary::-webkit-details-marker {
    display: none;
}

.com-content-article__body .qs-faq summary::after {
    position: absolute;
    top: 50%;
    right: 20px;
    color: var(--qs-pink);
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-50%);
    content: "+";
}

.com-content-article__body .qs-faq details[open] summary::after {
    content: "−";
}

.com-content-article__body .qs-faq__answer {
    padding: 0 20px 18px;
    color: #454545;
}

.com-content-article__body .qs-faq__answer p:last-child {
    margin-bottom: 0;
}

/* Блок эксперта */

.com-content-article__body .qs-expert {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    margin: 38px 0;
    padding: 25px;
    border: 1px solid rgba(27, 60, 135, 0.15);
    border-radius: var(--qs-radius);
    background: linear-gradient(135deg, #f5f8ff, var(--qs-white));
}

.com-content-article__body .qs-expert__photo {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border: 4px solid var(--qs-white);
    border-radius: 50%;
    box-shadow: 0 8px 22px rgba(27, 60, 135, 0.14);
}

.com-content-article__body .qs-expert__name {
    display: block;
    margin-bottom: 4px;
    color: var(--qs-blue-dark);
    font-size: 20px;
    font-weight: 800;
}

.com-content-article__body .qs-expert__role {
    display: block;
    margin-bottom: 10px;
    color: var(--qs-muted);
    font-size: 14px;
}

.com-content-article__body .qs-expert p:last-child {
    margin-bottom: 0;
}

/* Призыв обратиться в салон */

.com-content-article__body .qs-cta {
    position: relative;
    margin: 40px 0;
    padding: 32px;
    overflow: hidden;
    border-radius: 20px;
    color: var(--qs-white);
    background: linear-gradient(135deg, var(--qs-blue-dark), var(--qs-blue));
    box-shadow: 0 16px 38px rgba(27, 60, 135, 0.2);
}

.com-content-article__body .qs-cta::after {
    position: absolute;
    right: -55px;
    bottom: -75px;
    width: 190px;
    height: 190px;
    border: 35px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    content: "";
}

.com-content-article__body .qs-cta h2,
.com-content-article__body .qs-cta h3 {
    position: relative;
    z-index: 1;
    margin-top: 0;
    color: var(--qs-white);
}

.com-content-article__body .qs-cta h2::after {
    background: var(--qs-pink);
}

.com-content-article__body .qs-cta p {
    position: relative;
    z-index: 1;
    max-width: 760px;
}

.com-content-article__body .qs-button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin: 7px 8px 0 0;
    padding: 12px 21px;
    border: 0;
    border-radius: 999px;
    color: var(--qs-white) !important;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none !important;
    background: var(--qs-pink);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.com-content-article__body .qs-button:hover {
    color: var(--qs-white) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

.com-content-article__body .qs-button--light {
    color: var(--qs-blue-dark) !important;
    background: var(--qs-white);
}

/* Связанные статьи */

.com-content-article__body .qs-related {
    margin: 42px 0 20px;
    padding-top: 30px;
    border-top: 1px solid var(--qs-line);
}

.com-content-article__body .qs-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.com-content-article__body .qs-related__item {
    display: block;
    padding: 19px;
    border: 1px solid var(--qs-line);
    border-radius: 14px;
    color: var(--qs-blue-dark) !important;
    font-weight: 700;
    line-height: 1.45;
    text-decoration: none !important;
    background: var(--qs-white);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.com-content-article__body .qs-related__item:hover {
    border-color: var(--qs-pink);
    transform: translateY(-3px);
}

/* Источники и дата проверки */

.com-content-article__body .qs-sources {
    margin-top: 38px;
    padding: 20px 22px;
    border-radius: 14px;
    color: var(--qs-muted);
    font-size: 14px;
    background: #f6f7f9;
}

.com-content-article__body .qs-sources p:last-child,
.com-content-article__body .qs-sources ul:last-child {
    margin-bottom: 0;
}

/* Адаптация для планшетов */

@media (max-width: 960px) {
    .com-content-article__body .qs-article__layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .com-content-article__body .qs-toc {
        position: static;
    }

    .com-content-article__body .qs-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Адаптация для телефонов */

@media (max-width: 680px) {
    .com-content-article__body .qs-article {
        font-size: 16px;
        line-height: 1.62;
    }

    .com-content-article__body .qs-article__answer {
        padding: 21px 19px 21px 24px;
        border-radius: 14px;
    }

    .com-content-article__body .qs-card-grid,
    .com-content-article__body .qs-pros-cons,
    .com-content-article__body .qs-related__grid {
        grid-template-columns: 1fr;
    }

    .com-content-article__body .qs-card,
    .com-content-article__body .qs-note,
    .com-content-article__body .qs-cta {
        padding: 20px;
    }

    .com-content-article__body .qs-expert {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .com-content-article__body .qs-expert__photo {
        margin: 0 auto;
    }

    .com-content-article__body .qs-steps > li {
        padding-left: 58px;
    }

    .com-content-article__body .qs-steps > li::before {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .com-content-article__body .qs-button {
        width: 100%;
        margin-right: 0;
    }
}

/* Печать статьи */

@media print {
    .com-content-article__body .qs-toc,
    .com-content-article__body .qs-cta,
    .com-content-article__body .qs-related {
        display: none;
    }

    .com-content-article__body .qs-article__layout {
        display: block;
    }

    .com-content-article__body .qs-article {
        color: #000;
        font-size: 12pt;
    }

    .com-content-article__body .qs-card,
    .com-content-article__body .qs-note,
    .com-content-article__body .qs-article__answer {
        box-shadow: none;
        break-inside: avoid;
    }
}

/* BEGIN QS ELIGNA LIVE FIX v4.1 — append after existing article.css rules */
/* Restrict outer layout change to the article containing this unique id. */
.article-page.general-info-page .general-info-page__inner:has(#qs-eligna-news-v41){grid-template-columns:minmax(0,1fr)}
.article-page.general-info-page .general-info-page__inner:has(#qs-eligna-news-v41)>.general-info-page__detail{min-width:0;width:100%;max-width:100%}
.article-page.general-info-page .general-info-page__inner:has(#qs-eligna-news-v41)>.general-info-page__extra{margin-top:24px;top:auto}
.com-content-article__body #qs-eligna-news-v41 ul.qs-decor-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;list-style:none;margin:24px 0;padding:0;width:100%;max-width:100%;box-sizing:border-box}
.com-content-article__body #qs-eligna-news-v41 ul.qs-decor-list>li{display:flex;float:none;width:auto;min-width:0;max-width:100%;margin:0;padding:0;list-style:none}
.com-content-article__body #qs-eligna-news-v41 ul.qs-decor-list>li::before{content:none}
.com-content-article__body #qs-eligna-news-v41 a.qs-decor-card{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;height:100%;padding:0;margin:0;border:1px solid #e1e4e8;border-radius:12px;overflow:hidden;background:#fff;color:#122a61;text-decoration:none;box-sizing:border-box}
.com-content-article__body #qs-eligna-news-v41 .qs-decor-card__media{display:block;position:relative;flex:none;width:100%;min-width:0;aspect-ratio:16/10;overflow:hidden;background:#f3f3f3}
.com-content-article__body #qs-eligna-news-v41 .qs-decor-card__media>img{display:block;position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;box-sizing:border-box}
.com-content-article__body #qs-eligna-news-v41 .qs-decor-card__body{display:flex;flex-direction:column;flex:1;gap:6px;min-width:0;min-height:112px;padding:14px;box-sizing:border-box}
.com-content-article__body #qs-eligna-news-v41 .qs-decor-card__sku{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4;white-space:nowrap}
.com-content-article__body #qs-eligna-news-v41 .qs-decor-card__name{display:block;min-width:0;font-size:16px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.com-content-article__body #qs-eligna-news-v41 .qs-decor-swatch{display:inline-block;width:16px;height:16px;flex:0 0 16px;border:1px solid #0002;border-radius:4px}
.com-content-article__body #qs-eligna-news-v41 a.qs-decor-card:hover{border-color:#1b3c87}
.com-content-article__body #qs-eligna-news-v41 a.qs-decor-card:focus-visible{outline:3px solid #1b3c87;outline-offset:3px}
.com-content-article__body #qs-eligna-news-v41 .qs-cta .qs-button{max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;text-align:center}
@media(max-width:767px){
.com-content-article__body #qs-eligna-news-v41 ul.qs-decor-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.com-content-article__body #qs-eligna-news-v41 .qs-decor-card__body{padding:10px;min-height:126px}
.com-content-article__body #qs-eligna-news-v41 .qs-decor-card__sku,.com-content-article__body #qs-eligna-news-v41 .qs-decor-card__name{font-size:15px}
.com-content-article__body #qs-eligna-news-v41 .qs-cta .qs-button{display:block;width:100%;min-height:44px}
}
@media(max-width:359px){.com-content-article__body #qs-eligna-news-v41 ul.qs-decor-list{grid-template-columns:minmax(0,1fr)}}
.com-content-article__body #qs-eligna-news-v41 .qs-tone-u3460{background:#745a46}
.com-content-article__body #qs-eligna-news-v41 .qs-tone-u3578{background:#b2966e}
.com-content-article__body #qs-eligna-news-v41 .qs-tone-u3459{background:#aa9f90}
.com-content-article__body #qs-eligna-news-v41 .qs-tone-u915{background:#bb9f80}
.com-content-article__body #qs-eligna-news-v41 .qs-tone-u1235{background:#e2dfd2}
.com-content-article__body #qs-eligna-news-v41 .qs-tone-u1300{background:#ece7dd}
.com-content-article__body #qs-eligna-news-v41 .qs-tone-u3461{background:#a17657}
.com-content-article__body #qs-eligna-news-v41 .qs-tone-uwh8636{background:#ae9879}
.com-content-article__body #qs-eligna-news-v41 .qs-tone-uwh8633{background:#e9e2df}
/* END QS ELIGNA LIVE FIX v4.1 */

/* BEGIN QS CREO NEWS v1.0 — append after existing article.css rules */
/* Restrict outer layout change to the article containing this unique id. */
.article-page.general-info-page .general-info-page__inner:has(#qs-creo-news-v1){grid-template-columns:minmax(0,1fr)}
.article-page.general-info-page .general-info-page__inner:has(#qs-creo-news-v1)>.general-info-page__detail{min-width:0;width:100%;max-width:100%}
.article-page.general-info-page .general-info-page__inner:has(#qs-creo-news-v1)>.general-info-page__extra{margin-top:24px;top:auto}
.com-content-article__body #qs-creo-news-v1 ul.qs-decor-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;list-style:none;margin:24px 0;padding:0;width:100%;max-width:100%;box-sizing:border-box}
.com-content-article__body #qs-creo-news-v1 ul.qs-decor-list>li{display:flex;float:none;width:auto;min-width:0;max-width:100%;margin:0;padding:0;list-style:none}
.com-content-article__body #qs-creo-news-v1 ul.qs-decor-list>li::before{content:none}
.com-content-article__body #qs-creo-news-v1 a.qs-decor-card{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;height:100%;padding:0;margin:0;border:1px solid #e1e4e8;border-radius:12px;overflow:hidden;background:#fff;color:#122a61;text-decoration:none;box-sizing:border-box}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__media{display:block;position:relative;flex:none;width:100%;min-width:0;aspect-ratio:16/10;overflow:hidden;background:#f3f3f3}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__media>img{display:block;position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;box-sizing:border-box}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__body{display:flex;flex-direction:column;flex:1;gap:6px;min-width:0;min-height:112px;padding:14px;box-sizing:border-box}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__sku{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4;white-space:nowrap}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__name{display:block;min-width:0;font-size:16px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.com-content-article__body #qs-creo-news-v1 a.qs-decor-card:hover{border-color:#1b3c87}
.com-content-article__body #qs-creo-news-v1 a.qs-decor-card:focus-visible{outline:3px solid #1b3c87;outline-offset:3px}
.com-content-article__body #qs-creo-news-v1 .qs-cta .qs-button{max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;text-align:center}
@media(max-width:767px){
.com-content-article__body #qs-creo-news-v1 ul.qs-decor-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__body{padding:10px;min-height:126px}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__sku,.com-content-article__body #qs-creo-news-v1 .qs-decor-card__name{font-size:15px}
.com-content-article__body #qs-creo-news-v1 .qs-cta .qs-button{display:block;width:100%;min-height:44px}
}
@media(max-width:359px){.com-content-article__body #qs-creo-news-v1 ul.qs-decor-list{grid-template-columns:minmax(0,1fr)}}
/* END QS CREO NEWS v1.0 */
/* Additional rules remain outside all @media blocks. */
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__price{display:block;margin-top:auto;padding-top:10px;font-size:20px;font-weight:700;color:#a90059;line-height:1.35}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__body{min-height:155px}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__name{text-decoration:none;overflow-wrap:normal}
.com-content-article__body #qs-creo-news-v1 header picture{display:block;width:100%;overflow:hidden;border-radius:14px}
.com-content-article__body #qs-creo-news-v1 header picture>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;max-width:100%;margin:0}
.com-content-article__body #qs-creo-news-v1 .qs-article__content{max-width:none;width:100%}
.com-content-article__body #qs-creo-news-v1 .qs-article__content>p{max-width:78ch}
.com-content-article__body #qs-creo-news-v1 .qs-decor-note{font-size:15px;color:#535b67}
.com-content-article__body #qs-creo-news-v1 .qs-cta .qs-button{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;min-height:48px;background:#cf006d;color:#fff;border-radius:9px;text-decoration:none;font-size:17px;line-height:1.4}
.com-content-article__body #qs-creo-news-v1 .qs-cta p{margin:0}
.com-content-article__body #qs-creo-news-v1 .qs-cta{padding:24px;background:#132f67;border-radius:14px;margin:24px 0}
@media(max-width:767px){
.com-content-article__body #qs-creo-news-v1 header picture>img{aspect-ratio:3/4}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__body{min-height:164px}
.com-content-article__body #qs-creo-news-v1 .qs-decor-card__price{font-size:18px}
.com-content-article__body #qs-creo-news-v1 .qs-cta{padding:18px}
.com-content-article__body #qs-creo-news-v1 .qs-cta .qs-button{display:flex;width:100%;font-size:16px}
}
/* BEGIN QS Impressive October 2026 — isolated NEWS styles */
.article-page.general-info-page .general-info-page__inner:has(#qs-impressive-news-202610){grid-template-columns:minmax(0,1fr)}
.article-page.general-info-page .general-info-page__inner:has(#qs-impressive-news-202610)>.general-info-page__detail{min-width:0;width:100%;max-width:100%}
#qs-impressive-news-202610 .qs-article__content{max-width:none;width:100%}
#qs-impressive-news-202610 .qs-article__content>p{max-width:78ch}
#qs-impressive-news-202610 header picture{display:block;width:100%;overflow:hidden;border-radius:14px}
#qs-impressive-news-202610 header picture>img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:8/5;object-fit:contain;margin:0}
#qs-impressive-news-202610 ul.qs-decor-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:24px 0;padding:0;grid-auto-rows:1fr}
#qs-impressive-news-202610 ul.qs-decor-list>li{display:flex;min-width:0;width:auto;margin:0;padding:0;list-style:none}
#qs-impressive-news-202610 ul.qs-decor-list>li::before{content:none}
#qs-impressive-news-202610 a.qs-decor-card{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;border:1px solid #e0e3e7;border-radius:12px;overflow:hidden;background:#fff;color:#173454;text-decoration:none;box-sizing:border-box}
#qs-impressive-news-202610 .qs-decor-card__media{display:block;position:relative;flex:none;width:100%;aspect-ratio:16/10;overflow:hidden}
#qs-impressive-news-202610 .qs-decor-card__media>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;aspect-ratio:16/10;margin:0;border-radius:0;box-shadow:none}
#qs-impressive-news-202610 .qs-decor-card__body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;padding:16px}
#qs-impressive-news-202610 .qs-decor-card__sku{font-size:16px;line-height:1.4}
#qs-impressive-news-202610 .qs-decor-card__name{font-size:17px;line-height:1.4;font-weight:600;overflow-wrap:break-word}
#qs-impressive-news-202610 .qs-decor-card__description{font-size:15px;line-height:1.5;color:#4b5563}
#qs-impressive-news-202610 a.qs-decor-card:hover{border-color:#df006e}
#qs-impressive-news-202610 a.qs-decor-card:focus-visible{outline:3px solid #df006e;outline-offset:3px}
#qs-impressive-news-202610 .qs-cta{padding:24px;background:#173454;border-radius:14px;margin:24px 0}
#qs-impressive-news-202610 .qs-cta p{margin:0}
#qs-impressive-news-202610 .qs-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;box-sizing:border-box;padding:16px 24px;background:#df006e;color:#fff;border-radius:9px;text-decoration:none;text-align:center;white-space:normal;font-size:17px;line-height:1.4}
@media(max-width:991px){#qs-impressive-news-202610 ul.qs-decor-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){#qs-impressive-news-202610 header picture>img{aspect-ratio:3/4}#qs-impressive-news-202610 ul.qs-decor-list{gap:12px}#qs-impressive-news-202610 .qs-decor-card__body{padding:12px}#qs-impressive-news-202610 .qs-decor-card__name{font-size:15px}#qs-impressive-news-202610 .qs-decor-card__description{font-size:14px}#qs-impressive-news-202610 .qs-cta{padding:18px}#qs-impressive-news-202610 .qs-button{display:flex;width:100%;font-size:16px}}
@media(max-width:359px){#qs-impressive-news-202610 ul.qs-decor-list{grid-template-columns:minmax(0,1fr)}}
/* END QS Impressive October 2026 */

/* BEGIN QS MUSE NEWS draft v1.0 — append after existing article.css rules */
/* Restrict outer layout change to the article containing this unique id. */
.article-page.general-info-page .general-info-page__inner:has(#qs-muse-news-202610){grid-template-columns:minmax(0,1fr)}
.article-page.general-info-page .general-info-page__inner:has(#qs-muse-news-202610)>.general-info-page__detail{min-width:0;width:100%;max-width:100%}
.article-page.general-info-page .general-info-page__inner:has(#qs-muse-news-202610)>.general-info-page__extra{margin-top:24px;top:auto}
.com-content-article__body #qs-muse-news-202610 ul.qs-decor-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;list-style:none;margin:24px 0;padding:0;width:100%;max-width:100%;box-sizing:border-box}
.com-content-article__body #qs-muse-news-202610 ul.qs-decor-list>li{display:flex;float:none;width:auto;min-width:0;max-width:100%;margin:0;padding:0;list-style:none}
.com-content-article__body #qs-muse-news-202610 ul.qs-decor-list>li::before{content:none}
.com-content-article__body #qs-muse-news-202610 a.qs-decor-card{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;height:100%;padding:0;margin:0;border:1px solid #e1e4e8;border-radius:12px;overflow:hidden;background:#fff;color:#122a61;text-decoration:none;box-sizing:border-box}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__media{display:block;position:relative;flex:none;width:100%;min-width:0;aspect-ratio:16/10;overflow:hidden;background:#f3f3f3}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__media>img{display:block;position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;box-sizing:border-box}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__body{display:flex;flex-direction:column;flex:1;gap:6px;min-width:0;min-height:112px;padding:14px;box-sizing:border-box}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__sku{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4;white-space:nowrap}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__name{display:block;min-width:0;font-size:16px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.com-content-article__body #qs-muse-news-202610 a.qs-decor-card:hover{border-color:#1b3c87}
.com-content-article__body #qs-muse-news-202610 a.qs-decor-card:focus-visible{outline:3px solid #1b3c87;outline-offset:3px}
.com-content-article__body #qs-muse-news-202610 .qs-cta .qs-button{max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;text-align:center}
@media(max-width:767px){
.com-content-article__body #qs-muse-news-202610 ul.qs-decor-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__body{padding:10px;min-height:126px}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__sku,.com-content-article__body #qs-muse-news-202610 .qs-decor-card__name{font-size:15px}
.com-content-article__body #qs-muse-news-202610 .qs-cta .qs-button{display:block;width:100%;min-height:44px}
}
@media(max-width:359px){.com-content-article__body #qs-muse-news-202610 ul.qs-decor-list{grid-template-columns:minmax(0,1fr)}}
/* END QS MUSE NEWS draft v1.0 */
/* Additional rules remain outside all @media blocks. */
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__price{display:block;margin-top:auto;padding-top:10px;font-size:20px;font-weight:700;color:#a90059;line-height:1.35}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__body{min-height:155px}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__name{text-decoration:none;overflow-wrap:normal}
.com-content-article__body #qs-muse-news-202610 header picture{display:block;width:100%;overflow:hidden;border-radius:14px}
.com-content-article__body #qs-muse-news-202610 header picture>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;max-width:100%;margin:0}
.com-content-article__body #qs-muse-news-202610 .qs-article__content{max-width:none;width:100%}
.com-content-article__body #qs-muse-news-202610 .qs-article__content>p{max-width:78ch}
.com-content-article__body #qs-muse-news-202610 .qs-decor-note{font-size:15px;color:#535b67}
.com-content-article__body #qs-muse-news-202610 .qs-cta .qs-button{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;min-height:48px;background:#cf006d;color:#fff;border-radius:9px;text-decoration:none;font-size:17px;line-height:1.4}
.com-content-article__body #qs-muse-news-202610 .qs-cta p{margin:0}
.com-content-article__body #qs-muse-news-202610 .qs-cta{padding:24px;background:#132f67;border-radius:14px;margin:24px 0}
@media(max-width:767px){
.com-content-article__body #qs-muse-news-202610 header picture>img{aspect-ratio:3/4}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__body{min-height:164px}
.com-content-article__body #qs-muse-news-202610 .qs-decor-card__price{font-size:18px}
.com-content-article__body #qs-muse-news-202610 .qs-cta{padding:18px}
.com-content-article__body #qs-muse-news-202610 .qs-cta .qs-button{display:flex;width:100%;font-size:16px}
}

#qs-muse-news-202610 .qs-decor-card__price-label{font-size:13px;line-height:1.4;color:#596371;margin-top:auto;padding-top:10px}
#qs-muse-news-202610 .qs-decor-card__price{margin-top:0;padding-top:0}
#qs-muse-news-202610 .qs-decor-card__body{min-height:170px}

/* Muse NEWS: allow viewport below the base template minimum of 360px. */
#page:has(#qs-muse-news-202610){min-width:0}


/* BEGIN QS S1 MARKING 2026-10-15 */
/* S1: append once to the current article.css. Matches the approved local preview. */
.com-content-article__body #s1-article .qs-toc{position:static}
.com-content-article__body #s1-article .qs-article__visual{margin:32px 0 44px}
.com-content-article__body #s1-article picture{display:block}
.com-content-article__body #s1-article .qs-article__content{max-width:790px}
@media(max-width:680px){
.com-content-article__body #s1-article{font-size:17px;line-height:1.65}
.com-content-article__body #s1-article h2{font-size:26px}
.com-content-article__body #s1-article .qs-table-wrap{overflow:visible;border:0;box-shadow:none}
.com-content-article__body #s1-article .qs-table--stacked{min-width:0;display:block}
.com-content-article__body #s1-article .qs-table--stacked thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.com-content-article__body #s1-article .qs-table--stacked tbody{display:block}
.com-content-article__body #s1-article .qs-table--stacked tr{display:block;margin:0 0 24px;border-top:2px solid #1b3c87;background:white}
.com-content-article__body #s1-article .qs-table--stacked td{display:block;padding:12px 0;border-bottom:1px solid #e5e7eb}
.com-content-article__body #s1-article .qs-table--stacked td:before{content:attr(data-label);display:block;font-size:13px;font-weight:700;color:#1b3c87;margin-bottom:4px}
}

/* Match the accepted full-width visual inside the current site template. */
.com-content-article__body #s1-article .qs-article__visual{width:100%;max-width:100%}

/* Keep section titles below the existing 78px sticky site header. */
.com-content-article__body #s1-article h2{scroll-margin-top:110px}

/* The site-wide attr(width)/attr(height) rule must not crop picture mobile sources. */
.com-content-article__body #s1-article picture img{height:auto;aspect-ratio:auto;object-fit:contain}

/* Reserve exact desktop and mobile source proportions before lazy images load. */
.com-content-article__body #s1-article [data-visual="laminate-real-surface.webp"] img{aspect-ratio:1800/1012}
.com-content-article__body #s1-article [data-visual="s1-properties-desktop.webp"] img{aspect-ratio:1600/970}
.com-content-article__body #s1-article [data-visual="pw1406-real-label.webp"] img{aspect-ratio:1800/1041}
.com-content-article__body #s1-article [data-visual="s1-checklist-desktop.webp"] img{aspect-ratio:1600/960}
@media(max-width:600px){
.com-content-article__body #s1-article [data-visual="laminate-real-surface.webp"] img{aspect-ratio:900/1141}
.com-content-article__body #s1-article [data-visual="s1-properties-desktop.webp"] img{aspect-ratio:780/1390}
.com-content-article__body #s1-article [data-visual="pw1406-real-label.webp"] img{aspect-ratio:828/985}
.com-content-article__body #s1-article [data-visual="s1-checklist-desktop.webp"] img{aspect-ratio:780/1370}
}

/* END QS S1 MARKING 2026-10-15 */


/* BEGIN QS S2 APARTMENT 2026-10-16 */
/* S2: append once to the current article.css. Matches the approved local preview. */
.com-content-article__body #s2-article .qs-toc{position:static}
.com-content-article__body #s2-article .qs-article__visual{margin:32px 0 44px}
.com-content-article__body #s2-article picture{display:block}
.com-content-article__body #s2-article .qs-article__content{max-width:790px}
@media(max-width:680px){
.com-content-article__body #s2-article{font-size:17px;line-height:1.65}
.com-content-article__body #s2-article h2{font-size:26px}
.com-content-article__body #s2-article .qs-table-wrap{overflow:visible;border:0;box-shadow:none}
.com-content-article__body #s2-article .qs-table--stacked{min-width:0;display:block}
.com-content-article__body #s2-article .qs-table--stacked thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.com-content-article__body #s2-article .qs-table--stacked tbody{display:block}
.com-content-article__body #s2-article .qs-table--stacked tr{display:block;margin:0 0 24px;border-top:2px solid #1b3c87;background:white}
.com-content-article__body #s2-article .qs-table--stacked td{display:block;padding:12px 0;border-bottom:1px solid #e5e7eb}
.com-content-article__body #s2-article .qs-table--stacked td:before{content:attr(data-label);display:block;font-size:13px;font-weight:700;color:#1b3c87;margin-bottom:4px}
}

/* Match the accepted full-width visual inside the current site template. */
.com-content-article__body #s2-article .qs-article__visual{width:100%;max-width:100%}

/* Keep section titles below the existing 78px sticky site header. */
.com-content-article__body #s2-article h2{scroll-margin-top:110px}

/* The site-wide attr(width)/attr(height) rule must not crop picture mobile sources. */
.com-content-article__body #s2-article picture img{height:auto;aspect-ratio:auto;object-fit:contain}


@media(max-width:680px){.com-content-article__body #s2-article .qs-table--stacked caption{display:block;width:100%;text-align:left;font-size:14px;line-height:1.5;padding:0 0 14px}}

/* Exact source proportions; scoped to S2. */
.com-content-article__body #s2-article [data-visual="s2-real-sample.jpg"] img{aspect-ratio:1800/1012}
@media(max-width:600px){.com-content-article__body #s2-article [data-visual="s2-real-sample.jpg"] img{aspect-ratio:900/1100}}
.com-content-article__body #s2-article [data-visual="s2-pair-desktop.png"] img{aspect-ratio:1600/980}
@media(max-width:600px){.com-content-article__body #s2-article [data-visual="s2-pair-desktop.png"] img{aspect-ratio:780/1500}}
.com-content-article__body #s2-article [data-visual="s2-estimate-desktop.png"] img{aspect-ratio:1600/980}
@media(max-width:600px){.com-content-article__body #s2-article [data-visual="s2-estimate-desktop.png"] img{aspect-ratio:780/1420}}

/* Keep long editorial links inside the surrounding paragraph/list text. */
.com-content-article__body #s2-article .qs-article__content p a,.com-content-article__body #s2-article .qs-article__content li a{display:inline}

/* END QS S2 APARTMENT 2026-10-16 */
/* S3: append once to the current article.css. Matches the approved local preview. */
.com-content-article__body #s3-article .qs-toc{position:static}
.com-content-article__body #s3-article .qs-article__visual{margin:32px 0 44px}
.com-content-article__body #s3-article picture{display:block}
.com-content-article__body #s3-article .qs-article__content{max-width:790px}
@media(max-width:680px){
.com-content-article__body #s3-article{font-size:17px;line-height:1.65}
.com-content-article__body #s3-article h2{font-size:26px}
.com-content-article__body #s3-article .qs-table-wrap{overflow:visible;border:0;box-shadow:none}
.com-content-article__body #s3-article .qs-table--stacked{min-width:0;display:block}
.com-content-article__body #s3-article .qs-table--stacked thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.com-content-article__body #s3-article .qs-table--stacked tbody{display:block}
.com-content-article__body #s3-article .qs-table--stacked tr{display:block;margin:0 0 24px;border-top:2px solid #1b3c87;background:white}
.com-content-article__body #s3-article .qs-table--stacked td{display:block;padding:12px 0;border-bottom:1px solid #e5e7eb}
.com-content-article__body #s3-article .qs-table--stacked td:before{content:attr(data-label);display:block;font-size:13px;font-weight:700;color:#1b3c87;margin-bottom:4px}
}

/* Match the accepted full-width visual inside the current site template. */
.com-content-article__body #s3-article .qs-article__visual{width:100%;max-width:100%}

/* Keep section titles below the existing 78px sticky site header. */
.com-content-article__body #s3-article h2{scroll-margin-top:110px}

/* The site-wide attr(width)/attr(height) rule must not crop picture mobile sources. */
.com-content-article__body #s3-article picture img{height:auto;aspect-ratio:auto;object-fit:contain}


@media(max-width:680px){.com-content-article__body #s3-article .qs-table--stacked caption{display:block;width:100%;text-align:left;font-size:14px;line-height:1.5;padding:0 0 14px}}


/* Scoped visual proportions and source variants for S3. */
.com-content-article__body #s3-article > .qs-article__visual{max-width:620px;margin-left:auto;margin-right:auto}
.com-content-article__body #s3-article [data-gallery="s3-mobile"]{display:none}
.com-content-article__body #s3-article p a,.com-content-article__body #s3-article li a{display:inline}
.com-content-article__body #s3-article [data-gallery="s3-desktop"] img{aspect-ratio:2200/928}
@media(max-width:600px){.com-content-article__body #s3-article [data-gallery="s3-desktop"]{display:none}.com-content-article__body #s3-article [data-gallery="s3-mobile"]{display:block}.com-content-article__body #s3-article [data-gallery="s3-mobile"] figure{margin:24px 0 32px}.com-content-article__body #s3-article [data-gallery="s3-mobile"] img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}}
.com-content-article__body #s3-article [data-visual="s3-showroom.jpg"] img{aspect-ratio:1600/1836}
@media(max-width:600px){.com-content-article__body #s3-article [data-visual="s3-showroom.jpg"] img{aspect-ratio:900/1033}}
.com-content-article__body #s3-article [data-visual="s3-width.jpg"] img{aspect-ratio:1800/960}
@media(max-width:600px){.com-content-article__body #s3-article [data-visual="s3-width.jpg"] img{aspect-ratio:1000/413}}

/* Reserve each lazy mobile photograph before it loads. */
.com-content-article__body #s3-article [data-gallery="s3-mobile"] img[src$="s3-pw1043.jpg"]{aspect-ratio:900/1143}
.com-content-article__body #s3-article [data-gallery="s3-mobile"] img[src$="s3-pw3832.jpg"]{aspect-ratio:869/1312}
.com-content-article__body #s3-article [data-gallery="s3-mobile"] img[src$="s3-pw1157.jpg"]{aspect-ratio:858/1295}
.com-content-article__body #s3-article [data-gallery="s3-mobile"] img[src$="s3-pw9078.jpg"]{aspect-ratio:900/1163}
/* S4: office guide. Append once to the current article.css. */
.com-content-article__body #s4-article .qs-article__visual{width:100%;max-width:100%;margin:32px 0 44px}
.com-content-article__body #s4-article picture{display:block}
.com-content-article__body #s4-article .qs-article__content{max-width:790px}
.com-content-article__body #s4-article h2{scroll-margin-top:110px}
.com-content-article__body #s4-article .qs-article__meta{display:block}
.com-content-article__body #s4-article #s4-sources~ol{font-size:15px}
.com-content-article__body #s4-article .qs-office-entry{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0 34px;padding:26px 0;border-top:2px solid #dce3e9;border-bottom:2px solid #dce3e9}
.com-content-article__body #s4-article .qs-office-entry>div+div{padding-left:26px;border-left:1px solid #dce3e9}
.com-content-article__body #s4-article .qs-office-entry p:last-child{margin:0;font-size:.94em}

.com-content-article__body #s4-article p a,.com-content-article__body #s4-article li a{display:inline}
.com-content-article__body #s4-article .qs-toc{position:static}
.com-content-article__body #s4-article [data-visual="s4-office-zones"] img{aspect-ratio:1600/980;object-fit:contain;height:auto}
.com-content-article__body #s4-article .qs-office-kicker{font-size:.8em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#b52b59;margin:0 0 20px}
.com-content-article__body #s4-article .qs-office-triggers{margin:30px 0;padding:26px;background:#f7f2f3;border:1px solid #e4d2d8;border-radius:16px}
.com-content-article__body #s4-article .qs-office-triggers ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.com-content-article__body #s4-article .qs-office-triggers li{font-size:.94em;line-height:1.5;padding:0 16px 0 0;margin:0;border-right:1px solid #d9bfc8}
.com-content-article__body #s4-article .qs-office-triggers li:last-child{border:0;padding-right:0}
.com-content-article__body #s4-article .qs-office-triggers>p:last-child{font-size:.92em;margin:22px 0 0}
.com-content-article__body #s4-article .qs-office-documents{margin:28px 0 34px;padding:28px;background:#f3f6f8;border:1px solid #dce3e9;border-radius:16px}
.com-content-article__body #s4-article .qs-office-documents ol{list-style:none;padding:0;margin:0}
.com-content-article__body #s4-article .qs-office-documents li{display:grid;grid-template-columns:50px 1fr;gap:14px;padding:20px 0;margin:0;border-top:1px solid #dce3e9}
.com-content-article__body #s4-article .qs-office-number{font-size:1.3em;font-weight:700;line-height:1.3;color:#b52b59}
.com-content-article__body #s4-article .qs-office-documents li strong{display:block;color:#17345f;line-height:1.4}
.com-content-article__body #s4-article .qs-office-documents li p{margin:8px 0 0;font-size:.94em}
.com-content-article__body #s4-article .qs-office-documents__note{margin:8px 0 0;padding-top:20px;border-top:1px solid #dce3e9;font-size:.9em}
.com-content-article__body #s4-article .qs-table--stacked{table-layout:fixed}
.com-content-article__body #s4-article .qs-table--stacked th:first-child,.com-content-article__body #s4-article .qs-table--stacked td:first-child{width:34%}
@media(max-width:900px){.com-content-article__body #s4-article .qs-article__content{max-width:none}}
@media(max-width:600px){
.com-content-article__body #s4-article{font-size:17px;line-height:1.65}
.com-content-article__body #s4-article h2{font-size:26px}
.com-content-article__body #s4-article .qs-toc{padding:18px}
.com-content-article__body #s4-article .qs-toc a{font-size:15px}
.com-content-article__body #s4-article figcaption{font-size:13px;line-height:1.5}
.com-content-article__body #s4-article .qs-table-wrap{overflow:visible;border:0;box-shadow:none}
.com-content-article__body #s4-article .qs-table--stacked{min-width:0}
.com-content-article__body #s4-article .qs-table--stacked caption{display:block;width:100%;font-size:14px;line-height:1.5;padding:0 0 14px;text-align:left}
.com-content-article__body #s4-article .qs-office-entry{grid-template-columns:1fr;gap:22px}
.com-content-article__body #s4-article .qs-office-entry>div+div{padding:22px 0 0;border-left:0;border-top:1px solid #dce3e9}
.com-content-article__body #s4-article [data-visual="s4-office-zones"] img{aspect-ratio:780/1380}
.com-content-article__body #s4-article .qs-office-triggers,.com-content-article__body #s4-article .qs-office-documents{padding:20px}
.com-content-article__body #s4-article .qs-office-triggers ul{grid-template-columns:1fr;gap:0}
.com-content-article__body #s4-article .qs-office-triggers li{padding:14px 0;border-right:0;border-bottom:1px solid #d9bfc8}
.com-content-article__body #s4-article .qs-office-triggers li:first-child{padding-top:0}
.com-content-article__body #s4-article .qs-office-documents li{grid-template-columns:36px 1fr;gap:12px}
.com-content-article__body #s4-article .qs-table--stacked thead{display:none}
.com-content-article__body #s4-article .qs-table--stacked,.com-content-article__body #s4-article .qs-table--stacked tbody,.com-content-article__body #s4-article .qs-table--stacked tr,.com-content-article__body #s4-article .qs-table--stacked td{display:block;width:100%!important}
.com-content-article__body #s4-article .qs-table--stacked tr{border:1px solid #dce3e9;border-radius:12px;margin:0 0 14px;overflow:hidden}
.com-content-article__body #s4-article .qs-table--stacked td{padding:14px 16px;border:0;white-space:normal}
.com-content-article__body #s4-article .qs-table--stacked td+td{border-top:1px solid #e5eaf0}
.com-content-article__body #s4-article .qs-table--stacked td:before{content:attr(data-label);display:block;font-size:.77em;line-height:1.4;font-weight:700;color:#657080;margin-bottom:6px}
}