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

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

.cs__in{display:grid;grid-template-columns:1fr 320px;gap:clamp(28px,4vw,56px);align-items:start}
.cs__bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.cs__bar .input-inline:first-child{flex:1 1 280px}
.cs__sort{flex:0 0 auto}
.cs__sort select{cursor:pointer}
.cs__status{font-size:.92rem;color:var(--ink-3);margin:0 0 22px}
.cs__list{display:grid;gap:20px}
.cs__main .notice{margin-top:32px}
.cs__side{position:sticky;top:100px;display:grid;gap:20px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.side-card h2{font-size:1.05rem;font-stretch:105%;margin-bottom:14px}
.side-card--search{background:var(--navy-900);color:#fff;border:0}
.side-card--search h2{color:#fff}
.side-form{display:grid;gap:10px}
.side-cats{list-style:none;margin:0 0 16px;padding:0;max-height:380px;overflow:auto;display:grid;gap:2px}
.side-cats a{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;font-size:.94rem;font-weight:600;color:var(--ink-2)}
.side-cats a:hover{background:var(--blue-50);color:var(--blue-700)}
.side-cats span{color:var(--ink-3);font-weight:500}
.lcard .chip,.lcard__go{position:relative;z-index:2}
.lcard__meta{align-items:center}
.lcard__go{margin-left:auto;flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ice-2);color:var(--cobalt);text-decoration:none}
.lcard__go svg{width:18px;height:18px;margin:0;color:currentColor}
.lcard__go:hover{background:var(--logo-blue);color:#fff}
@media (max-width:960px){.cs__in{grid-template-columns:1fr}.cs__side{position:static}}
.notfound{padding:20px 0}