.blog-section{padding:4rem var(--tf-container-padding) 6rem;max-width:var(--tf-container-max);margin:0 auto}.filter-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.filter-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.sort-container{display:flex;gap:.5rem;flex-shrink:0;margin-left:auto}.sort-tag{padding:.5rem 1.1rem;min-height:44px;display:inline-flex;align-items:center;background:var(--tf-color-card-bg);backdrop-filter:blur(var(--tf-glass-blur-md));-webkit-backdrop-filter:blur(var(--tf-glass-blur-md));border:1px solid var(--tf-color-input-border);border-radius:25px;color:var(--tf-color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--tf-transition-smooth);font-family:var(--tf-font-body);position:relative}.sort-tag:before{content:"◈";margin-right:.4rem;opacity:.7;font-size:.7rem}.sort-tag:hover,.sort-tag.active{background:var(--tf-accent-15);border-color:var(--tf-color-accent);color:var(--tf-color-accent);box-shadow:var(--tf-glow-cyan);transform:translateY(-2px)}.sort-tag.active:before{content:"✓";opacity:1}.filter-tag{padding:.65rem 1.5rem;min-height:44px;display:inline-flex;align-items:center;background:var(--tf-color-card-bg);backdrop-filter:blur(var(--tf-glass-blur-md));-webkit-backdrop-filter:blur(var(--tf-glass-blur-md));border:1px solid var(--tf-color-input-border);border-radius:25px;color:var(--tf-color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--tf-transition-smooth);font-family:var(--tf-font-body);position:relative}.filter-tag:before{content:"◈";margin-right:.5rem;opacity:.7}.filter-tag:hover,.filter-tag.active{background:var(--tf-accent-15);border-color:var(--tf-color-accent);color:var(--tf-color-accent);box-shadow:var(--tf-glow-cyan);transform:translateY(-2px)}.blog-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}.blog-card.hidden{display:none}.blog-card--loading{opacity:0;transform:translateY(30px)}.no-results{display:none;text-align:center;padding:var(--tf-space-8) var(--tf-space-4);color:var(--tf-color-text-secondary);font-size:.95rem;font-weight:500}.no-results.visible{display:block}@media (min-width: 641px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:var(--tf-grid-gap)}}@media (min-width: 1600px){.blog-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.filter-container{gap:.6rem;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.filter-container::-webkit-scrollbar{display:none}.filter-tag{padding:.55rem 1.1rem;font-size:.85rem;white-space:nowrap}}@media (max-width: 640px){.blog-section{padding:3rem 1rem 4rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.filter-row{flex-direction:column;align-items:stretch;width:100%;max-width:100%}.filter-container,.sort-container{min-width:0;max-width:100%}.sort-container{justify-content:center;margin-left:0}.sort-tag{padding:.4rem .9rem;font-size:.8rem;min-height:44px}.filter-tag{min-height:44px}}
