.cat-hero{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-muted)}.cat-hero h1{margin:0;border-bottom:none;padding-bottom:0}.cat-hero-top{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.cat-hero-icon{font-size:2.5rem;color:var(--accent);margin-top:.15rem;flex-shrink:0}.cat-hero-text{min-width:0}.cat-hero-desc{font-family:var(--font-sans);color:var(--text-muted);font-size:.875rem;line-height:1.6;margin-top:.35rem;margin-bottom:0;max-width:600px}.cat-hero-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.cat-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.cat-stat-value{font-family:var(--font-sans);font-size:1.1rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.cat-stat-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.cat-main{max-width:100%}.cat-filter-wrap{margin-bottom:1.5rem}.cat-filter-box{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border-muted);border-radius:8px;padding:.5rem .75rem;transition:border-color var(--duration-fast)}.cat-filter-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-faint)}.cat-filter-box .search-icon{font-size:18px;color:var(--text-muted);margin-right:.5rem}.cat-filter-input{font-family:inherit;font-size:.875rem;outline:none;background:transparent;color:var(--text);border:none;flex:1}.cat-filter-input::placeholder{color:var(--text-micro)}.cat-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr)}}.cat-card{display:flex;flex-direction:column;background:var(--surface);border:none;border-radius:8px;padding:1.25rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s;contain:content}.cat-card:hover{box-shadow:var(--shadow-md)}@media(hover:hover){.cat-card:hover{transform:translateY(-1px)}}.cat-card[hidden]{display:none}.cat-card-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.4rem}.cat-card-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:400;color:var(--text);text-decoration:none;line-height:1.3}.cat-card-title:hover{color:var(--accent);text-decoration:underline}.cat-card-badge{flex-shrink:0;font-family:var(--font-sans);font-size:.65rem;font-weight:700;color:var(--accent);background:var(--accent-faint);border-radius:999px;padding:.15rem .45rem;line-height:1;white-space:nowrap}.cat-card-excerpt{font-size:.8rem;color:var(--text-faint);line-height:1.5;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-card-children{display:flex;flex-direction:column;gap:0;margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--border-muted)}.cat-card-child{font-family:var(--font-sans);font-size:.8rem;color:var(--text-muted);text-decoration:none;padding:.3rem 0 .3rem .75rem;border-left:2px solid var(--border-muted);transition:color .1s,border-color .1s;line-height:1.3}@media(hover:hover){.cat-card-child:hover{color:var(--accent);border-left-color:var(--accent);text-decoration:none}}.cat-card-grandchild{font-family:var(--font-sans);font-size:.75rem;color:var(--text-faint);text-decoration:none;padding:.2rem 0 .2rem 1.5rem;border-left:2px solid var(--border-muted);transition:color .1s,border-color .1s;line-height:1.3}@media(hover:hover){.cat-card-grandchild:hover{color:var(--accent);border-left-color:var(--accent);text-decoration:none}}.cat-card-overflow{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transition:max-height var(--duration-slow) var(--ease-out),opacity var(--duration-normal) ease}.cat-card-overflow.expanded{max-height:40rem;opacity:1}.cat-card-more{display:inline-flex;align-items:center;background:none;border:none;padding:.3rem 0 .3rem .75rem;font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--accent);cursor:pointer;border-left:2px solid transparent;transition:color .1s}.cat-card-more:hover{color:var(--accent-hover)}.cat-card .article-meta{margin-top:auto;padding-top:.6rem}.cat-card .article-meta .meta-text,.cat-card .article-meta .meta-sep,.cat-card .article-meta .verified-inline{font-size:.7rem}.cat-no-results{text-align:center;color:var(--text-faint);font-size:.9rem;padding:3rem 1rem}.cat-no-results[hidden]{display:none}.cat-section{margin-bottom:2.5rem}.cat-section-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-muted)}.cat-section-title{font-family:var(--font-sans);font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 .2rem;border-bottom:none;padding-bottom:0}.cat-section-desc{font-family:var(--font-sans);font-size:.8rem;color:var(--text-faint);margin:0;line-height:1.5}.category-overview{margin-bottom:2rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:var(--text-faint);background:var(--bg-subtle);border:none;border-radius:8px;box-shadow:var(--shadow-sm);text-align:center}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;color:var(--text-faint);opacity:.6}.empty-state h2{border-bottom:none;margin:0 0 .5rem;color:var(--text);font-size:1.5rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem}.empty-state .back-home-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;padding:.5rem 1.2rem;border-radius:4px;font-weight:500;transition:background-color var(--duration-normal);text-decoration:none}.empty-state .back-home-button:hover{background:var(--accent-hover);text-decoration:none;color:#fff}.empty-state .back-home-button .material-symbols-outlined{font-size:1.2rem;margin-bottom:0;opacity:1}@media print{.cat-filter-wrap{display:none!important}.cat-card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc}}