/*
 * Прокси-гейт · «Прокси» (/modules/proxy/list/): правки сайта поверх макета GPT (module-proxy-list.css).
 * Файл ведётся руками: конвертер макета его не пересобирает. Подключается после module-proxy-list.css.
 */
/* Отбор переключает общий скрипт страницы (aria-pressed) — выбранная кнопка как в макете. */
.mp.mp--proxy-list .mp-selection-tabs button[aria-pressed=true]{background:#634530;border-color:#ab825d;color:#f7d3b1}
.mp.mp--proxy-list .mp-selection-tabs button[aria-pressed=true]:hover{background:#6d4d35}
.mp.mp--proxy-list .mp-pl-panel{animation:mp-proxy-list-site-in .25s ease-out}
@keyframes mp-proxy-list-site-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mp.mp--proxy-list .mp-pl-panel{animation:none}}

/* Карточки в рамках (как на странице «Прокси-гейт»): источники данных, проверка и выгрузка, следующий шаг. */
.mp.mp--proxy-list .mp-pl-cards{gap:24px;align-items:stretch}
.mp.mp--proxy-list .mp-pl-cards>article,.mp.mp--proxy-list .mp-pl-cards>div,.mp.mp--proxy-list .mp-pl-cards>a{padding:26px 26px 24px;border:1px solid #d3dce1;border-top-width:1px;border-radius:10px;background:#fff;box-shadow:0 1px 2px #1f2a320d}
.mp.mp--proxy-list .mp-dark .mp-pl-cards>div{border-color:#3c4a52;background:linear-gradient(150deg,#23313a,#1b252b);box-shadow:none}
.mp.mp--proxy-list .mp-pl-cards p{max-width:none}
.mp.mp--proxy-list .mp-next-module-grid.mp-pl-cards>a{transition:border-color .2s,box-shadow .2s}
.mp.mp--proxy-list .mp-next-module-grid.mp-pl-cards>a:hover{border-color:#c49a74;box-shadow:0 4px 14px #1f2a3214}
@media(max-width:900px){.mp.mp--proxy-list .mp-pl-cards>article,.mp.mp--proxy-list .mp-pl-cards>div,.mp.mp--proxy-list .mp-pl-cards>a{padding:22px 20px 20px}}
/* Стрелка карточки следующего шага — внутри рамки, против заголовка; текст не заходит под неё. */
.mp.mp--proxy-list .mp-next-module-grid.mp-pl-cards>a{padding-right:56px}
.mp.mp--proxy-list .mp-next-module-grid.mp-pl-cards>a>svg{right:24px;top:62px}
@media(max-width:900px){.mp.mp--proxy-list .mp-next-module-grid.mp-pl-cards>a{padding-right:48px}.mp.mp--proxy-list .mp-next-module-grid.mp-pl-cards>a>svg{right:20px;top:58px}}

/* Палитра сайта вместо бирюзовой макета: графит плит «Установки» и карточек прокси-гейта, медь — акцент. */
.mp.mp--proxy-list .mp-ip-panel{background:linear-gradient(130deg,#2a363e,#1b262c);border-color:#5b6a6b}
.mp.mp--proxy-list .mp-ip-panel code span{color:#8fa1ac}
.mp.mp--proxy-list .mp-ip-panel>p{color:#a9b7c0}
.mp.mp--proxy-list .mp-ip-board-header>strong{color:#2c3a42}
.mp.mp--proxy-list .mp-demo-toolbar{border-bottom-color:#3c4a52}
.mp.mp--proxy-list .mp-selection-tabs{border-color:#3c4a52;background:#172025}
.mp.mp--proxy-list .mp-selection-tabs button{color:#b3c0c8}
.mp.mp--proxy-list .mp-selection-tabs button:hover{background:#2c383f}
.mp.mp--proxy-list .mp-bulk-visual{background:#1d272d;border-color:#3c4a52}
.mp.mp--proxy-list .mp-bulk-visual-label{color:#b3c0c8}
.mp.mp--proxy-list .mp-action-pair>article{background:linear-gradient(150deg,#23313a,#1b252b);border-color:#3c4a52}
.mp.mp--proxy-list .mp-action-pair h3{color:#e2e8ec}
.mp.mp--proxy-list .mp-action-pair article>p{color:#a3b1ba}
.mp.mp--proxy-list .mp-action-detail{background:#1b252b;border-color:#3c4a52}
.mp.mp--proxy-list .mp-action-detail p{color:#b3c0c8}
.mp.mp--proxy-list .mp-demo-toolbar strong{color:#e2e8ec}
.mp.mp--proxy-list .mp-demo-toolbar small{color:#8c9eaa}

/* «От показателя к адресам»: отбор языком схем «Установки» (стили схем — из макета). Над схемой — переключатель
   без своей рамки; цепочка из четырёх ячеек на шине, медью — выборка (третья); ниже две карточки в рамках. */
.mp.mp--proxy-list .mp-pl-select>.mp-demo-toolbar{border:0;padding:0 0 26px}
.mp.mp--proxy-list .mp-pl-chain{height:auto;margin-bottom:40px;padding-bottom:4px}
.mp.mp--proxy-list .mp-pl-chain .mp-cluster-parts{grid-template-columns:repeat(4,minmax(0,1fr))}
.mp.mp--proxy-list .mp-pl-chain .mp-cluster-parts>div:first-child{border-color:#5f6f746e;background:linear-gradient(135deg,#2b3840,#202b31)}
.mp.mp--proxy-list .mp-pl-chain .mp-cluster-parts>div:first-child small{color:#7e96a4}
.mp.mp--proxy-list .mp-pl-chain .mp-cluster-parts>div:first-child strong{color:#d3dee3}
.mp.mp--proxy-list .mp-pl-chain .mp-cluster-parts>div.mp-new-node{border-color:#ae805d90;background:linear-gradient(135deg,#45372b,#302a25)}
.mp.mp--proxy-list .mp-pl-chain .mp-cluster-parts>div.mp-new-node small{color:#bd9c7f}
.mp.mp--proxy-list .mp-pl-chain .mp-cluster-parts>div.mp-new-node strong{color:#e1bc9a}
.mp.mp--proxy-list .mp-pl-chain .mp-cluster-bus{margin-inline:12.5%}
.mp.mp--proxy-list .mp-pl-frames{gap:24px;align-items:stretch}
.mp.mp--proxy-list .mp-pl-frames>.mp-mta-path{display:flex;flex-direction:column;padding:28px 30px 10px;border:1px solid #3c4a52;border-radius:12px;background:linear-gradient(150deg,#23313a,#1b252b)}
.mp.mp--proxy-list .mp-pl-frames>.mp-mta-path>p{max-width:none;min-height:0;margin:16px 0 4px}
.mp.mp--proxy-list .mp-pl-frames .mp-pmta-blueprint{height:215px;margin-top:auto;background:none}
.mp.mp--proxy-list .mp-pl-frames .mp-server-plate{box-shadow:10px 12px 0 #172026,11px 13px 0 #3a464d}
@media(max-width:900px){
.mp.mp--proxy-list .mp-pl-chain .mp-cluster-parts{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp.mp--proxy-list .mp-pl-frames>.mp-mta-path{padding:22px 20px 6px}
}
@media(max-width:700px){.mp.mp--proxy-list .mp-pl-frames .mp-pmta-blueprint{height:200px;max-width:none}.mp.mp--proxy-list .mp-pl-select>.mp-demo-toolbar{flex-direction:column;align-items:flex-start}}
/* Узкие экраны: ячейки цепочки в два ряда — без шины; плита шире, значение мельче, подписи плиты столбиком. */
@media(max-width:900px){.mp.mp--proxy-list .mp-pl-chain .mp-cluster-bus{display:none}.mp.mp--proxy-list .mp-pl-chain>p{margin-top:16px}}
@media(max-width:700px){
.mp.mp--proxy-list .mp-pl-frames .mp-mta-title{flex-wrap:wrap;gap:10px}
.mp.mp--proxy-list .mp-pl-frames .mp-pmta-blueprint{height:auto;padding:30px 12px 34px 0}
.mp.mp--proxy-list .mp-pl-frames .mp-blueprint-origin{min-width:64px}
.mp.mp--proxy-list .mp-pl-frames .mp-server-plate{width:66%;padding:16px 14px 12px}
.mp.mp--proxy-list .mp-pl-frames .mp-server-plate>strong{font-size:18px}
.mp.mp--proxy-list .mp-pl-frames .mp-server-bottom{flex-direction:column;gap:4px;margin-top:14px}
}
@media(max-width:700px){.mp.mp--proxy-list .mp-pl-frames .mp-blueprint-wire span{left:4px}}
@media(max-width:700px){.mp.mp--proxy-list .mp-pl-frames .mp-server-plate{width:58%}.mp.mp--proxy-list .mp-pl-frames .mp-blueprint-origin{min-width:56px}.mp.mp--proxy-list .mp-pl-frames .mp-blueprint-wire span{left:6px;font-size:var(--t-micro)}}

/* «Вопросы»: слева под заголовком — снимок в рамке (как в эталоне; закрепление — правило module-page.css). */
.mp.mp--proxy-list .mp-faq-visual{margin-top:0}
.mp.mp--proxy-list .mp-faq-screen{border:1px solid #3c4a52;background:linear-gradient(150deg,#23313a,#1b252b);border-radius:10px;padding:18px}
.mp.mp--proxy-list .mp-faq-screen-label{display:flex;gap:9px;align-items:center;font-size:var(--t-small);color:#c3ccd2;margin-bottom:17px}
.mp.mp--proxy-list .mp-faq-screen figure{margin:0}
.mp.mp--proxy-list .mp-faq-screen .mp-zoom-link{border:0;border-radius:5px}
.mp.mp--proxy-list .mp-faq-screen>p{font-size:var(--t-caption);color:#a3b1ba;line-height:1.65;margin:15px 0 0}
@media(max-width:900px){.mp.mp--proxy-list .mp-faq-visual{margin:0 0 28px}.mp.mp--proxy-list .mp-faq-screen{padding:15px}}
/* Вопросов меньше, чем высота левой колонки: список опущен к низу — край вровень со снимком, без пустоты внизу. */
@media(min-width:901px){.mp.mp--proxy-list .mp-registry-faq .mp-faq-list{align-self:end}}