.categories-container,.tags-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.tags-container{margin-bottom:4rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2rem}.category-card{display:block;border:1px solid var(--sl-color-gray-3);border-radius:1rem;background:transparent;box-shadow:inset 0 0 40px #8b5cf614;padding:1.35rem 1.5rem;text-decoration:none;color:var(--sl-color-white);transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease;position:relative;height:100%}.category-card:hover{transform:translateY(-4px);border-color:var(--sl-color-accent);box-shadow:inset 0 0 50px #8b5cf626,0 14px 28px -12px #8b5cf659}.category-info{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:2}.category-card h2{margin:0;font-size:1.05rem;font-weight:600;color:var(--sl-color-white);letter-spacing:-.01em}.tags-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.tag-card{display:inline-flex;align-items:center;border:1px solid var(--sl-color-gray-3);border-radius:999px;background:transparent;box-shadow:inset 0 0 22px #8b5cf60f;padding:.5rem .65rem .5rem 1.05rem;text-decoration:none;color:var(--sl-color-gray-1);transition:transform .2s ease,border-color .2s ease,background .2s ease}.tag-card:hover{transform:translateY(-2px);border-color:var(--sl-color-accent);background:var(--sl-color-accent-low)}.tag-info{display:inline-flex;align-items:center;gap:.6rem}.tag-card h2{margin:0;font-size:.9rem;font-weight:600;color:var(--sl-color-white)}.tool-count{position:relative;z-index:2;background-color:var(--sl-color-accent-low);color:var(--sl-color-accent);border:1px solid var(--sl-color-accent);border-radius:999px;padding:.15rem .65rem;font-size:.72rem;font-weight:600;white-space:nowrap;transition:all .2s ease}.category-card:hover .tool-count,.tag-card:hover .tool-count{background-color:var(--sl-color-accent);color:#fff}.categories-list,.tags-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.cats-tags-filter-container{display:flex;justify-content:space-between;gap:1rem;padding:1rem 2rem;border-bottom:1px solid var(--sl-border-color);margin-bottom:1rem}.cats-tags-controls{display:flex;justify-content:space-between;align-items:center;margin:1rem 2rem 2rem}.cats-tags-search{padding:.5rem;border:1px solid var(--sl-border-color);border-radius:4px;width:100%;max-width:300px;background-color:var(--sl-color-gray-4);color:var(--sl-color-white)}.cats-tags-view-toggle{display:flex;gap:.5rem;align-items:center}.cats-tags-view-button{width:36px;height:36px;padding:.5rem;border:1px solid var(--sl-border-color);border-radius:4px;background-color:var(--sl-color-gray-4);color:var(--sl-color-white);cursor:pointer;display:flex;align-items:center;justify-content:center}.cats-tags-view-button:hover{border-color:var(--sl-color-accent)}.cats-tags-view-button.active{background-color:var(--sl-color-accent-low);border-color:var(--sl-color-accent)}.category-detail,.tag-detail{max-width:1200px;margin:0 auto;padding:2rem}.category-header,.tag-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--sl-border-color)}.category-title,.tag-title{font-size:2rem;margin:0 0 1rem;color:var(--sl-color-white)}.category-meta,.tag-meta{display:flex;gap:1rem;align-items:center;color:var(--sl-color-gray-2)}.related-tools{margin-top:2rem}.related-tools h3{margin-bottom:1rem;color:var(--sl-color-white)}.category-card:focus-within,.tag-card:focus-within{outline:none;border-color:var(--sl-color-accent);box-shadow:0 0 0 2px var(--sl-color-accent-low)}@media(max-width:768px){.categories-grid,.tags-grid{grid-template-columns:1fr}.cats-tags-controls{flex-direction:column;gap:1rem}.cats-tags-search{max-width:100%}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.section-header.centered{flex-direction:column;justify-content:center;gap:.85rem;text-align:center;margin-bottom:2rem}.section-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sl-color-accent);background:var(--sl-color-accent-low);border:1px solid var(--sl-color-accent);padding:.25rem .85rem;border-radius:999px}.section-header h2{margin:0;font-size:2rem;color:var(--sl-color-white)}.section-header.centered h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em}.section-more{display:flex;justify-content:center;padding-top:2.25rem}.section-more-link{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.4rem;border-radius:999px;border:1px solid var(--sl-color-gray-3);color:var(--sl-color-gray-1);font-size:.92rem;font-weight:600;text-decoration:none;transition:border-color .18s ease,color .18s ease,box-shadow .2s ease,transform .18s ease}.section-more-link:hover{border-color:var(--sl-color-accent);color:var(--sl-color-white);box-shadow:inset 0 0 20px #8b5cf626;transform:translateY(-1px);text-decoration:none}[dir=rtl] .section-more-link .more-arrow{transform:scaleX(-1)}.tag-cloud{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem .6rem;max-width:56rem;margin:0 auto}.tag-cloud .tag-card{flex:0 0 auto}.tag-cloud .tag-size-l .tag-info h2{font-size:1.1rem;font-weight:800}.tag-cloud .tag-size-l{padding-block:.75rem}.tag-cloud .tag-size-m .tag-info h2{font-size:.95rem}.tag-cloud .tag-size-s .tag-info h2{font-size:.82rem;font-weight:500}.tag-cloud .tag-size-s{opacity:.85}.tag-cloud .tag-size-s .tool-count{display:none}.see-all-link{display:flex;align-items:center;position:relative;text-decoration:none;color:var(--sl-color-accent);font-weight:500;transition:all .3s ease;padding:.25rem .5rem;border-radius:.25rem}[dir=ltr] .see-all-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--sl-color-accent);transition:width .3s ease}[dir=rtl] .see-all-link:after{content:"";position:absolute;bottom:-2px;right:0;left:auto;width:0;height:2px;background-color:var(--sl-color-accent);transition:width .3s ease}.see-all-link:hover{color:var(--sl-color-white);background-color:rgba(var(--sl-color-accent-rgb),.1)}.see-all-link:hover:after{width:100%}[dir=ltr] .see-all-link svg{margin-left:.25rem;margin-right:0;transition:transform .3s ease}[dir=ltr] .see-all-link:hover svg{transform:translate(3px)}[dir=rtl] .see-all-link svg{margin-right:.25rem;margin-left:0;transform:rotate(180deg);transition:transform .3s ease}[dir=rtl] .see-all-link:hover svg{transform:rotate(180deg) translate(3px)}