/**
 * Интерактивные иллюстрации и сценарии инклюзивной страницы.
 * Использует существующие редакционные переменные, поддерживает обе темы и reduced motion.
 */
:root body .solution-brochure.is-inclusive .in-copy {max-width:none;}
:root body .solution-brochure.is-inclusive .in-copy>p {max-width:1080px;}
:root body .solution-brochure.is-inclusive .in-workbench {display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);column-gap:48px;row-gap:24px;margin-top:40px;align-items:start;}
:root body .solution-brochure.is-inclusive .in-copy .in-workbench-label {grid-column:1/-1;font-size:18px;font-weight:600;letter-spacing:.02em;color:var(--cr-accent);margin:0;}
:root body .solution-brochure.is-inclusive .in-copy .in-options {display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;}
:root body .solution-brochure.is-inclusive .in-copy .in-options>li {display:block;margin:0;padding:0;border:0;}
:root body .solution-brochure.is-inclusive .in-copy .in-options>li::before {display:none;}
:root body .solution-brochure.is-inclusive .in-options button {display:flex;align-items:center;gap:16px;width:100%;height:100%;min-height:76px;padding:18px 20px;border:1px solid var(--cr-line);border-radius:16px;background:transparent;text-align:left;color:var(--cr-copy);font:inherit;font-size:20px;line-height:1.4;cursor:pointer;}
:root body .solution-brochure.is-inclusive .in-options button[aria-pressed="true"] {color:var(--cr-ink);font-weight:600;border-color:var(--cr-accent);background:color-mix(in srgb,var(--cr-accent) 9%,transparent);}
:root body .solution-brochure.is-inclusive .in-choice-number {font-size:14px;color:var(--cr-accent);font-weight:600;}
:root body .solution-brochure.is-inclusive .in-choice-mark {margin-left:auto;color:var(--cr-accent);opacity:0;}
:root body .solution-brochure.is-inclusive button[aria-pressed="true"] .in-choice-mark {opacity:1;}
:root body .solution-brochure.is-inclusive .in-visual {min-width:0;}
:root body .solution-brochure.is-inclusive .in-scene {position:relative;isolation:isolate;overflow:hidden;margin:0;border-radius:28px;background:#f4eee7;aspect-ratio:3/2;}
:root body .solution-brochure.is-inclusive .in-scene>img {display:block;width:100%;height:100%;object-fit:contain;transform-origin:var(--focus-x) var(--focus-y);}
:root body .solution-brochure.is-inclusive .in-scene figcaption {position:absolute;z-index:2;bottom:16px;left:20px;right:20px;width:fit-content;padding:6px 12px;border-radius:16px;background:rgba(255,255,255,.9);color:#536176;font-size:13px;line-height:1.3;}
:root body .solution-brochure.is-inclusive .in-zone {position:absolute;left:var(--focus-x);top:var(--focus-y);width:var(--focus-width);height:var(--focus-height);transform:translate(-50%,-50%);border:2px solid #b55224;border-radius:28px;box-shadow:0 0 0 1000px rgba(20,31,39,.12),0 0 32px rgba(255,181,144,.28);pointer-events:none;}
:root body .solution-brochure.is-inclusive .in-sensory .in-zone {border-color:var(--cr-accent);box-shadow:0 0 0 1000px rgba(4,12,18,.26),0 0 30px rgba(255,181,144,.2);backdrop-filter:brightness(1.15);}
:root body .solution-brochure.is-inclusive .in-detail {position:relative;padding:28px 0 0;min-height:206px;}
:root body .solution-brochure.is-inclusive .in-detail-count {display:block;margin-bottom:12px;font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--cr-accent);}
:root body .solution-brochure.is-inclusive .in-detail h4 {margin:0 0 14px;color:var(--cr-ink);font-size:32px;line-height:1.15;letter-spacing:-.025em;font-weight:600;}
:root body .solution-brochure.is-inclusive .in-detail p {max-width:64ch;margin:0;font-size:21px;line-height:1.55;color:var(--cr-copy);}
:root body .solution-brochure.is-inclusive .in-workbench-support {grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);}
:root body .solution-brochure.is-inclusive .in-workbench-support .in-scene {aspect-ratio:3/2;}
:root body .solution-brochure.is-inclusive .in-workbench-support .in-scene img {object-fit:contain;}
:root body .solution-brochure.is-inclusive .in-workbench-support .in-detail {display:block;min-height:206px;}
:root body .solution-brochure.is-inclusive .in-workbench-support .in-detail-count {grid-column:1/-1;}
:root body .solution-brochure.is-inclusive .in-workbench-support .in-detail h4 {font-size:32px;}
:root body .solution-brochure.is-inclusive .in-options button:focus-visible {outline:3px solid var(--cr-accent);outline-offset:4px;}
@media(prefers-reduced-motion:no-preference) {
    :root body .solution-brochure.is-inclusive .in-zone {transition:left .65s ease,top .65s ease,width .65s ease,height .65s ease;}
    :root body .solution-brochure.is-inclusive .in-scene.is-changing>img {animation:in-scene-focus .85s ease both;}
    :root body .solution-brochure.is-inclusive .in-scene.is-changing .in-zone {animation:in-zone-light .85s ease both;}
    @keyframes in-scene-focus {0% {filter:saturate(.85);transform:scale(1);}100% {filter:saturate(1.06);transform:scale(1.025);}}
    @keyframes in-zone-light {0% {background:rgba(255,223,190,.16);}100% {background:transparent;}}
}
@media(max-width:1100px) {
    :root body .solution-brochure.is-inclusive .in-workbench {column-gap:28px;grid-template-columns:minmax(220px,.85fr) minmax(0,1.3fr);}
    :root body .solution-brochure.is-inclusive .in-workbench-support {grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);}
}
@media(max-width:760px) {
    :root body .solution-brochure.is-inclusive .in-workbench {display:flex;flex-direction:column;gap:24px;margin-top:32px;}
    :root body .solution-brochure.is-inclusive .in-workbench .in-options {width:100%;}
    :root body .solution-brochure.is-inclusive .in-workbench:not(.in-workbench-support) .in-options {flex-direction:row;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding:4px;}
    :root body .solution-brochure.is-inclusive .in-workbench:not(.in-workbench-support) .in-options>li {flex:0 0 82%;scroll-snap-align:start;}
    :root body .solution-brochure.is-inclusive .in-workbench:not(.in-workbench-support) .in-options button {min-height:94px;padding:16px;}
    :root body .solution-brochure.is-inclusive .in-options button {font-size:18px;min-height:60px;padding:16px 12px;}
    :root body .solution-brochure.is-inclusive .in-workbench-support .in-options {grid-template-columns:1fr;gap:8px;}
    :root body .solution-brochure.is-inclusive .in-workbench-support .in-options button {min-height:56px;padding:14px 16px;}
    :root body .solution-brochure.is-inclusive .in-visual {width:100%;}
    :root body .solution-brochure.is-inclusive .in-scene,
    :root body .solution-brochure.is-inclusive .in-workbench-support .in-scene {aspect-ratio:3/2;border-radius:20px;}
    :root body .solution-brochure.is-inclusive .in-scene figcaption {left:8px;right:8px;bottom:8px;padding:4px 8px;font-size:10px;}
    :root body .solution-brochure.is-inclusive .in-zone {border-width:1px;border-radius:14px;}
    :root body .solution-brochure.is-inclusive .in-detail,
    :root body .solution-brochure.is-inclusive .in-workbench-support .in-detail {display:block;padding-top:24px;min-height:230px;}
    :root body .solution-brochure.is-inclusive .in-detail h4,
    :root body .solution-brochure.is-inclusive .in-workbench-support .in-detail h4 {font-size:28px;}
    :root body .solution-brochure.is-inclusive .in-detail p {font-size:19px;}
}
