/* Server-rendered genre/category navigation; deliberately scoped to avoid existing cards. */
.genre-hub,.topic-cluster,.editorial-profile{margin:28px 0;padding:24px;border:1px solid #d5e2dc;border-radius:16px;background:#fff;min-width:0}
.genre-hub h2,.topic-cluster h2,.category-hub h2{font-size:clamp(19px,1.7vw,25px);line-height:1.55;margin:0 0 18px;color:#204b40}
.genre-hub h3{font-size:17px;line-height:1.6;margin:8px 0;color:#204b40}
.genre-hub__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.genre-hub__steps section{padding:18px;background:#f4f8f5;border-radius:12px;min-width:0}
.genre-hub__steps section>span{color:#a65a16;font-size:13px;font-weight:800}
.genre-hub__steps p{font-size:14px;line-height:1.95;margin:0;color:#52635d}
.genre-hub__facets{margin-top:24px}.genre-hub__facets>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:10px;align-items:start}
.genre-hub__facets details{border:1px solid #cbded3;border-radius:8px;background:#f8fbf9;min-width:0;padding:0 14px}.genre-hub__facets summary{padding:12px 0;color:#215e4f;font-size:14px;cursor:pointer;line-height:1.6}.genre-hub__facets summary small{margin-left:10px}.genre-hub__facets ul{list-style:none;margin:0;padding:0}.genre-hub__facets li{border-top:1px solid #d5e2dc}.genre-hub__facets a{display:block;min-height:44px;padding:12px 0;color:#215e4f;text-decoration:none;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.genre-hub__facets .genre-hub__all-tags{font-size:12px}.genre-hub__facets details .hub-note{margin:8px 0 0}.genre-hub__facets summary:focus-visible{outline:3px solid #b97427;outline-offset:3px}
.genre-hub__facets small{color:#5e6e66;font-size:12px}
.category-hub__article-group{margin-top:28px}
.hub-link-group{margin-top:28px}.hub-link-group ul,.topic-cluster ul{list-style:none;padding:0;margin:0}
.hub-link-group li+li,.topic-cluster li+li{border-top:1px solid #e0e8e3}
.hub-link-group a{display:flex;gap:20px;justify-content:space-between;padding:14px 0;font-size:16px;line-height:1.7;color:#254d42;text-decoration:none}
.hub-link-group a>span{flex:none}.hub-note{font-size:13px;color:#5c6d64;margin-top:-8px}
.category-hub.section{padding:32px 0 0}.category-hub__genres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.category-hub__genres a{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:84px;padding:16px 36px 16px 18px;background:#fff;border:1px solid #d5e2dc;border-radius:12px;color:#214f42;text-decoration:none}
.category-hub__genres span{font-size:17px;font-weight:750}.category-hub__genres small{font-size:12px;color:#687970}.category-hub__genres b{position:absolute;right:16px;top:28px}
.category-hub__all{display:block;margin-top:24px;text-align:right;color:#215e4f;font-size:14px}
.category-hero-jumps{display:flex;flex-wrap:wrap;gap:10px 20px;margin:8px 0 16px}.category-hero-jumps a{color:#215e4f;font-size:14px;padding:8px 0;text-underline-offset:4px}
#category-hub,#category-articles,#category-popular-rankings,#category-comparison-columns{scroll-margin-top:84px}
.topic-cluster ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.topic-cluster li{border-top:1px solid #e0e8e3}.topic-cluster a{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:3px 8px;padding:13px 0;text-decoration:none;color:#215448;font-size:15px;line-height:1.7}
.topic-cluster small{grid-column:1;color:#9e5515;font-size:11px;font-weight:700}.topic-cluster a>span{grid-column:1}.topic-cluster b{grid-column:2;grid-row:1 / 3;align-self:center}
.editorial-profile{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;background:#f4f8f5}
.editorial-profile img{width:56px;height:56px;border-radius:50%}.editorial-profile h2{font-size:19px;margin:3px 0 8px;line-height:1.6}.editorial-profile h2 small{font-size:13px;font-weight:500;margin-left:6px}
.editorial-profile p{font-size:14px;line-height:1.9;margin:0 0 8px}.editorial-profile .editorial-profile__note{font-size:12px;color:#627369}.editorial-profile a{font-size:14px;color:#215e4f}
.seo-page-tail{max-width:1000px}.genre-archive-hero .page-title{font-size:clamp(25px,3vw,40px);line-height:1.6}.genre-archive-hero .page-description{max-width:850px;font-size:15px;line-height:1.95}
.genre-hub a:hover,.topic-cluster a:hover,.category-hub a:hover{color:#9b510e;text-decoration:underline}.genre-hub a:focus-visible,.topic-cluster a:focus-visible,.category-hub a:focus-visible{outline:3px solid #b97427;outline-offset:3px}
@media(max-width:700px){.genre-hub,.topic-cluster,.editorial-profile{padding:18px;margin:22px 0;border-radius:12px}.genre-hub__steps{grid-template-columns:1fr;gap:10px}.genre-hub__steps section{padding:15px}.genre-hub h2,.topic-cluster h2,.category-hub h2{font-size:20px}.category-hub__genres{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-hub__genres a{min-height:86px;padding:12px 24px 12px 12px}.category-hub__genres span{font-size:15px}.category-hub__genres small{font-size:11px}.category-hub__genres b{right:8px}.topic-cluster ul{grid-template-columns:1fr}.editorial-profile{grid-template-columns:40px minmax(0,1fr);gap:12px}.editorial-profile img{width:40px;height:40px}.editorial-profile h2 small{display:block;margin:0}.genre-hub__facets a{font-size:13px}.hub-link-group a{font-size:15px}.category-hub.section{padding-top:24px}}