.sba-cat{background:var(--sba-bg-0);min-height:100vh;font-family:var(--sba-sans);color:var(--sba-text-0)}.sba-cat-header{max-width:1200px;margin:0 auto;padding:32px 16px 0}.sba-cat-title{font-family:var(--sba-serif);font-size:28px;font-weight:700;margin:0 0 4px}.sba-cat-desc{font-size:14px;color:var(--sba-text-2);margin:0}.sba-cat-layout{max-width:1200px;margin:0 auto;padding:24px 16px;display:flex;gap:24px}.sba-cat-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.sba-cat-rail{display:none}@media (min-width:960px){.sba-cat-rail{display:block;width:300px;flex-shrink:0}}.sba-cat-badge{display:inline-block;font-family:var(--sba-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--sba-accent);color:#fff;padding:3px 8px;border-radius:3px;margin-bottom:8px}.sba-cat-featured{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/7;text-decoration:none;color:inherit}.sba-cat-featured-bg{position:absolute;inset:0;transition:transform .4s ease}.sba-cat-featured:focus-visible .sba-cat-featured-bg,.sba-cat-featured:hover .sba-cat-featured-bg{transform:scale(1.03)}.sba-cat-featured-content{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;align-items:flex-start}.sba-cat-featured-title{font-family:var(--sba-serif);font-size:22px;font-weight:700;line-height:1.3;margin:0 0 6px;color:#fff}.sba-cat-featured-meta{font-size:12px;color:hsla(0,0%,100%,.6)}@media (min-width:768px){.sba-cat-featured-title{font-size:28px}}.sba-cat-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:540px){.sba-cat-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.sba-cat-grid{grid-template-columns:repeat(3,1fr)}}.sba-cat-card{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:var(--sba-bg-1);border:1px solid var(--sba-border);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}@media (hover:hover){.sba-cat-card:hover{border-color:var(--sba-accent);transform:translateY(-2px)}}.sba-cat-card:focus-visible{outline:2px solid var(--sba-accent);outline-offset:2px}.sba-cat-card-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}.sba-cat-card-thumb-bg{position:absolute;inset:0;transition:transform .4s ease}.sba-cat-card:hover .sba-cat-card-thumb-bg{transform:scale(1.05)}.sba-cat-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.sba-cat-card-title{font-family:var(--sba-serif);font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sba-cat-card-meta{font-size:12px;color:var(--sba-text-2)}