.filter-section{max-width:var(--max-width);margin:0 auto;padding:0 40px 48px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:10px 20px;border-radius:8px;cursor:pointer;border:1.5px solid rgba(0,0,0,.1);background:transparent;color:var(--text-muted);transition:all .2s;font-weight:500}.filter-tab:hover{border-color:var(--accent-green);color:var(--accent-green)}.filter-tab.active{background:var(--bg-dark);color:var(--text-light);border-color:var(--bg-dark)}.featured-article{max-width:var(--max-width);margin:0 auto;padding:0 40px 64px}.featured-card{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;background:var(--bg-dark);border-radius:20px;padding:48px;align-items:center}.featured-card-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-green);margin-bottom:16px;font-weight:600}.featured-card h2{font-size:32px;font-weight:800;color:var(--text-light);line-height:1.15;letter-spacing:-1px;margin-bottom:16px}.featured-card p{font-size:16px;color:#fff9;line-height:1.7;margin-bottom:32px}.featured-visual{background:#ffffff0a;border-radius:16px;padding:40px;border:1px dashed rgba(255,255,255,.1)}.featured-visual-header{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#fff6;margin-bottom:24px}.featured-visual .visual-bars{display:flex;flex-direction:column;gap:14px}.featured-visual .visual-bar{display:flex;align-items:center;gap:12px}.featured-visual .visual-bar-label{font-family:var(--font-mono);font-size:11px;color:#ffffff80;width:80px;flex-shrink:0}.featured-visual .visual-bar-track{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.featured-visual .visual-bar-fill{height:100%;border-radius:4px}.featured-visual .visual-bar-fill.green{background:var(--accent-green)}.featured-visual .visual-bar-fill.lavender{background:var(--accent-lavender)}.articles-section{max-width:var(--max-width);margin:0 auto;padding:0 40px 80px}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:var(--bg-white);border-radius:16px;border:1px solid rgba(0,0,0,.06);padding:32px;transition:all .3s;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014;border-color:#5cb85c4d}.article-card-tag{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:16px;font-weight:600;width:fit-content}.tag-osvetlenie{background:var(--accent-green-light);color:var(--accent-green)}.tag-hranene{background:#fff3cd;color:#856404}.tag-sreda{background:var(--accent-lavender-light);color:#6a1b9a}.tag-tehniki{background:#d1ecf1;color:#0c5460}.tag-problemi{background:#f8d7da;color:#721c24}.tag-osnovi{background:#e2e3e5;color:#383d41}.article-card h3{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:12px;flex-grow:1}.article-card-desc{font-size:14px;color:var(--text-primary);line-height:1.6;margin-bottom:20px}.article-card-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding-top:16px;border-top:1px solid rgba(0,0,0,.04)}.pagination{max-width:var(--max-width);margin:0 auto;padding:8px 40px 80px;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.page-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:7px 16px;border-radius:100px;cursor:pointer;border:1.5px solid rgba(0,0,0,.1);background:transparent;color:var(--text-muted);transition:all .2s;font-weight:500;display:inline-flex;align-items:center;justify-content:center;min-width:36px}.page-btn:hover{border-color:var(--accent-green);color:var(--accent-green)}.page-btn.active{background:var(--bg-dark);color:var(--text-light);border-color:var(--bg-dark)}.page-btn:disabled,.page-btn[disabled]{opacity:.25;cursor:default;pointer-events:none}@media(max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}.featured-card{grid-template-columns:1fr}}@media(max-width:768px){.articles-grid{grid-template-columns:1fr}.page-header,.filter-section,.featured-article,.articles-section,.pagination{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.article-card,.featured-card p,.featured-card h2{overflow-wrap:break-word;word-wrap:break-word}.filter-tags{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:8px}.filter-tag{white-space:nowrap;flex-shrink:0}.featured-card{gap:24px}.featured-content h3{font-size:22px}.pagination{gap:6px;padding:8px 16px 80px}.page-btn{padding:7px 14px;font-size:11px;min-width:34px}}@media(max-width:480px){.page-header,.filter-section,.featured-article,.articles-section,.pagination{padding-left:16px;padding-right:16px}}