/*
 * Подстраницы прокси-гейта без макета GPT (Наборы, Правила, Гейты, Проверки, Аналитика, Свои прокси, Источники, Журнал):
 * собраны по образцу «Прокси» — разметка и стили те же (module-proxy-list.css + module-proxy-list-site.css, корень
 * .mp--proxy-list .mp--proxy-sub). Здесь — общее для них: светлые разделы со схемами в тёмных блоках (как «Маршрут»
 * на прокси-гейте), подпись под разделом, узкие снимки окон. Файл ведётся руками. Подключается после module-proxy-list-site.css.
 */
/* Светлый раздел: колонки — белые рамки, схема внутри — тёмная; цепочка — тёмные ячейки, медь — главная. */
.mp.mp--proxy-sub .mp-light .mp-pl-frames>.mp-mta-path{border-color:#d3dce1;background:#fff;box-shadow:0 1px 2px #1f2a320d}
.mp.mp--proxy-sub .mp-light .mp-mta-title h3{color:#1f2a32}
.mp.mp--proxy-sub .mp-light .mp-mta-title>span{color:#8f5f39;border-color:#c9a88b}
.mp.mp--proxy-sub .mp-light .mp-mta-path>p{color:#5f717c}
.mp.mp--proxy-sub .mp-light .mp-blueprint-origin strong{color:#5f717c}
.mp.mp--proxy-sub .mp-light .mp-blueprint-wire span{color:#9a6c47}
.mp.mp--proxy-sub .mp-light .mp-pl-frames .mp-server-plate{box-shadow:10px 12px 0 #d5dde2,11px 13px 0 #b9c5cc}
.mp.mp--proxy-sub .mp-light .mp-cluster-caption{color:#7a8c96}
.mp.mp--proxy-sub .mp-light .mp-cluster-bus,.mp.mp--proxy-sub .mp-light .mp-cluster-bus:before{border-color:#a8805c99}
.mp.mp--proxy-sub .mp-light .mp-cluster-blueprint>p{color:#6b7e89}
.mp.mp--proxy-sub .mp-light .mp-cluster-blueprint{background:radial-gradient(ellipse at center,#c2895714,transparent 70%)}
/* Значение плиты бывает длинным (домен, имя пула) — переносится, а не вылезает. */
.mp.mp--proxy-sub .mp-server-plate>strong{display:block;overflow-wrap:anywhere}
.mp.mp--proxy-sub .mp-server-bottom span{min-width:0;overflow-wrap:anywhere}
.mp.mp--proxy-sub .mp-pl-chain .mp-cluster-parts strong{overflow-wrap:anywhere}
/* Сумма адресов: карточки исходов — после цепочки. */
.mp.mp--proxy-sub #outside .mp-data-origin-grid{margin-top:0}
/* Подпись под разделом. */
.mp.mp--proxy-sub .mp-pl-note{margin:26px 0 0;font-size:var(--t-small);line-height:1.65;color:#8c9eaa;max-width:none}
/* Снимки окон (880 px) — не растягивать на всю колонку. */
.mp.mp--proxy-sub figure.mp-pp-narrow{max-width:760px}
/* Первый экран: один снимок во вкладке. */
.mp.mp--proxy-sub .mp-pp-hero-screens .mp-hero-table{margin:0}
/* Цепочка из пяти ячеек (шаги проверки) и ряд из четырёх карточек (расписание). */
.mp.mp--proxy-sub .mp-pl-chain-5 .mp-cluster-parts{grid-template-columns:repeat(5,minmax(0,1fr))}
.mp.mp--proxy-sub .mp-pl-chain-5 .mp-cluster-bus{margin-inline:10%}
/* Цепочка из трёх ячеек (этапы пути письма). */
.mp.mp--proxy-sub .mp-pl-chain-3 .mp-cluster-parts{grid-template-columns:repeat(3,minmax(0,1fr))}
.mp.mp--proxy-sub .mp-pl-chain-3 .mp-cluster-bus{margin-inline:16.5%}
@media(max-width:900px){.mp.mp--proxy-sub .mp-pl-chain-3 .mp-cluster-parts{grid-template-columns:minmax(0,1fr)}}
.mp.mp--proxy-sub .mp-pl-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.mp.mp--proxy-sub .mp-pl-cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mp.mp--proxy-sub .mp-pl-chain-5 .mp-cluster-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mp.mp--proxy-sub .mp-pl-cards-4{grid-template-columns:minmax(0,1fr)}}
/* Карточки и рамки со схемами подряд — с зазором, как между рядами карточек. */
.mp.mp--proxy-sub .mp-data-origin-grid+.mp-pl-frames{margin-top:24px}
/* Карточки на тёмном разделе — графитовые, как рамки со схемами. */
.mp.mp--proxy-sub .mp-dark .mp-data-origin-grid.mp-pl-cards>article{border-color:#3c4a52;background:linear-gradient(150deg,#23313a,#1b252b);box-shadow:none}
.mp.mp--proxy-sub .mp-dark .mp-data-origin-grid article>span{color:#c79873}
.mp.mp--proxy-sub .mp-dark .mp-data-origin-grid h3{color:#e2e8ec}
.mp.mp--proxy-sub .mp-dark .mp-data-origin-grid p{color:#a3b1ba}
/* Узкие высокие снимки (боковая сводка формы) — в свою ширину. */
.mp.mp--proxy-sub figure.mp-pp-slim{max-width:400px}
/* Несколько снимков одного экрана — галерея: каждый в своей ширине, переносятся в ряды. */
.mp.mp--proxy-sub figure.mp-pp-gallery{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.mp.mp--proxy-sub figure.mp-pp-gallery>a.mp-zoom-link{min-width:0}
.mp.mp--proxy-sub figure.mp-pp-gallery>figcaption{flex-basis:100%}