/**
 * Редакционные интерактивные блоки дополнительного образования по выбранному макету.
 * Оформляет сравнения, инженерные схемы и медиасцены; использует токены обеих тем.
 * Мобильная версия сохраняет нативное управление и полное исходное содержание.
 */
:root body .solution-brochure.is-additional .ad-interactive-layout {display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.85fr);gap:48px;align-items:start;}
:root body .solution-brochure.is-additional .ad-original {max-width:none;min-width:0;}
:root body .solution-brochure.is-additional .ad-original p {font-size:22px;line-height:1.5;}
:root body .solution-brochure.is-additional .ad-original ul {display:flex;flex-direction:column;gap:0;margin-top:24px;}
:root body .solution-brochure.is-additional .ad-original li {font-size:20px;padding:20px 0;gap:12px;grid-template-columns:24px minmax(0,1fr);}
:root body .solution-brochure.is-additional .ad-original li::before {font-size:14px;}
:root body .solution-brochure.is-additional .ad-demo {min-width:0;}
:root body .solution-brochure.is-additional .ad-compare-images,
:root body .solution-brochure.is-additional :is(.ad-engineering-figure,.ad-media-figure) {position:relative;isolation:isolate;margin:0;aspect-ratio:3/2;border-radius:28px;overflow:hidden;background:var(--cr-surface);}
:root body .solution-brochure.is-additional .ad-compare-images>img,
:root body .solution-brochure.is-additional :is(.ad-engineering-figure,.ad-media-figure)>img {display:block;width:100%;height:100%;object-fit:cover;}
:root body .solution-brochure.is-additional .ad-compare-images>.ad-compare-before {position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--ad-split)) 0 0);}
:root body .solution-brochure.is-additional .ad-compare-divider {position:absolute;z-index:2;left:var(--ad-split);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;}
:root body .solution-brochure.is-additional .ad-compare-divider>span {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 4px 20px #17203326;}
:root body .solution-brochure.is-additional .ad-compare-divider img {width:18px;height:18px;}
:root body .solution-brochure.is-additional [data-ad-compare] {position:absolute;z-index:3;inset:0;display:block;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;}
:root body .solution-brochure.is-additional .ad-compare-images:has(:focus-visible) {outline:3px solid var(--cr-accent);outline-offset:5px;}
:root body .solution-brochure.is-additional .ad-compare-labels {display:flex;justify-content:space-between;gap:24px;margin-top:18px;font-size:18px;font-weight:600;line-height:1.4;color:var(--cr-ink);}
:root body .solution-brochure.is-additional .ad-caption {font-size:16px;line-height:1.5;color:var(--cr-copy);margin:12px 0 0;}
:root body .solution-brochure.is-additional .ad-explanation {padding-top:28px;}
:root body .solution-brochure.is-additional .ad-explanation h4 {font-size:36px;font-weight:600;line-height:1.15;letter-spacing:-.035em;color:var(--cr-ink);margin:0 0 16px;}
:root body .solution-brochure.is-additional .ad-explanation p {max-width:62ch;font-size:22px;line-height:1.55;color:var(--cr-copy);margin:0;}
:root body .solution-brochure.is-additional .ad-choices {display:flex;gap:12px;align-items:stretch;margin:0 0 20px;}
:root body .solution-brochure.is-additional .ad-choices button {flex:1 1 0;min-width:0;min-height:60px;padding:16px 18px;border:1px solid var(--cr-line);border-radius:16px;background:transparent;color:var(--cr-copy);font:inherit;font-size:18px;line-height:1.35;cursor:pointer;}
:root body .solution-brochure.is-additional .ad-choices [aria-pressed="true"] {background:color-mix(in srgb,var(--cr-accent) 9%,transparent);border-color:var(--cr-accent);color:var(--cr-ink);font-weight:600;}
:root body .solution-brochure.is-additional .ad-choice-hint {margin:-4px 0 20px;}
:root body .solution-brochure.is-additional :is(.ad-engineering-figure,.ad-media-figure) figcaption {position:absolute;left:16px;bottom:16px;right:16px;width:fit-content;border-radius:20px;background:#fffffff0;color:#536176;font-size:14px;line-height:1.4;padding:6px 12px;}
:root body .solution-brochure.is-additional .ad-process-toggle {margin-top:24px;min-height:52px;padding:14px 22px;border:1px solid var(--cr-accent);border-radius:28px;background:transparent;color:var(--cr-accent);font:inherit;font-weight:600;font-size:18px;cursor:pointer;}
:root body .solution-brochure.is-additional .ad-process-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 0;padding:28px 0 0;border:0;border-top:1px solid var(--cr-line);list-style:none;}
:root body .solution-brochure.is-additional .ad-process-steps li {display:block;margin:0;padding:0;border:0;}
:root body .solution-brochure.is-additional .ad-process-steps li::before {display:none;}
:root body .solution-brochure.is-additional .ad-step-number {display:block;font-size:14px;color:var(--cr-accent);font-weight:600;margin-bottom:12px;}
:root body .solution-brochure.is-additional .ad-process-steps h5 {font-size:22px;line-height:1.3;color:var(--cr-ink);margin:0 0 10px;font-weight:600;}
:root body .solution-brochure.is-additional .ad-process-steps p {font-size:18px;line-height:1.5;color:var(--cr-copy);margin:0;}
:root body .solution-brochure.is-additional .ad-process-marker {position:absolute;display:grid;place-items:center;width:44px;height:44px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#6843ae;color:#fff;font-size:18px;font-weight:600;box-shadow:0 2px 16px #17203326;}
:root body .solution-brochure.is-additional .ad-demo [hidden] {display:none!important;}
:root body .solution-brochure.is-additional .ad-demo button:focus-visible {outline:3px solid var(--cr-accent);outline-offset:4px;}
@media(prefers-reduced-motion:no-preference) {
    :root body .solution-brochure.is-additional .ad-process-markers:not([hidden]) .ad-process-marker {animation:ad-marker-in .55s both;animation-delay:calc(var(--ad-order)*.25s);}
    @keyframes ad-marker-in {from {opacity:0;transform:translate(-50%,-50%) scale(.7);}to {opacity:1;transform:translate(-50%,-50%) scale(1);}}
}
@media(max-width:1100px) {
    :root body .solution-brochure.is-additional .ad-interactive-layout {grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:28px;}
    :root body .solution-brochure.is-additional .ad-choices {gap:8px;flex-wrap:wrap;}
    :root body .solution-brochure.is-additional .ad-choices [data-ad-engineering] {flex:1 1 calc(50% - 8px);}
    :root body .solution-brochure.is-additional .ad-choices button {font-size:16px;padding:14px 10px;}
    :root body .solution-brochure.is-additional .ad-process-steps {grid-template-columns:1fr;gap:22px;}
    :root body .solution-brochure.is-additional .ad-process-steps li {display:grid;grid-template-columns:28px 1fr;gap:12px;}
}
@media(max-width:760px) {
    :root body .solution-brochure.is-additional .ad-interactive-layout {display:flex;flex-direction:column;gap:32px;}
    :root body .solution-brochure.is-additional .ad-demo {width:100%;}
    :root body .solution-brochure.is-additional .ad-original p {font-size:20px;}
    :root body .solution-brochure.is-additional .ad-original li {font-size:19px;padding:18px 0;}
    :root body .solution-brochure.is-additional :is(.ad-compare-images,.ad-engineering-figure,.ad-media-figure) {border-radius:20px;}
    :root body .solution-brochure.is-additional .ad-compare-divider>span {width:44px;height:44px;}
    :root body .solution-brochure.is-additional .ad-compare-labels {font-size:16px;margin-top:14px;}
    :root body .solution-brochure.is-additional .ad-caption {font-size:15px;}
    :root body .solution-brochure.is-additional .ad-explanation {padding-top:24px;}
    :root body .solution-brochure.is-additional .ad-explanation h4 {font-size:30px;}
    :root body .solution-brochure.is-additional .ad-explanation p {font-size:20px;}
    :root body .solution-brochure.is-additional .ad-choices {flex-wrap:wrap;gap:8px;margin-bottom:18px;}
    :root body .solution-brochure.is-additional .ad-choices [data-ad-engineering] {flex:1 1 calc(50% - 8px);min-height:56px;}
    :root body .solution-brochure.is-additional .ad-choices button {font-size:16px;padding:14px 12px;}
    :root body .solution-brochure.is-additional :is(.ad-engineering-figure,.ad-media-figure) figcaption {left:10px;right:10px;bottom:10px;font-size:12px;padding:5px 9px;}
    :root body .solution-brochure.is-additional .ad-process-marker {width:32px;height:32px;font-size:15px;}
}