.breadcrumb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--text-sm);margin-bottom:var(--space-xl)}.breadcrumb a{color:var(--text-muted);transition:color var(--duration-fast)}.breadcrumb a:hover{color:var(--accent-primary)}.breadcrumb-separator{color:var(--text-muted);opacity:.5}.breadcrumb-current{color:var(--text)}.page-header{position:relative;z-index:10;padding:calc(var(--space-2xl) + var(--nav-height)) 0 var(--space-2xl);text-align:center;border-bottom:1px dashed var(--border)}.page-subtitle{font-size:var(--text-xl);max-width:600px;margin:0 auto;color:var(--text-muted)}.header-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle)}.stat-sep{opacity:.4}.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px dashed var(--border)}.section-heading{font-size:var(--text-2xl);font-weight:600;margin-top:var(--space-xs);line-height:1.2}.section-view-all{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--accent-primary);text-decoration:none;white-space:nowrap;padding-bottom:2px;transition:gap var(--duration-fast) var(--ease-out)}.section-view-all:hover{gap:var(--space-sm)}.section-view-all svg{transition:transform var(--duration-fast) var(--ease-out)}.section-view-all:hover svg{transform:translateX(3px)}.hero-section{padding:var(--space-3xl) 0 var(--space-2xl)}.latest-section{padding:var(--space-3xl) 0;border-top:1px dashed var(--border)}.latest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.picks-section{padding:var(--space-3xl) 0;border-top:1px dashed var(--border)}.picks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.categories-section{padding:var(--space-3xl) 0;border-top:1px dashed var(--border)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.category-card{position:relative;display:flex;flex-direction:column;padding:var(--space-lg) var(--space-lg) var(--space-md);background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.category-card:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-primary);transform:scaleY(0);transform-origin:bottom;transition:transform var(--duration-normal) var(--ease-out)}.category-card:hover{border-style:solid;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-card:hover:after{transform:scaleY(1)}.category-card-count-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-primary);background:var(--accent-primary-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);transition:all var(--duration-fast)}.category-card:hover .category-card-count-badge{background:var(--accent-primary);color:white}.category-card-title{font-size:var(--text-base);font-weight:600;margin-bottom:4px;color:var(--text);transition:color var(--duration-fast)}.category-card:hover .category-card-title{color:var(--accent-primary)}.category-card-count{font-size:var(--text-xs);color:var(--text-subtle);flex:1}.category-card-arrow{position:absolute;top:var(--space-md);right:var(--space-md);color:var(--text-subtle);opacity:0;transform:translate(-4px,4px);transition:all var(--duration-fast) var(--ease-out)}.category-card:hover .category-card-arrow{opacity:1;transform:translate(0);color:var(--accent-primary)}.newsletter-wrapper{padding:var(--space-2xl) 0;border-top:1px dashed var(--border)}.archive-section{padding:var(--space-3xl) 0 var(--space-3xl);border-top:1px dashed var(--border);background:var(--bg-surface)}.archive-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}@media (max-width:1024px){.picks-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.latest-grid{grid-template-columns:1fr;gap:var(--space-lg)}.picks-grid{grid-template-columns:repeat(2,1fr)}.archive-list{grid-template-columns:1fr;gap:var(--space-lg)}.section-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media (max-width:640px){.page-header{padding-top:calc(var(--space-xl) + var(--nav-height))}.picks-grid{grid-template-columns:1fr 1fr}.section-heading{font-size:var(--text-xl)}.categories-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.categories-grid,.picks-grid{grid-template-columns:1fr}}.subcategory-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.filter-btn{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);background:transparent;border:1px dashed var(--border);border-radius:100px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.filter-btn.active,.filter-btn:hover{color:var(--text);border-color:var(--accent-primary);background:var(--bg-surface)}.filter-btn.active{background:var(--accent-primary);color:white;border-style:solid}.posts-section{padding:var(--space-3xl) 0}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.no-posts{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.other-categories{border-top:1px dashed var(--border);padding:var(--space-xl) 0}.view-all-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);font-weight:500;color:var(--accent-primary);transition:all var(--duration-fast) var(--ease-out)}.view-all-link:hover{gap:var(--space-md)}.view-all-link svg{transition:transform var(--duration-fast) var(--ease-out)}.view-all-link:hover svg{transform:translateX(4px)}@media (max-width:800px){.posts-grid{grid-template-columns:1fr;gap:var(--space-lg)}}@media (max-width:640px){.subcategory-filters{gap:var(--space-xs)}.filter-btn{padding:6px 12px;font-size:var(--text-xs)}}