:root{--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-primary-light:#e8f0fe;--color-text-primary:#202124;--color-text-secondary:#5f6368;--color-text-tertiary:#5f6368;--color-border:#dadce0;--color-surface:#fff;--color-surface-hover:#f8f9fa;--shadow-sm:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;--shadow-md:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326;--radius-md:12px}.articles-page-clean{background:#f8f9fa;color:var(--color-text-primary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:100%;padding:0}.articles-header-clean{background:#fff;padding:48px 20px;text-align:center}.articles-header-content{margin:0 auto;max-width:800px}.articles-header-clean h1{color:var(--color-text-primary);font-size:1.85rem;font-weight:400;letter-spacing:-.5px;line-height:1.3;margin:0 0 12px}@media(min-width:768px){.articles-header-clean h1{font-size:2.5rem;margin:0 0 16px}}.articles-subtitle{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin:0}.articles-container{margin:0 auto;max-width:1200px;padding:40px 24px}.filter-section-articles{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px}.search-box-articles{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:24px;display:flex;margin-bottom:20px;padding:10px 18px;position:relative;transition:all .2s}.search-box-articles:focus-within{background:#fff;border-color:var(--color-primary)}.search-icon{color:var(--color-text-tertiary);flex-shrink:0}.search-input-articles{background:#0000;border:none;color:var(--color-text-primary);flex:1;font-family:inherit;font-size:.9375rem;outline:none;padding:0 12px}.clear-btn,.search-input-articles::placeholder{color:var(--color-text-tertiary)}.clear-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 4px}.clear-btn:hover{color:var(--color-text-primary)}.articles-filter-clean{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px;padding:0 12px}@media(min-width:768px){.articles-filter-clean{justify-content:flex-start;padding:0}}.filter-label{align-items:center;color:var(--color-text-tertiary);display:inline-flex;font-size:.875rem;font-weight:500;gap:6px}.category-filter-btn{background:#0000;border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:8px 16px;transition:all .2s}.category-filter-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.category-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.results-info{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:32px;padding:16px 20px}.results-info p{color:var(--color-text-secondary);font-size:.9375rem;margin:0}.results-info strong{color:var(--color-text-primary);font-weight:600}.reset-filters-btn{background:#0000;border:1px solid var(--color-border);border-radius:4px;color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.reset-filters-btn:hover{background:var(--color-primary-light)}.articles-listing-section{margin-bottom:48px}.articles-grid-clean{display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:64px}@media(min-width:768px){.articles-grid-clean{gap:32px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.article-card-clean{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s}.article-card-clean:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.article-link-clean{color:inherit;display:block;text-decoration:none}.article-image-clean{aspect-ratio:16/9;background-color:#f0f4f8;overflow:hidden;position:relative;width:100%}.article-image-clean img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.article-card-clean:hover .article-image-clean img{transform:scale(1.05)}.category-badge-clean{align-items:center;background:#fffffff2;border-radius:16px;box-shadow:var(--shadow-sm);color:var(--color-text-primary);display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;left:12px;padding:6px 12px;position:absolute;top:12px}.article-content-clean{padding:20px}.article-content-clean h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:400;line-height:1.4;margin:0 0 12px;-webkit-line-clamp:2;line-clamp:2}.article-content-clean h3,.article-content-clean p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.article-content-clean p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:0 0 16px;-webkit-line-clamp:3;line-clamp:3}.article-footer-clean{align-items:center;display:flex;justify-content:space-between}.article-meta-clean{color:var(--color-text-tertiary);display:flex;font-size:.8125rem;gap:12px}.article-meta-clean span{align-items:center;display:flex;gap:4px}.read-link-clean{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.875rem;font-weight:500;gap:4px;transition:gap .2s}.article-card-clean:hover .read-link-clean{gap:8px}.no-results-articles{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:64px 24px;text-align:center}.no-results-articles svg{color:var(--color-text-tertiary);margin-bottom:20px}.no-results-articles h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:400;margin:0 0 12px}.no-results-articles p{color:var(--color-text-secondary);font-size:.9375rem;margin:0 auto 24px;max-width:480px}.reset-btn-large{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;padding:12px 24px;transition:all .2s}.reset-btn-large:hover{background:var(--color-primary-hover)}.back-to-top-clean{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:24px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:24px;transition:all .2s;width:48px;z-index:100}.back-to-top-clean:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media(max-width:768px){.articles-header-clean{padding:48px 16px 40px}.articles-header-clean h1{font-size:2rem}.articles-subtitle{font-size:1rem}.articles-container{padding:32px 16px}.filter-section-articles{padding:20px}.category-filters{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.category-filter-btn{flex-shrink:0}.results-info{flex-direction:column;gap:12px;text-align:center}.articles-grid-clean{grid-template-columns:1fr}}@media(max-width:480px){.articles-header-clean h1{font-size:1.75rem}.filter-section-articles{padding:16px}.category-filter-btn{font-size:.75rem;padding:6px 12px}}.article-link-clean:focus,.back-to-top-clean:focus,.category-filter-btn:focus,.reset-btn-large:focus,.reset-filters-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.article-card-clean,.article-image-clean img,.back-to-top-clean{transition:none}}@media print{.back-to-top-clean,.filter-section-articles,.results-info{display:none}}