:root{--text:#333;--text-h:#08060d;--bg:#f8f9fa;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#005eb8;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading:var(--sans);font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:700}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}.news-list{flex-direction:column;gap:1.5rem;display:flex}.news-card{background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #0000000d}.news-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.news-card a{color:inherit;text-decoration:none;display:block}.card-content{flex-direction:row;display:flex}.thumbnail-container{background-color:#f0f0f0;width:240px;min-width:240px;height:160px;overflow:hidden}.thumbnail-container img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news-card:hover .thumbnail-container img{transform:scale(1.05)}.text-container{flex-direction:column;flex-grow:1;padding:1.2rem;display:flex}.card-meta{align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.category-badge{color:#005eb8;text-transform:uppercase;letter-spacing:.5px;background:#e6f0ff;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.pub-date{color:#888;font-size:.75rem}.news-card h2{color:#1a1a1a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .6rem;font-size:1.2rem;line-height:1.4;display:-webkit-box;overflow:hidden}.description{color:#555;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (width<=640px){.card-content{flex-direction:column}.thumbnail-container{width:100%;height:200px}.text-container{padding:1rem}}