/* Styles for category-listing.html only — shared styles are in style.css */

.phero__deco--peak{right:-60px;bottom:-40px;width:min(420px,48vw);opacity:.18}

.cl__bar{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;margin-bottom:14px}
.cl__filter{flex:1 1 320px;max-width:460px}
.cl__az{display:flex;gap:4px;padding:4px;border-radius:var(--r-pill);background:var(--mist);border:1px solid var(--line)}
.seg{border:0;background:transparent;padding:9px 16px;border-radius:var(--r-pill);font-weight:700;font-size:.88rem;color:var(--ink-2);cursor:pointer;text-decoration:none;transition:background var(--t-fast),color var(--t-fast)}
.seg:hover{color:var(--blue-600)}
.seg[aria-pressed="true"]{background:#fff;color:var(--navy-900);box-shadow:var(--sh-1)}
.cl__status{font-size:.92rem;color:var(--ink-3);margin:0 0 26px}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cgrid .ccard{aspect-ratio:4/4.4}
@media (max-width:1000px){.cgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.cgrid{grid-template-columns:repeat(2,1fr);gap:14px}.ccard h3{font-size:1rem}.ccard__b{padding:14px}.ccard__go{display:none}}
@media (max-width:400px){.cgrid{grid-template-columns:1fr}.cgrid .ccard{aspect-ratio:16/10}}
.cl__help{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
@media (max-width:860px){.cl__help{grid-template-columns:1fr}}