@layer components {
.solution-browser{scroll-margin-top:90px}.solution-browser__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;margin-bottom:28px}.solution-browser__intro h2{margin:.2em 0}.solution-browser__intro p{max-width:760px;color:var(--color-muted)}.solution-browser__count{min-width:126px;padding:18px 20px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-pale);text-align:center}.solution-browser__count strong{display:block;font-size:36px;line-height:1;color:var(--color-navy)}.solution-browser__count span{font-size:12px;color:var(--color-muted)}
.solution-search{padding:20px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;box-shadow:0 8px 28px rgba(9,48,76,.05)}.solution-search label{display:block;margin-bottom:8px;font-size:13px;font-weight:800;color:var(--color-navy)}.solution-search__control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.solution-search input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #b9cada;border-radius:12px;font:inherit;color:var(--color-text);background:#fff}.solution-search input:focus{outline:3px solid rgba(0,133,214,.16);border-color:var(--color-blue)}
.solution-filter{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 48px}.solution-filter__chip{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--color-line);border-radius:999px;background:#fff;color:var(--color-navy);font-size:13px;font-weight:800;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease}.solution-filter__chip span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--color-pale);font-size:11px}.solution-filter__chip:hover,.solution-filter__chip.is-active{border-color:var(--color-blue);background:var(--color-blue);color:#fff}.solution-filter__chip.is-active span,.solution-filter__chip:hover span{background:rgba(255,255,255,.18)}
.solution-category-list{display:grid;gap:64px}.solution-category-section{scroll-margin-top:110px}.solution-category-section[hidden]{display:none}.solution-category-section__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--color-line)}.solution-category-section__header>div{display:flex;align-items:center;gap:12px}.solution-category-section__header h2{margin:0;font-size:clamp(24px,3vw,34px)}.solution-category-section__number{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--color-navy),var(--color-blue));color:#fff;font-size:12px;font-weight:900}.solution-category-section__count{font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--color-muted)}.solution-card[hidden]{display:none}.solution-empty{max-width:760px;margin:30px auto 0;padding:34px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-pale);text-align:center}.solution-empty h2{font-size:26px}.solution-browser__back{margin:0 0 30px}
@media(max-width:720px){.solution-browser__intro{grid-template-columns:1fr}.solution-browser__count{justify-self:start}.solution-search__control{grid-template-columns:1fr}.solution-search__reset{width:100%}.solution-filter{margin-bottom:36px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}.solution-filter__chip{flex:0 0 auto}.solution-category-list{gap:48px}.solution-category-section__header{align-items:flex-start}.solution-category-section__header>div{align-items:flex-start}.solution-category-section__count{padding-top:9px}}
}