.page-wrapper{box-sizing:border-box;background:#f3f4f6;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.page-wrapper *{box-sizing:border-box}.skip-link{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{clip:auto;white-space:normal;color:#fff;z-index:50;background:#2563eb;width:auto;height:auto;margin:0;padding:.5rem;position:absolute;top:0;left:0;overflow:visible}.main-content{width:100%;padding-top:var(--header-height,5.5rem);flex-grow:1;overflow-x:hidden}.news-hero-section{color:#fff;background:linear-gradient(#1e40af,#1e3a8a);width:100%;padding:6rem 0;overflow-x:hidden}.news-hero-container{text-align:center;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.news-hero-title{font-size:2.5rem;font-weight:700;line-height:1.2}.news-hero-description{color:#e5e7eb;max-width:48rem;margin-top:1rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.news-content-section{background:#f9fafb;width:100%;padding:5rem 0;overflow-x:hidden}.news-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.news-controls{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.news-search-wrapper{width:100%;max-width:18rem;position:relative}.news-search-input{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem 2.5rem .5rem 1rem;font-size:.875rem;transition:all .2s}.news-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.news-search-clear{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:.25rem;transition:color .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.news-search-clear:hover{color:#4b5563}.search-clear-icon{width:1rem;height:1rem}.news-sort-wrapper{align-items:center;gap:.5rem;display:flex}.news-sort-label{color:#4b5563;font-size:.875rem}.news-sort-select{cursor:pointer;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.news-sort-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.news-grid{grid-template-columns:1fr;gap:2rem;display:grid}.news-grid-full{grid-column:1/-1}.news-card{background:#fff;border-radius:.75rem;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.news-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -5px #0000000a}.news-card-link{color:inherit;text-decoration:none;display:block}.news-card-image-wrapper{background:#e5e7eb;width:100%;height:200px;overflow:hidden}.news-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news-card:hover .news-card-image{transform:scale(1.05)}.news-card-placeholder{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-icon{opacity:.5;font-size:3rem}.news-card-content{padding:1.25rem}.news-card-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:1.125rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.news-card-excerpt{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.news-card-meta{color:#9ca3af;flex-wrap:wrap;gap:1rem;font-size:.75rem;display:flex}.news-card-author,.news-card-date{align-items:center;gap:.25rem;display:flex}.meta-icon{width:.875rem;height:.875rem}.news-skeleton-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:200px;animation:1.5s infinite skeleton-loading}.skeleton-content{padding:1.25rem}.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;width:80%;height:1.5rem;margin-bottom:1rem;animation:1.5s infinite skeleton-loading}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;width:100%;height:1rem;margin-bottom:.5rem;animation:1.5s infinite skeleton-loading}.skeleton-text.short{width:60%}.skeleton-meta{gap:1rem;margin-top:1rem;display:flex}.skeleton-meta-item{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;width:5rem;height:.875rem;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.news-empty-state,.news-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.empty-state-message,.error-state-message{color:#6b7280;margin:0;font-size:1.125rem}.error-state-icon{color:#ef4444;width:3rem;height:3rem;margin-bottom:1rem}.error-retry-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.error-retry-button:hover{background:#1d4ed8}.retry-icon{width:1rem;height:1rem}.news-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem;display:flex}.pagination-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;font-size:.875rem;transition:all .2s;display:flex}.pagination-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{color:#fff;background:#2563eb;border-color:#2563eb}.pagination-icon{width:1rem;height:1rem}.pagination-ellipsis{color:#6b7280;padding:0 .5rem}.news-stats{text-align:center;color:#6b7280;margin-top:.75rem;font-size:.875rem}@media (max-width:640px){.news-hero-section{padding:4rem 0}.news-hero-title{font-size:1.875rem}.news-hero-description{font-size:1rem}.news-content-section{padding:3rem 0}.news-controls{gap:.75rem}.news-search-wrapper{max-width:100%}.news-card-image-wrapper{height:180px}}@media (min-width:641px) and (max-width:767px){.news-controls{flex-direction:row;justify-content:space-between;align-items:center}.news-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.news-hero-section{padding:6rem 0}.news-hero-container{padding:0 1.5rem}.news-hero-title{font-size:3rem}.news-content-section{padding:5rem 0}.news-container{padding:0 1.5rem}.news-controls{flex-direction:row;justify-content:space-between;align-items:center}.news-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.news-hero-title{font-size:3rem}.news-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.news-hero-description{font-size:1.25rem}}
