.cat-hero{margin-bottom:1.5rem}.cat-hero h1{font-family:var(--font-display),Georgia,serif;font-size:clamp(1.9rem,6vw,2.6rem);font-weight:700;color:var(--ink);line-height:1.05;margin-bottom:.4rem}.cat-hero p{color:var(--muted);font-size:.95rem;max-width:60ch}.cat-search{display:flex;align-items:center;gap:.5rem;margin-bottom:1.2rem;background:var(--blanc);border:1px solid var(--line2);border-radius:100px;padding:.35rem .35rem .35rem 1rem;color:var(--muted);max-width:520px;transition:border-color .2s var(--ease)}.cat-search:focus-within{border-color:var(--bg)}.cat-search input{flex:1 1;background:none;outline:none;min-width:0;font-size:1rem;color:var(--ink)}.cat-search button,.cat-search input{border:none;font-family:var(--font-body),system-ui,sans-serif}.cat-search button{cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--blanc);background:var(--bg);padding:.55rem 1.2rem;border-radius:100px;transition:background .2s}.cat-search button:hover{background:var(--bg-deep)}.cat-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.4rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.cat-chip{font-family:var(--font-body),system-ui,sans-serif;font-size:.8rem;font-weight:600;color:var(--bg);background:var(--blanc);border:1px solid var(--line2);padding:.5rem 1rem;border-radius:100px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s var(--ease);white-space:nowrap}.cat-chip:hover{border-color:var(--bg);background:var(--rose3)}.cat-chip.active{background:var(--bg);color:var(--blanc);border-color:var(--bg)}.cat-chip .n{font-size:.72rem;opacity:.7;font-weight:500}.cat-count{font-size:.82rem;color:var(--muted);margin-bottom:1rem}.cat-grid{display:grid;grid-gap:1.4rem 1rem;gap:1.4rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:600px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.cat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.cat-card{text-decoration:none;display:block;transition:transform .25s var(--sp)}.cat-card:hover{transform:translateY(-4px)}.cat-cover{aspect-ratio:2/3;border-radius:10px;position:relative;overflow:hidden;margin-bottom:.6rem;box-shadow:0 6px 18px rgba(0,0,0,.18);background:var(--line)}.cat-cover img{width:100%;height:100%;object-fit:cover;display:block}.cat-cover .sp{position:absolute;left:0;top:0;bottom:0;width:5px;background:rgba(0,0,0,.18)}.cat-badge{position:absolute;left:.5rem;bottom:.5rem;font-size:.66rem;font-weight:700;color:var(--blanc);background:var(--bg);padding:.25rem .55rem;border-radius:100px;box-shadow:0 2px 8px rgba(124,24,36,.35)}.cat-tt{font-weight:600;font-size:.85rem;color:var(--ink);line-height:1.25}.cat-au{font-size:.74rem;color:var(--muted);font-style:italic;margin-top:2px}.cat-empty{text-align:center;padding:3rem 1rem;color:var(--muted);background:var(--rose3);border-radius:16px}.cat-empty b{display:block;color:var(--ink);font-family:var(--font-display),serif;font-size:1.3rem;margin-bottom:.4rem}.cat-pager{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:2rem}.cat-pager .pg{font-size:.82rem;font-weight:600;color:var(--bg);text-decoration:none;background:var(--blanc);border:1px solid var(--line2);padding:.6rem 1.2rem;border-radius:100px;transition:all .2s var(--ease);display:inline-flex;align-items:center;gap:.4rem}.cat-pager .pg:hover{border-color:var(--bg);background:var(--rose3)}.cat-pager .pg[aria-disabled=true]{opacity:.4;pointer-events:none}.cat-pager .pg-info{font-size:.8rem;color:var(--muted)}.cat-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cat-add{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;font-family:var(--font-body),system-ui,sans-serif;font-size:.85rem;font-weight:600;color:var(--blanc);background:var(--bg);padding:.6rem 1.2rem;border-radius:100px;text-decoration:none;transition:transform .2s var(--sp),box-shadow .2s var(--ease)}.cat-add:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(155,33,46,.25)}