aside#reporting {background:var(--baseLight) var(--noised);background-blend-mode:color-burn;display:flex;gap:2em;}aside#reporting .blockIllustrationWrapper {position:absolute;inset:0;overflow:hidden;pointer-events:none;filter:grayscale(1) brightness(1.2);}aside#reporting .blockIllustrationWrapper img.blockIllustration {opacity:0.1;}aside#reporting .row {display:flex;flex-direction:column;}

    /* Экран — ровно в вырез рамки phone-cover.svg (viewBox 500×1000, вырез x 29.4–470.6, y 23.1–977.5, радиус
       ~52): в рамке 400×800 это поля 18.5 и 23.5 px и радиус 42. Скриншоты 739×1600 встают в него без полос.
       flex: none — в ряду блока телефон сжимался (363 px), а рамка оставалась 400 px, и справа светилась щель. */aside#reporting .inPhoneSlider {position:relative;box-sizing:border-box;flex:none;height:800px;width:400px;padding:18.5px 23.5px;margin:-150px auto;filter:drop-shadow(0 0.25em 1em #1113);z-index:5;}

    /* До 1180 px телефон стоит у края: стрелки — внутри его рамки, а не за экраном */
    @media screen and (max-width: 1180px) {aside#reporting .inPhoneSlider .sliderActions.sliderActions {left:0;width:100%;margin:-40px 0 0;}
    }

    /* После блока такси телефон заходит в него чуть-чуть: на фото такси стоит справа внизу, глубокий заход закрыл бы машину */aside#taxiForm + aside#reporting .inPhoneSlider {margin-top:-2rem;}aside#reporting .inPhoneSlider::after {content:'';display:block;position:absolute;inset:0;height:800px;width:400px;background:url(/media/theme/i/phone-cover.svg) no-repeat center center;background-size:contain;pointer-events:none;z-index:20;}aside#reporting .inPhoneSlider .sliderWrapper {height:100%;}aside#reporting .inPhoneSlider .slider {align-items:stretch;height:100%;border-radius:42px;overflow:hidden;background:black;}aside#reporting .inPhoneSlider .slider img {height:100%;object-fit:cover;object-position:top center;}aside#reporting .inPhoneSlider .sliderActions {position:absolute;top:50%;margin:-40px;width:440px;z-index:30;}aside#reporting .inPhoneSlider .sliderActions > i {display:none;visibility:hidden;}aside#reporting .inPhoneSlider .sliderActions > span {background:var(--baseLight);}aside#reporting ul.reportList {display:flex;flex-direction:column;gap:2em;margin:2em 0 0;}aside#reporting ul.reportList li {display:inline-flex;flex-direction:column;font-size:1.1em;}

    /* Бирюза #24b4b0 на светлом — 2.5:1; на светлом фоне — тёмная бирюза, на тёмном — фирменная */aside#reporting ul.reportList li strong {font-size:1.5em;font-weight:400;color:var(--primaryDarkColor);}

    /* Телефон: подзаголовки пунктов не крупнее заголовка блока */
    @media screen and (max-width: 600px) {aside#reporting ul.reportList li strong {font-size:1.2em;}
    }[data-theme='dark'] aside#reporting ul.reportList li strong {color:var(--primaryColor);}[data-theme='dark'] aside#reporting {background:var(--baseDark) var(--noised);background-blend-mode:color-burn;}

    @media screen and (max-width: 900px) {aside#reporting {flex-direction:column;}aside#reporting .inPhoneSlider {height:560px;width:280px;padding:12.9px 16.5px;margin:0 auto;}aside#reporting .inPhoneSlider .slider {border-radius:29px;}aside#reporting .inPhoneSlider::after {height:560px;width:280px;}aside#reporting .inPhoneSlider .sliderWrapper {height:100%;}aside#reporting .inPhoneSlider .sliderActions {width:310px;margin:-40px -15px;}
    }