/* Каталог решений: фильтры, карточки, выезжающая панель с описанием. */
.filters{display:grid;gap:14px;margin-bottom:28px;background:var(--mist);border-radius:24px;padding:20px}
.fgroup{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center}
.fgroup .mono{color:#777}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{padding:9px 15px;border-radius:48px;background:#fff;color:#333;font-size:14px;transition:background .25s,color .25s}
.chip:hover{background:#e9e9e9}
.chip[aria-pressed="true"]{background:#000;color:#fff}
.fstat{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding-top:14px;font-size:14px;color:#555}
.reset{font-size:14px;font-weight:600;color:#000;text-decoration:underline;text-underline-offset:3px}
.sol.hide{display:none}
.empty{padding:48px 0;text-align:center;color:#555}
.empty button{font-weight:600;text-decoration:underline}
@media (max-width:640px){.fgroup{grid-template-columns:1fr;gap:8px}.filters{padding:16px}}

/* без JS описания идут списком под карточками */
.drawer{position:static}
.drawer-bg,.drawer-bar{display:none}
.details{display:grid;gap:12px;max-width:1264px;margin:0 auto;padding:0 32px 80px;background:#fff;color:#000}
.det{background:var(--mist);border-radius:24px;padding:28px}

/* с JS — панель справа */
.js .drawer{position:fixed;inset:0;z-index:100;visibility:hidden}
.js .drawer.open{visibility:visible}
.js .drawer-bg{display:block;position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .4s}
.js .drawer.open .drawer-bg{opacity:1}
.drawer-panel{position:relative}
.js .drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(760px,100%);background:#fff;color:#000;transform:translateX(100%);transition:transform .55s var(--ease);overflow-y:auto;overscroll-behavior:contain;border-radius:32px 0 0 32px}
.js .drawer.open .drawer-panel{transform:none}
.js .drawer-bar{display:flex;gap:8px;justify-content:flex-end;position:sticky;top:0;padding:16px 20px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);z-index:2}
.drawer-bar button{width:44px;height:44px;border-radius:50%;background:var(--mist);font-size:16px;font-weight:600}
.drawer-bar button:hover{background:#000;color:#fff}
.js .details{display:block;padding:0 40px 48px;margin:0;max-width:none}
.js .det{display:none;background:none;padding:0;border-radius:0}
.js .det.on{display:block;animation:detin .5s var(--ease)}
@keyframes detin{from{opacity:0;transform:translateY(12px)}}
@media (max-width:640px){.js .drawer-panel{border-radius:0}.js .details{padding:0 18px 40px}}

.det-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#777}
.det-aud{display:flex;gap:6px}
.det h2{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:.92;font-size:clamp(38px,4.4vw,58px);margin:18px 0 12px}
.det-sub{font-size:18px;color:#444;line-height:1.35}
.det-metric{display:flex;align-items:baseline;gap:14px;background:#000;color:#fff;border-radius:20px;padding:20px 22px;margin:24px 0}
.det-metric b{font-family:var(--cond);font-size:44px;line-height:1;color:var(--volt);text-transform:uppercase}
.det-metric span{color:#bbb}
.blk{border-top:1px solid #e3e3e3;padding:18px 0}
.blk .mono{color:#888;display:block;margin-bottom:10px}
.blk p{font-size:16px;line-height:1.45;color:#222}
.how{list-style:none;display:grid;gap:8px}
.how li{display:flex;gap:14px;align-items:baseline;background:var(--mist);border-radius:14px;padding:12px 14px}
.how li span{font-family:var(--mono);font-size:12px;color:#888}
.proof{background:var(--mint);border-radius:18px;padding:18px;border-top:0;margin:8px 0}
.proof .mono{color:#2b6b2b}
.gov{background:#fffbb8;border-radius:18px;padding:18px;border-top:0;margin:8px 0}
.gov .mono{color:#7a7300}
.two{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}
.big-n{font-family:var(--cond);font-size:34px!important;text-transform:uppercase;line-height:1}
.edu ul{margin:10px 0 0 18px;display:grid;gap:4px;color:#333}
.stack{display:flex;flex-wrap:wrap;gap:6px}
.stack span{font-family:var(--mono);font-size:12px;padding:6px 11px;border-radius:48px;background:var(--mist);color:#333}
.det-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.det-cta .btn-w{background:var(--mist)}
@media (max-width:640px){.two{grid-template-columns:1fr;gap:0}}