/* split.v1.css: текст слева, липкая панель справа (ПК, планшет), нижняя полоса (телефон) */
.split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}
.split-main{min-width:0}
.split-aside{position:sticky;top:24px}
.panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.panel .tag{display:inline-block;margin-bottom:8px}
.panel h3{margin:0 0 6px;font-size:18px;line-height:1.25}
.panel p{margin:0 0 14px;color:#475569;font-size:14px}
.panel-btns,.panel-extra{display:grid;gap:10px}
.panel-extra{grid-template-columns:1fr 1fr;margin-top:10px}
.panel .btn{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;padding:12px 10px;font-size:15px}
.panel-extra .btn{font-size:14px;padding:11px 6px}
.phone{width:132px;height:228px;margin:0 auto 14px;border:6px solid #0f172a;border-radius:26px;background:linear-gradient(#eff6ff,#fff);padding:12px 9px;overflow:hidden}
.phone i{display:block;height:9px;border-radius:5px;background:#cbd5e1;margin:7px 0}
.phone i.s{width:62%}
.phone i.a{background:#1d4ed8;width:42%}
.phone b{display:block;height:34px;border-radius:8px;background:#fff;border:1px solid #dbeafe;margin:7px 0}
.phone b.hot{border-color:#fca5a5;background:#fef2f2}
.phone .tile{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.phone .tile u{display:block;height:44px;border-radius:8px;background:#dbeafe;text-decoration:none}
.phone .tile u:nth-child(2n){background:#e0e7ff}
.mbar{display:none}
@media(min-width:1000px){.split{grid-template-columns:minmax(0,1fr) 340px;gap:40px}.phone{width:150px;height:260px}.panel{padding:20px}}
@media(max-width:699px){
.split{grid-template-columns:1fr;gap:0}
.split-aside{position:static}
.split-aside.no-extra{display:none}
.panel{border:0;box-shadow:none;padding:0;background:transparent}
.panel>*:not(.panel-extra){display:none}
.panel-extra{margin:8px 0 14px}
.mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid #e2e8f0;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
.mbar .btn{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;padding:12px 6px;font-size:14px}
body:has(.mbar) footer.site{padding-bottom:84px}
}