.catx-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,48px);position:relative}.catx-head{padding:56px 0 32px}.catx-h1{letter-spacing:-2px;margin:0 0 12px;font-size:clamp(34px,4.5vw,56px);font-weight:800;line-height:1.05}.catx-lede{color:#55585c;max-width:560px;margin:0;font-size:17px;line-height:1.6}.catx-filter{max-width:520px;margin:0 0 20px}.catx-filter-label{color:#55585c;margin:0 0 8px;font-size:14px;font-weight:500;line-height:1.5;display:block}.catx-filter-box{position:relative}.catx-filter-icon{color:#5c5f63;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.catx-filter-input{box-sizing:border-box;width:100%;font:inherit;color:#17181a;background:#fff;border:1.5px solid #d6d6d3;border-radius:8px;padding:12px 16px 12px 42px;font-size:16px}.catx-empty{color:#55585c;margin:0 0 32px;font-size:15px}.catx-empty a{color:#1e5288;font-weight:600}.catx-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.catx-grid>li{min-width:0;display:flex}.catx-result{margin:var(--space-block) 0 0;background:#f4f4f2;border-radius:16px;align-items:center;gap:14px;padding:12px 20px 12px 16px;display:inline-flex}@media (width>=1000px){.catx-result{margin:0;position:absolute;top:56px;right:clamp(16px,4vw,48px)}}.catx-result-n{letter-spacing:-.035em;color:#173a5e;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.catx-result-text{flex-direction:column;gap:2px;display:flex}.catx-result-main{color:#17181a;letter-spacing:-.01em;font-size:16px;font-weight:600}.catx-result-sub{color:#55585c;font-variant-numeric:tabular-nums;font-size:15px}@media (width<=640px){.catx-head{padding:28px 0 24px}.catx-h1{letter-spacing:-1.2px}.catx-lede{font-size:15px}.catx-grid{grid-template-columns:minmax(0,1fr);gap:8px}.catx-result-n{font-size:28px}}