.news-article-main-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;background-color:#f9fafb;min-height:100vh}.news-article-heading{text-align:center;font-size:2.5rem;color:#1f2937;margin-bottom:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.news-article-hr{border:none;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);margin:1.5rem 0;border-radius:2px}.news-article-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;justify-content:center;margin-top:2rem}.news-article-card{background-color:#ffffff;border-radius:.75rem;gap:.75rem;padding:1.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e5e7eb;height:auto;max-height:400px}.news-article-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.news-article-topic{font-size:1.125rem;font-weight:700;color:#1f2937;line-height:1.3;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-article-date{color:#6b7280;margin-top:.5rem;font-size:.875rem;font-weight:500}.news-article-card p{margin-top:.75rem;color:#4b5563;line-height:1.5;text-align:justify;flex-grow:1;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.news-article-button{align-self:flex-start;margin-top:.75rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#ffffff;text-decoration:none;border:none;border-radius:.4rem;transition:all .3s ease;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.news-article-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.4)}@media only screen and (max-width:600px){.news-article-main-container{padding:1rem}.news-article-heading{font-size:2rem}.news-article-container{grid-template-columns:1fr;gap:1rem}.news-article-card{padding:1rem}}@media only screen and (min-width:601px) and (max-width:900px){.news-article-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media only screen and (min-width:901px) and (max-width:1200px){.news-article-container{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media only screen and (min-width:1201px){.news-article-container{grid-template-columns:repeat(4,1fr);gap:1.5rem}}