.categories-container,.tags-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.tags-container{margin-bottom:4rem}.categories-grid,.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.category-card,.tag-card{border:1px solid var(--sl-border-color);border-radius:.5rem;background-color:var(--sl-color-accent-low);padding:1.5rem;text-decoration:none;color:var(--sl-color-white);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;height:100%;overflow:hidden}.category-card:before,.tag-card:before{content:"";position:absolute;inset:0;background:var(--sl-gradient-brand);opacity:0;transition:opacity .2s ease;z-index:0}.category-card:hover,.tag-card:hover{transform:translateY(-2px);background-color:var(--sl-color-accent-low);border-color:var(--sl-color-accent)}.category-card:hover:before,.tag-card:hover:before{opacity:.1}.category-info,.tag-info{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative;z-index:2}.category-main-info,.tag-main-info{flex:1}.category-card h2,.tag-card h2{margin:0 0 .5rem;font-size:1.2rem;color:var(--sl-color-white)}.category-description,.tag-description{position:relative;height:4.5em;overflow:hidden;line-height:1.5;color:var(--sl-color-gray-2)}.category-description p,.tag-description p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;line-height:1.5}.category-card:hover .category-description:after,.tag-card:hover .tag-description:after{background:linear-gradient(to bottom,transparent,var(--sl-color-accent-low) 70%)}.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:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.category-card:hover .tool-count,.tag-card:hover .tool-count{background-color:var(--sl-color-accent);color:var(--sl-color-white)}.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 h2{margin:0;font-size:2rem;color:var(--sl-color-white)}.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)}