/* Lower compute surface aligned with the model library; hero and logic unchanged. */
.xcm-hub{background:#fff;padding-bottom:0}
.xcm-hub>.xcm-wrap{position:relative;isolation:isolate;padding-top:26px;padding-bottom:48px;min-width:0}
.xcm-hub>.xcm-wrap::before{content:"";position:absolute;inset:0 -20px;z-index:-1;background:#f5f8fc;pointer-events:none}
.xcm-hub>.xcm-wrap>.xcm-section-nav{margin:0;padding:12px;border:1px solid #dce7f4;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(39,77,126,.035);gap:6px}
.xcm-hub>.xcm-wrap>.xcm-section-nav a{padding:12px 14px;border-radius:9px;font-size:14px;line-height:1.6;color:#536d88}
.xcm-hub>.xcm-wrap>.xcm-section-nav a:first-child,.xcm-hub>.xcm-wrap>.xcm-section-nav a:hover{background:#eaf3ff;color:#1769df}
.xcm-hub>.xcm-wrap>.xcm-section{margin-top:32px}
.xcm-hub #nodes{padding:0;margin-left:0;margin-right:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.xcm-hub #nodes .xcm-heading{margin-bottom:18px;gap:18px}
.xcm-hub>.xcm-wrap .xcm-heading h2{font-size:25px;letter-spacing:0;color:#1e3b5a;line-height:1.4}
.xcm-hub>.xcm-wrap .xcm-kicker{font-size:12px;letter-spacing:.5px;color:#3972b7}
.xcm-hub #nodes .xcm-node-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xcm-hub #nodes .xcm-node,.xcm-hub>.xcm-wrap .xcm-card,.xcm-hub>.xcm-wrap .xcm-empty{min-width:0;padding:24px;background:#fff;border:1px solid #dce7f4;border-radius:19px;box-shadow:0 8px 25px rgba(32,70,116,.035)}
.xcm-hub #nodes .xcm-node h3{font-size:19px;line-height:1.4;color:#1d3b5c}
.xcm-hub #nodes .xcm-node .xcm-hardware,.xcm-hub #nodes .xcm-node .xcm-node-hint,.xcm-hub #nodes .xcm-node p.xcm-small{font-size:14px;line-height:1.8;color:#536d88}
.xcm-hub #nodes .xcm-node dt{font-size:12px;line-height:1.6;color:#71869d}
.xcm-hub #nodes .xcm-node dd{font-size:17px;overflow-wrap:anywhere;color:#23496f}
.xcm-hub #nodes .xcm-node summary{font-size:13px;padding:10px 0}
.xcm-hub #nodes .xcm-node .xcm-tag{flex-shrink:0}
.xcm-hub>.xcm-wrap .xcm-earnings,.xcm-hub>.xcm-wrap .xcm-rate-card,.xcm-hub>.xcm-wrap .xcm-rate-details,.xcm-hub>.xcm-wrap .xcm-steps{border-color:#dce7f4;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(39,77,126,.035)}
@media(max-width:1000px){.xcm-hub #nodes .xcm-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.xcm-hub>.xcm-wrap::before{left:-14px;right:-14px}}
@media(max-width:680px){
 .xcm-hub>.xcm-wrap{padding-top:18px;padding-bottom:32px}
 .xcm-hub>.xcm-wrap>.xcm-section-nav{padding:7px;border-radius:14px;gap:4px}
 .xcm-hub>.xcm-wrap>.xcm-section-nav a{flex:0 0 auto;padding:10px 12px;font-size:13px}
 .xcm-hub #nodes .xcm-node-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .xcm-hub>.xcm-wrap .xcm-heading h2{font-size:22px}
 .xcm-hub #nodes .xcm-heading{align-items:flex-start;flex-wrap:wrap}
 .xcm-hub #nodes .xcm-node,.xcm-hub>.xcm-wrap .xcm-card,.xcm-hub>.xcm-wrap .xcm-empty{padding:20px;border-radius:16px}
}