/*
 * Прокси-гейт (/modules/proxy/): схемы разделов «Маршрут», «Источники данных», «Настройка» и «Правила и события» —
 * языком схем «Установки» (правило сайта с 26.10.2026: узел H, провод, плита с тенью, ячейки на шине, плашки). Основа —
 * те же правила, что в module-dns-site.css (из module-install.css), в области .mp--proxy, со светлым вариантом; ниже —
 * сетки страницы. Файл ведётся руками: конвертер макета его не пересобирает. Подключается после module-proxy.css.
 */
.mp.mp--proxy .mp-mta-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px}
.mp.mp--proxy .mp-mta-path{padding-top:24px;border-top:1px solid #b3c4cc24}
.mp.mp--proxy .mp-mta-title{display:flex;align-items:center;gap:14px}
.mp.mp--proxy .mp-mta-title h3{font-size:var(--t-h3);line-height:1.22;margin:0;font-weight:800;letter-spacing:-.02em}
.mp.mp--proxy .mp-mta-title>span{font-size:var(--t-caption);color:#c79873;border:1px solid #9b765d55;border-radius:4px;padding:3px 7px}
.mp.mp--proxy .mp-mta-path>p{font-size:var(--t-body);line-height:1.65;color:#9daeb9;max-width:510px;margin:16px 0 20px;min-height:72px}
.mp.mp--proxy .mp-pmta-blueprint{display:flex;align-items:center;height:235px;position:relative;padding:20px 18px 24px 0;background:radial-gradient(ellipse at 70% 55%,#99704710,transparent 65%)}
.mp.mp--proxy .mp-blueprint-origin{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:85px}
.mp.mp--proxy .mp-hub-mark{height:38px;width:38px;border:1px solid #9f7855;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#67452e,#332a23);color:#d2a783;font-size:23px;font-weight:800;box-shadow:0 0 25px #b38a4c10}
.mp.mp--proxy .mp-blueprint-origin strong{font-size:var(--t-caption);font-weight:700;color:#9aaeb9}
.mp.mp--proxy .mp-blueprint-wire{height:1px;flex:1;background:linear-gradient(90deg,#b7885a,#75604a);position:relative;min-width:35px}
.mp.mp--proxy .mp-blueprint-wire:after{content:"";position:absolute;left:0;top:-1px;width:5px;height:3px;background:#e4b88b;border-radius:3px;animation:mp-proxy-site-link-flow 5s linear infinite}
.mp.mp--proxy .mp-blueprint-wire span{position:absolute;top:-24px;left:40%;font-size:var(--t-label);color:#ab896a}
.mp.mp--proxy .mp-server-plate{width:57%;border:1px solid #5b6a6b;border-radius:9px;background:linear-gradient(130deg,#2a363e,#1b262c);padding:21px 20px 16px;box-shadow:10px 12px 0 #202a31,11px 13px 0 #48535766}
.mp.mp--proxy .mp-server-lights{float:right;display:flex;gap:4px}
.mp.mp--proxy .mp-server-lights i{width:3px;height:3px;border-radius:100%;background:#b18c67}
.mp.mp--proxy .mp-server-label{display:block;text-transform:uppercase;letter-spacing:.06em;color:#8198a5;font-size:var(--t-micro);margin-bottom:8px}
.mp.mp--proxy .mp-server-plate>strong{font-size:22px;color:#e0d6c8;font-weight:700;letter-spacing:-.02em}
.mp.mp--proxy .mp-server-bottom{display:flex;justify-content:space-between;gap:10px;font-size:var(--t-label);color:#859aa8;border-top:1px solid #81939e25;margin-top:20px;padding-top:12px}
.mp.mp--proxy .mp-system-tags{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.mp.mp--proxy .mp-system-tags span{font-size:var(--t-label);color:#8ea3b0;padding:4px 8px;border:1px solid #8499a426;border-radius:4px}
.mp.mp--proxy .mp-cluster-toggle{display:flex;gap:17px;margin-top:18px}
.mp.mp--proxy .mp-cluster-toggle button{font-size:var(--t-caption);padding:0 0 6px;border-bottom:1px solid transparent;color:#8498a7}
.mp.mp--proxy .mp-cluster-toggle button[aria-pressed=true]{color:#d8ad88;border-bottom-color:#b38865}
.mp.mp--proxy .mp-cluster-blueprint{height:198px;background:radial-gradient(ellipse at center,#9c704218,transparent 70%);padding-top:17px;animation:mp-proxy-site-panel-in .25s ease-out}
.mp.mp--proxy .mp-cluster-caption{font-size:var(--t-micro);letter-spacing:.06em;color:#768e9e;text-transform:uppercase;margin-bottom:16px}
.mp.mp--proxy .mp-cluster-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mp.mp--proxy .mp-cluster-parts>div{border:1px solid #5f6f746e;border-radius:6px;padding:14px 11px;background:linear-gradient(135deg,#2b3840,#202b31);min-width:0}
.mp.mp--proxy .mp-cluster-parts>div:first-child{border-color:#ae805d90;background:linear-gradient(135deg,#45372b,#302a25)}
.mp.mp--proxy .mp-cluster-parts small{display:block;font-size:var(--t-micro);color:#7e96a4;white-space:nowrap}
.mp.mp--proxy .mp-cluster-parts strong{display:block;font-size:var(--t-body);font-weight:700;color:#d3dee3;margin-top:4px}
.mp.mp--proxy .mp-cluster-parts>div:first-child small{color:#bd9c7f}
.mp.mp--proxy .mp-cluster-parts>div:first-child strong{color:#e1bc9a}
.mp.mp--proxy .mp-cluster-bus{height:23px;border:1px solid #a8805c77;border-top:0;border-radius:0 0 7px 7px;margin-inline:16.5%;position:relative}
.mp.mp--proxy .mp-cluster-bus:before{content:"";position:absolute;left:50%;top:0;height:100%;border-left:1px solid #a8805c77}
.mp.mp--proxy .mp-cluster-blueprint>p{text-align:center;font-size:var(--t-label);color:#8c9eaa;margin:12px 0 0}
.mp.mp--proxy .mp-launch-map-header .mp-hub-mark{width:29px;height:29px;font-size:18px;border-radius:8px}
@media(max-width:1200px){
.mp.mp--proxy .mp-mta-comparison,.mp.mp--proxy .mp-requirements-grid{gap:45px}
.mp.mp--proxy .mp-cluster-parts{gap:8px}
.mp.mp--proxy .mp-cluster-parts strong{font-size:var(--t-list)}
.mp.mp--proxy .mp-cluster-parts>div{padding:12px 8px}
}
@media(max-width:1020px){
.mp.mp--proxy .mp-mta-comparison,.mp.mp--proxy .mp-requirements-grid{gap:35px}
.mp.mp--proxy .mp-cluster-parts small{font-size:9.5px}
.mp.mp--proxy .mp-cluster-parts strong{font-size:var(--t-caption)}
.mp.mp--proxy .mp-mta-title h3{font-size:var(--t-h3);letter-spacing:-.02em}
.mp.mp--proxy .mp-server-plate{padding:17px 15px}
.mp.mp--proxy .mp-server-plate>strong{font-size:19px}
}
@media(max-width:900px){
.mp.mp--proxy .mp-mta-comparison{gap:30px}
.mp.mp--proxy .mp-mta-path>p{min-height:95px;font-size:var(--t-list)}
.mp.mp--proxy .mp-cluster-toggle{gap:12px}
.mp.mp--proxy .mp-cluster-toggle button{font-size:var(--t-label)}
.mp.mp--proxy .mp-cluster-parts{gap:6px}
.mp.mp--proxy .mp-cluster-parts strong{font-size:var(--t-caption)}
.mp.mp--proxy .mp-pmta-blueprint{height:230px}
.mp.mp--proxy .mp-blueprint-origin{min-width:65px}
.mp.mp--proxy .mp-server-bottom{font-size:var(--t-micro)}
.mp.mp--proxy .mp-system-tags span{font-size:var(--t-micro)}
}
@media(max-width:700px){
.mp.mp--proxy .mp-mta-comparison{grid-template-columns:1fr;gap:36px}
.mp.mp--proxy .mp-mta-path{padding-top:20px}
.mp.mp--proxy .mp-mta-title h3{font-size:var(--t-h3);letter-spacing:-.02em}
.mp.mp--proxy .mp-mta-path>p{min-height:0;font-size:var(--t-body);margin:15px 0 10px;max-width:100%}
.mp.mp--proxy .mp-pmta-blueprint{height:210px;padding-inline:3px 18px;max-width:480px}
.mp.mp--proxy .mp-blueprint-origin{min-width:80px}
.mp.mp--proxy .mp-server-plate{width:55%;padding:19px 17px}
.mp.mp--proxy .mp-server-plate>strong{font-size:21px}
.mp.mp--proxy .mp-server-bottom{font-size:var(--t-label)}
.mp.mp--proxy .mp-cluster-toggle{gap:22px;margin-top:22px}
.mp.mp--proxy .mp-cluster-toggle button{font-size:var(--t-caption)}
.mp.mp--proxy .mp-cluster-blueprint{height:auto;min-height:200px;max-width:490px;padding-top:22px}
.mp.mp--proxy .mp-cluster-parts{gap:10px}
.mp.mp--proxy .mp-cluster-parts>div{padding:13px 9px}
.mp.mp--proxy .mp-cluster-parts strong{font-size:var(--t-small)}
.mp.mp--proxy .mp-cluster-parts small{font-size:9.5px}
.mp.mp--proxy .mp-cluster-blueprint>p{font-size:var(--t-label)}
.mp.mp--proxy .mp-system-tags{margin:17px 0}
.mp.mp--proxy .mp-system-tags span{font-size:var(--t-label)}
}
@media(max-width:370px){
.mp.mp--proxy .mp-cluster-parts{gap:7px}
.mp.mp--proxy .mp-cluster-parts strong{font-size:var(--t-caption)}
}
@media(prefers-reduced-motion:reduce){
.mp.mp--proxy .mp-blueprint-wire:after,.mp.mp--proxy .mp-hero-screen-panel,.mp.mp--proxy .mp-cluster-blueprint,.mp.mp--proxy .mp-process-screens>div[role=tabpanel]{animation:none}
}

@keyframes mp-proxy-site-link-flow{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:95%;opacity:0}}
@keyframes mp-proxy-site-panel-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Светлый раздел: те же схемы, цвета — со светлых разделов страницы. */
.mp.mp--proxy .mp-light .mp-mta-path{border-top-color:#cfd8de}
.mp.mp--proxy .mp-light .mp-mta-title>span{color:#8f5f39;border-color:#c9a88b}
.mp.mp--proxy .mp-light .mp-mta-path>p{color:#5f717c}
.mp.mp--proxy .mp-light .mp-pmta-blueprint{background:radial-gradient(ellipse at 70% 55%,#c2895714,transparent 65%)}
.mp.mp--proxy .mp-light .mp-blueprint-origin strong{color:#5f717c}
.mp.mp--proxy .mp-light .mp-blueprint-wire span{color:#9a6c47}
.mp.mp--proxy .mp-light .mp-server-plate{border-color:#c6d0d6;background:linear-gradient(130deg,#fff,#eef2f4);box-shadow:10px 12px 0 #e3e9ec,11px 13px 0 #c6d0d666}
.mp.mp--proxy .mp-light .mp-server-label{color:#7a8c96}
.mp.mp--proxy .mp-light .mp-server-plate>strong{color:#1f2a32}
.mp.mp--proxy .mp-light .mp-server-bottom{color:#6b7e89;border-top-color:#d3dbe0}
.mp.mp--proxy .mp-light .mp-system-tags span{color:#5f727d;border-color:#c9d3d9}
/* Короткое значение записи в плите — моноширинным, как в интерфейсе. */
.mp.mp--proxy .mp-server-plate>strong.mp-px-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;letter-spacing:0}
.mp.mp--proxy .mp-cluster-parts strong.mp-px-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0}
/* Ссылка под схемой: у макета она под тёмный фон — на светлом цвет ссылок светлых разделов. */
.mp.mp--proxy .mp-light .mp-mta-path .mp-method-link{color:#9b5a2c}
/* На телефоне значение записи в узкой ячейке переносится, а не обрезается краем. */
@media(max-width:600px){.mp.mp--proxy .mp-cluster-parts strong.mp-px-value{font-size:var(--t-label);overflow-wrap:anywhere}}

/* Сетки страницы: три открытые колонки (источники) и шесть шагов в три колонки (настройка). */
.mp.mp--proxy .mp-px-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 56px}
.mp.mp--proxy .mp-px-three .mp-mta-path>p{min-height:0}
.mp.mp--proxy .mp-px-three .mp-mta-title h3{font-size:var(--t-h3s)}
.mp.mp--proxy .mp-px-route{margin-bottom:56px}
.mp.mp--proxy .mp-px-route .mp-cluster-parts{grid-template-columns:repeat(4,minmax(0,1fr))}
/* В маршруте медью — гейт Хаба (вторая ячейка), а не первая. */
.mp.mp--proxy .mp-px-route .mp-cluster-parts>div:first-child{border-color:#c6d0d6;background:linear-gradient(135deg,#fff,#eef2f4)}
.mp.mp--proxy .mp-px-route .mp-cluster-parts>div:first-child small{color:#7a8c96}
.mp.mp--proxy .mp-px-route .mp-cluster-parts>div:first-child strong{color:#1f2a32}
.mp.mp--proxy .mp-light .mp-cluster-parts>div{border-color:#c6d0d6;background:linear-gradient(135deg,#fff,#eef2f4)}
.mp.mp--proxy .mp-light .mp-cluster-parts small{color:#7a8c96}
.mp.mp--proxy .mp-light .mp-cluster-parts strong{color:#1f2a32}
.mp.mp--proxy .mp-light .mp-cluster-parts>div.mp-new-node{border-color:#c49a74;background:linear-gradient(135deg,#f6e9dd,#efe0d2)}
.mp.mp--proxy .mp-light .mp-cluster-parts>div.mp-new-node small{color:#9a6c47}
.mp.mp--proxy .mp-light .mp-cluster-parts>div.mp-new-node strong{color:#7d4a25}
.mp.mp--proxy .mp-light .mp-cluster-caption{color:#7a8c96}
.mp.mp--proxy .mp-light .mp-cluster-bus{border-color:#c6d0d6}
.mp.mp--proxy .mp-light .mp-cluster-blueprint>p{color:#6b7e89}
/* Правила и события: переключатель над обеими колонками. */
.mp.mp--proxy .mp-px-decide>.mp-cluster-toggle{margin:0 0 26px}
.mp.mp--proxy .mp-px-decide .mp-mta-comparison{animation:mp-proxy-site-panel-in .25s ease-out}
@media(prefers-reduced-motion:reduce){.mp.mp--proxy .mp-px-decide .mp-mta-comparison{animation:none}}
@media(max-width:1100px){.mp.mp--proxy .mp-px-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}}
@media(max-width:900px){.mp.mp--proxy .mp-px-route .mp-cluster-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mp.mp--proxy .mp-px-three{grid-template-columns:minmax(0,1fr)}}
.mp.mp--proxy .mp-px-route .mp-cluster-bus{margin-inline:12.5%}
.mp.mp--proxy .mp-px-note{margin:26px 0 0;font-size:var(--t-small);color:#8c9eaa}

/* «Маршрут» (светлый раздел): блоки схемы — в тёмном стиле, как схемы тёмных разделов; текст колонок остаётся светлым. */
.mp.mp--proxy .mp-light .mp-px-dark .mp-cluster-parts>div,.mp.mp--proxy .mp-light .mp-px-route.mp-px-dark .mp-cluster-parts>div:first-child{border-color:#5f6f746e;background:linear-gradient(135deg,#2b3840,#202b31)}
.mp.mp--proxy .mp-light .mp-px-dark .mp-cluster-parts small,.mp.mp--proxy .mp-light .mp-px-route.mp-px-dark .mp-cluster-parts>div:first-child small{color:#7e96a4}
.mp.mp--proxy .mp-light .mp-px-dark .mp-cluster-parts strong,.mp.mp--proxy .mp-light .mp-px-route.mp-px-dark .mp-cluster-parts>div:first-child strong{color:#d3dee3}
.mp.mp--proxy .mp-light .mp-px-dark .mp-cluster-parts>div.mp-new-node{border-color:#ae805d90;background:linear-gradient(135deg,#45372b,#302a25)}
.mp.mp--proxy .mp-light .mp-px-dark .mp-cluster-parts>div.mp-new-node small{color:#bd9c7f}
.mp.mp--proxy .mp-light .mp-px-dark .mp-cluster-parts>div.mp-new-node strong{color:#e1bc9a}
.mp.mp--proxy .mp-light .mp-px-dark .mp-cluster-bus,.mp.mp--proxy .mp-light .mp-px-dark .mp-cluster-bus:before{border-color:#a8805c99}
.mp.mp--proxy .mp-light .mp-px-dark .mp-server-plate{border-color:#5b6a6b;background:linear-gradient(130deg,#2a363e,#1b262c);box-shadow:10px 12px 0 #d5dde2,11px 13px 0 #b9c5cc}
.mp.mp--proxy .mp-light .mp-px-dark .mp-server-label{color:#8198a5}
.mp.mp--proxy .mp-light .mp-px-dark .mp-server-plate>strong{color:#e0d6c8}
.mp.mp--proxy .mp-light .mp-px-dark .mp-server-bottom{color:#859aa8;border-top-color:#81939e25}

/* «Источники данных» и «Настройка»: карточки одной высоты; плашка над заголовком, ссылка прижата к низу. */
.mp.mp--proxy .mp-px-cards{gap:24px;align-items:stretch}
.mp.mp--proxy .mp-px-cards .mp-mta-path{display:flex;flex-direction:column;padding:26px 26px 24px;border:1px solid #3c4a52;border-radius:10px;background:linear-gradient(150deg,#23313a,#1b252b)}
.mp.mp--proxy .mp-px-cards .mp-mta-title{flex-direction:column-reverse;align-items:flex-start;gap:14px}
.mp.mp--proxy .mp-px-cards .mp-mta-path>p{margin:14px 0 20px;max-width:none}
.mp.mp--proxy .mp-px-cards .mp-system-tags{margin:0 0 22px}
.mp.mp--proxy .mp-px-cards .mp-method-link{margin-top:auto;align-self:flex-start}
.mp.mp--proxy .mp-light .mp-px-cards .mp-mta-path{border-color:#d3dce1;background:#fff;box-shadow:0 1px 2px #1f2a320d}
@media(max-width:1100px){.mp.mp--proxy .mp-px-cards{gap:20px}}
@media(max-width:700px){.mp.mp--proxy .mp-px-cards .mp-mta-path{padding:22px 20px 20px}}
/* Карточки держат три колонки до планшета; три источника на планшете — столбиком, чтобы третья не висела одна. */
@media(min-width:901px) and (max-width:1100px){.mp.mp--proxy .mp-px-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mp.mp--proxy .mp-px-cards .mp-mta-path{padding:22px 20px 20px}}
@media(max-width:900px){.mp.mp--proxy #signals .mp-px-cards{grid-template-columns:minmax(0,1fr)}}
/* «Маршрут»: две колонки под цепочкой — в рамках, как карточки страницы; схема и плашки внутри рамки. */
.mp.mp--proxy .mp-light .mp-mta-comparison.mp-px-dark{gap:24px;align-items:stretch}
.mp.mp--proxy .mp-light .mp-mta-comparison.mp-px-dark>.mp-mta-path{display:flex;flex-direction:column;padding:28px 30px 24px;border:1px solid #d3dce1;border-radius:12px;background:#fff;box-shadow:0 1px 2px #1f2a320d}
.mp.mp--proxy .mp-light .mp-mta-comparison.mp-px-dark>.mp-mta-path>p{max-width:none;min-height:0;margin:16px 0 4px}
.mp.mp--proxy .mp-light .mp-mta-comparison.mp-px-dark .mp-pmta-blueprint{height:215px;margin-top:auto;background:none}
.mp.mp--proxy .mp-light .mp-mta-comparison.mp-px-dark .mp-system-tags{margin:6px 0 0;padding-top:18px;border-top:1px solid #e3e9ec}
@media(max-width:900px){.mp.mp--proxy .mp-light .mp-mta-comparison.mp-px-dark>.mp-mta-path{padding:22px 20px 20px}}
@media(max-width:700px){.mp.mp--proxy .mp-light .mp-mta-comparison.mp-px-dark .mp-pmta-blueprint{height:200px;max-width:none}}
/* «Правила и события» (тёмный раздел): сигнал и реакция — в рамках, как карточки «Источников данных». */
.mp.mp--proxy .mp-px-decide .mp-mta-comparison{gap:24px;align-items:stretch}
.mp.mp--proxy .mp-px-decide .mp-mta-comparison>.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 .mp-px-decide .mp-mta-comparison>.mp-mta-path>p{max-width:none;min-height:0;margin:16px 0 4px}
.mp.mp--proxy .mp-px-decide .mp-pmta-blueprint{height:215px;margin-top:auto;background:none}
.mp.mp--proxy .mp-px-decide .mp-server-plate{box-shadow:10px 12px 0 #172026,11px 13px 0 #3a464d}
@media(max-width:900px){.mp.mp--proxy .mp-px-decide .mp-mta-comparison>.mp-mta-path{padding:22px 20px 6px}}
@media(max-width:700px){.mp.mp--proxy .mp-px-decide .mp-pmta-blueprint{height:200px;max-width:none}}