.news-grid-wrapper,.news-page{background-color:#111827;color:white;min-height:100vh;padding:2rem 1rem}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.page-title{text-align:center;font-size:2.5rem;margin-bottom:2rem;color:white;font-weight:600;line-height:1.2}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.news-card{background-color:#1f2937;border-radius:.75rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;border:1px solid #374151}.news-card:hover{transform:translateY(-.5rem);box-shadow:0 10px 25px -5px rgba(0,0,0,.25);border-color:#4b5563}.news-card img{height:180px;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.news-card-body{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.news-card-body h2{font-size:1.25rem;font-weight:600;color:white;margin-bottom:.75rem;line-height:1.4}.news-card-body p{font-size:.9375rem;color:#d1d5db;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.news-card-body .read-more{color:#34d399;font-weight:500;font-size:.9375rem;margin-top:auto;align-self:flex-start;transition:color .2s}.news-card-body .read-more:hover{color:#10b981;text-decoration:underline}.news-detail-wrapper{max-width:900px;margin:0 auto;padding:1rem}.news-detail-card{background-color:#1f2937;border-radius:.75rem;padding:2rem;margin:2rem auto;border:1px solid #374151}.news-detail-image{width:100%;max-height:450px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;margin-bottom:1.5rem}.news-detail-date{font-size:.875rem;color:#9ca3af;margin-bottom:1rem;display:block}.news-html-content{line-height:1.7}.news-html-content p{margin-bottom:1.25rem}.news-html-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:3rem 0 1rem;flex-wrap:wrap}.pagination-link{padding:.625rem 1.25rem;border:1px solid #374151;border-radius:.375rem;color:#e5e7eb;text-decoration:none;transition:all .2s;font-size:.9375rem;background-color:#1f2937}.pagination-link:hover{background:#374151;border-color:#4b5563}.pagination-link.disabled{color:#6b7280;border-color:#374151;background-color:#1f2937;cursor:not-allowed;opacity:.7}.pagination-current{color:#9ca3af;font-size:.9375rem;padding:0 .5rem}.news-banner-container{width:100%;max-width:1200px;margin:0 auto 30px;padding:0 20px;box-sizing:border-box}.news-banner{width:100%;height:auto;max-height:180px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (max-width:768px){.news-banner-container{padding:0 16px;margin-bottom:20px}.news-banner{max-height:90px}}@media (max-width:480px){.news-banner-container{padding:0 12px;margin-bottom:15px}.news-banner{max-height:70px;border-radius:6px}}@media (max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.news-grid-wrapper,.news-page{padding:1.5rem 1rem}.page-title{font-size:1.75rem;margin-bottom:1.5rem}.news-grid{grid-template-columns:1fr;max-width:500px}.news-card-body{padding:1rem}.news-card-body h2{font-size:1.125rem}.news-detail-card{padding:1.25rem;margin:1.5rem auto}.pagination{gap:.75rem;margin:2rem 0 0}.pagination-link{padding:.5rem 1rem}}@media (max-width:480px){.page-title{font-size:1.5rem}.news-card img{height:160px}.pagination{gap:.5rem}.pagination-link{padding:.5rem .75rem}.pagination-current,.pagination-link{font-size:.875rem}}