.connection-overview{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:24px}.connection-overview>div{display:flex;align-items:center;gap:14px}.connection-overview>div>.icon{width:27px;height:27px;color:var(--forest)}.connection-overview strong{font-size:14px;display:block}.connection-overview small{display:block;color:var(--muted);margin-top:3px}.connection-status{font-size:11px;line-height:1.4;padding:4px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;white-space:normal;width:fit-content}.connection-status.local{background:#e8f1e8;color:#285039}.connection-status.separate{background:#f2eee5;color:#705528}.connection-status.planned{background:#eff1f3;color:#5a6570}.connection-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.connection-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:0 0 13px;min-height:44px;font-size:14px;white-space:nowrap;color:var(--muted)}.connection-tabs button:hover{color:var(--forest)}.connection-tabs button.selected{color:var(--forest);border-color:var(--forest);font-weight:650}.connections-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:24px;align-items:start}.connection-map{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.connection-map-intro{margin-bottom:20px}.connection-map-intro p{font-size:13px;color:var(--muted);margin-top:4px}.connection-node{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #dce2dd;border-radius:8px;background:#fff;min-width:0;width:100%;padding:14px 12px;min-height:115px;transition:border-color 150ms,background 150ms}.connection-node:hover{background:#f5f8f3;border-color:#9db19d}.connection-node.selected{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);background:#f1f6f0}.connection-node-icon{width:32px;height:38px;display:grid;place-items:center;color:var(--forest);flex-shrink:0}.connection-node-text{min-width:0;display:flex;flex-direction:column;align-items:start;gap:4px}.connection-node-text small{font-size:11px;color:var(--muted)}.connection-node-text strong{font-size:14px;line-height:1.35}.connection-node-arrow{width:14px;height:14px;margin-left:auto;color:#859288}.connection-node.compact{min-height:82px;padding:13px 18px}.connection-node.compact .connection-node-text{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:18px;width:100%}.connection-node.compact .connection-node-text small{grid-column:1;grid-row:1}.connection-node.compact .connection-node-text strong{grid-column:1;grid-row:2;font-size:17px}.connection-node.compact .connection-status{grid-column:2;grid-row:1 / 3}.connection-line{height:48px;display:grid;place-items:center;position:relative;color:var(--muted);text-align:center;font-size:10px}.connection-line:before{content:'';border-left:1px dashed #a1b3a0;height:100%;position:absolute;left:50%}.connection-line span{position:relative;background:white;padding:2px 9px;max-width:95%}.connection-line.short{height:43px}.connection-hub{border:1px solid #b4c6b4;border-radius:9px 9px 0 0;background:#edf4eb;padding:18px 16px;display:flex;align-items:center;gap:14px}.connection-hub .map-logo{width:44px;height:48px;flex-shrink:0;border-radius:6px}.connection-hub h2{font-size:20px;margin:3px 0}.connection-eyebrow{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;font-weight:600;color:var(--muted)}.connection-hub .connection-eyebrow{letter-spacing:.65px;font-size:9px}.connection-hub p{font-size:12px;color:#52705a}.connection-hub>.connection-status{margin-left:auto;flex-shrink:0}.connection-hub-links{display:flex;flex-wrap:wrap;gap:7px 14px;border:1px solid #b4c6b4;border-top:0;background:#f5f8f2;border-radius:0 0 9px 9px;padding:10px 16px}.connection-hub-links a{font-size:11px;color:var(--forest);text-decoration:underline;text-underline-offset:3px}.connection-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connection-finance{margin-top:18px;padding:15px 14px;display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:#f4f7f1;border:1px solid #ccd9c7;border-radius:8px}.connection-finance.selected{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}.connection-finance:hover{background:#eaf1e5}.connection-finance>span:first-of-type{flex:1}.connection-finance strong{display:block;font-size:13px}.connection-finance small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.connection-finance>.icon:last-child{width:14px}.connection-directions{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.connection-directions>button{border:0;background:none;padding:2px 0 10px;min-height:38px;font-size:13px}.connection-directions>button[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:4px}.connection-directions>div{display:flex;flex-wrap:wrap;gap:5px}.connection-directions>div>span{background:#f4f5f2;color:#5e6b60;padding:3px 7px;font-size:10px;border-radius:3px}.connection-directions p{margin-top:10px;font-size:11px;color:var(--muted)}.connection-legend{display:flex;flex-wrap:wrap;gap:7px 14px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:17px}.connection-legend span{display:flex;align-items:center;gap:6px}.connection-legend i{width:7px;height:7px;border-radius:50%;background:#92aa90}.connection-legend i.separate{background:#b09b76}.connection-legend i.planned{background:#9aa6ae}.connection-detail{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;position:sticky;top:20px;scroll-margin-top:20px;min-width:0}.connection-detail-heading>.connection-status{display:flex;margin:10px 0}.connection-detail h2{font-size:23px;margin:10px 0}.connection-detail p{font-size:13px;line-height:1.65;color:#5d6d62}.connection-detail-heading{padding-bottom:18px;border-bottom:1px solid var(--line)}.connection-transfer h3{font-size:13px;display:flex;gap:7px;align-items:center;margin:20px 0 8px}.connection-transfer h3 .icon{width:15px;height:15px;color:var(--forest)}.connection-transfer ul{padding-left:16px;margin:0;font-size:12px;line-height:1.7;color:#526557}.connection-transfer li+li{margin-top:6px}.connection-next{padding:14px;background:#f2f5ef;border-left:2px solid #9aae92;margin:20px 0 16px}.connection-next h3{font-size:12px;margin-bottom:5px}.connection-next p{font-size:12px}.connection-current{font-size:12px!important}.connection-detail>.button{margin-top:17px;white-space:normal;text-align:center}.connection-section-title{padding:24px 26px;border-bottom:1px solid var(--line)}.connection-section-title h2{font-size:22px;margin:7px 0}.connection-section-title p{color:var(--muted);font-size:14px}.connection-rules,.connection-roadmap,.connection-example{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.connection-rule-row{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(180px,1.2fr) minmax(220px,2fr);gap:22px;padding:18px 26px;font-size:13px;border-top:1px solid #e9ece7;line-height:1.65}.connection-rule-row.table-head{background:#f5f7f2;font-size:11px;color:var(--muted);border:0}.connection-rule-row>span:last-child{color:#627167}.connection-principles{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.connection-principles article{padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:#fff}.connection-principles h3{font-size:15px}.connection-principles p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.7}.connection-roadmap ol{list-style:none;margin:0;padding:0 26px}.connection-roadmap li{display:flex;gap:22px;align-items:start;border-bottom:1px solid var(--line);padding:25px 0}.connection-roadmap li:last-child{border:0}.connection-roadmap-number{font-size:14px;color:#6c7972;min-width:50px;padding-top:2px;font-variant-numeric:tabular-nums}.connection-roadmap-number.local{color:var(--forest);font-size:12px}.connection-roadmap li>div{flex:1}.connection-roadmap h3{font-size:16px}.connection-roadmap li p{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.65;max-width:740px}.connection-roadmap li>.connection-status{margin-top:3px;flex-shrink:0}.connection-example-title{padding:24px 26px;border-bottom:1px solid var(--line)}.connection-example-title h2{font-size:24px;margin:12px 0 8px}.connection-example-title p{font-size:14px;color:var(--muted)}.connection-example-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,2fr)}.connection-steps{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:6px}.connection-steps button{display:flex;align-items:center;gap:12px;padding:13px 14px;min-height:52px;border:1px solid transparent;background:none;text-align:left;border-radius:6px}.connection-steps button>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.connection-steps strong{font-size:13px;font-weight:500;flex:1}.connection-steps .icon{width:13px;height:13px;color:#90a08f}.connection-steps button.selected{background:#edf4e9;border-color:#d8e3d2}.connection-steps button.selected strong{font-weight:650}.connection-steps button:hover{background:#f3f6ef}.connection-example-body{padding:38px 36px;min-height:420px}.connection-example-body h3{font-size:28px;margin-top:14px}.connection-flow-label{font-size:13px;color:var(--forest);background:#eff4eb;display:inline-block;padding:7px 12px;margin:18px 0}.connection-example-body>p{font-size:16px;line-height:1.8;max-width:670px;color:#596b5d}.connection-example-rule{display:flex;gap:12px;align-items:start;border-top:1px solid var(--line);margin-top:28px;padding-top:22px;font-size:13px;line-height:1.7}.connection-example-rule>.icon{width:18px;margin-top:3px}.connection-example-controls{display:flex;justify-content:space-between;gap:14px;margin-top:34px}.connection-example-controls button:disabled{cursor:default}
@media(min-width:1500px){.connection-node-text strong{font-size:16px}.connection-node{min-height:120px;padding:18px}.connection-detail p{font-size:14px}.connection-transfer ul{font-size:13px}}
@media(max-width:1200px){.connection-hub>.connection-status{display:none}.connection-node{gap:5px;padding:12px 8px}.connection-node-icon{width:24px}.connection-node-text strong{font-size:13px}.connection-node.compact .connection-node-text{column-gap:8px}.connection-hub{padding:16px 12px;gap:10px}}
@media(max-width:1100px){.connections-layout{grid-template-columns:1fr}.connection-detail{position:static}.connection-map-intro p{font-size:0}.connection-map-intro p:after{content:'Выбери платформу — состав обмена откроется под картой.';font-size:13px}.connection-detail .connection-transfer{display:grid;grid-template-columns:130px 1fr;gap:14px 20px;margin-top:20px}.connection-transfer h3{margin:0;align-items:start}.connection-rule-row{grid-template-columns:130px minmax(140px,1fr) minmax(160px,1.5fr);gap:15px;padding:16px 20px}.connection-example-layout{grid-template-columns:230px 1fr}.connection-example-body{padding:30px 24px}}
@media(max-width:700px){.connection-overview{align-items:start;flex-direction:column;padding:15px}.connection-overview>div{align-items:start}.connection-overview strong{font-size:13px}.connection-overview small{font-size:12px}.connection-tabs{gap:20px}.connection-tabs button{font-size:13px}.connection-map{padding:16px}.connection-node.compact .connection-node-text{display:flex}.connection-node.compact .connection-node-text strong{font-size:17px}.connection-node.compact .connection-node-text small{display:none}.connection-node-grid{gap:9px}.connection-node{min-height:132px;align-items:start;padding:12px 9px;position:relative}.connection-node-icon{display:none}.connection-node-text{padding-right:5px}.connection-node-arrow{position:absolute;right:7px;top:14px;width:10px}.connection-node-text strong{font-size:13px}.connection-node-text small{font-size:10px}.connection-status{font-size:10px}.connection-hub{padding:15px 10px}.connection-hub .map-logo{width:34px;height:40px}.connection-hub h2{font-size:18px}.connection-hub .connection-eyebrow{font-size:8px;letter-spacing:0}.connection-hub p{font-size:10px}.connection-hub-links{gap:7px 12px;padding:10px}.connection-hub-links a{font-size:10px}.connection-finance{gap:8px;padding:13px 10px}.connection-finance>.icon:first-child{display:none}.connection-finance strong{font-size:12px}.connection-finance small{font-size:10px}.connection-line span{font-size:9px}.connection-detail{padding:20px}.connection-detail .connection-transfer{display:block}.connection-transfer h3{margin:18px 0 8px}.connection-rule-table{padding:0 20px}.connection-rule-row{display:block;padding:18px 0}.connection-rule-row>strong{display:block;font-size:14px}.connection-rule-row>span{display:block;margin-top:8px}.connection-rule-row>span:nth-child(2){font-weight:600;font-size:12px;color:var(--forest)}.connection-rule-row.table-head{display:none}.connection-principles{grid-template-columns:1fr;gap:14px}.connection-section-title,.connection-example-title{padding:20px}.connection-section-title h2,.connection-example-title h2{font-size:21px}.connection-roadmap ol{padding:0 20px}.connection-roadmap li{gap:14px;flex-wrap:wrap}.connection-roadmap-number{min-width:40px}.connection-roadmap li>.connection-status{margin-left:54px;margin-top:0}.connection-roadmap li>div{min-width:180px}.connection-example-layout{grid-template-columns:1fr}.connection-steps{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px}.connection-steps button{white-space:nowrap;flex-shrink:0;padding:9px 12px;min-height:44px}.connection-steps .icon{display:none}.connection-example-body{padding:24px 20px;min-height:0}.connection-example-body h3{font-size:25px}.connection-example-body>p{font-size:14px}.connection-example-controls .button{padding:10px 13px;font-size:13px}}
.connection-core-button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:4px;background:transparent;padding:0;min-height:44px;text-align:left;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.connection-core-button .icon{width:14px;height:14px;color:var(--forest)}.connection-core-button:hover{text-decoration:underline;text-underline-offset:4px}
.connection-hub .map-logo{height:44px}
.deployment-panel{margin-top:22px}.deployment-panel .panel-heading{align-items:start;gap:20px}.deployment-panel .panel-heading p{font-size:13px;margin-top:7px}.deployment-panel>.helper{line-height:1.8}.deployment-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}.deployment-actions>.text-link{font-size:13px}
@media(max-width:700px){.deployment-panel .panel-heading{flex-direction:column}.deployment-actions{gap:14px}}
@media(max-width:700px){.connection-hub .map-logo{width:36px;height:36px}.connection-hub .map-logo img{width:144px;left:-54px;top:-41.6px}}
@media(prefers-reduced-motion:reduce){.connection-node{transition:none}}