*,body{margin:0}.category-links a,a{text-decoration:none}.category-links,footer,header{text-align:center}*{padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f6f7f9;color:#222;width:100%;height:100%}.category-links a:focus,.category-links a:hover,.tab-btn.active,header{background:#0b66a0;color:#fff}a{color:#0b66a0}header{padding:18px}header a{color:#fff;font-size:26px;font-weight:700}main{max-width:1200px;margin:auto;padding:16px}.category-links{margin:20px 0;padding:14px 18px;background:linear-gradient(135deg,#fff,#f2f6fb);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.04)}.category-links p{margin:0;font-size:14px;font-weight:500;color:#444}.category-links a{color:#0b66a0;font-weight:600;padding:6px 10px;border-radius:4px;transition:.2s}.category-links a:focus{outline:0}.tabs{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap;justify-content:center}.tab-btn{padding:10px 18px;border-radius:6px;background:#e5e7eb;border:none;cursor:pointer;font-weight:600}.tab-content{display:none;margin-top:30px}.tab-content.active{display:block}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.blog-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:transform .2s}.blog-card:hover{transform:translateY(-4px)}.blog-card h2{font-size:18px;margin-bottom:6px}.meta{font-size:13px;color:#777;margin-bottom:10px}.excerpt{font-size:14px;color:#444;line-height:1.5}.empty{font-style:italic;color:#666;padding:30px 0}footer{background:#111827;color:#d1d5db;padding:24px 16px}footer a{color:#93c5fd}.card-image{display:block;border-radius:10px;overflow:hidden;margin-bottom:12px}.card-image img{width:100%;height:auto;display:block;transition:transform .3s}.blog-card:hover .card-image img{transform:scale(1.04)}@media (max-width:560px){.category-links,main{padding:4px}.blogs-hero h1{font-size:20px;line-height:1.3}.blogs-hero h2{font-size:18px;line-height:1.3}.blogs-hero p{font-size:14px;line-height:1.5}.tabs{gap:8px;margin-top:20px}.tab-btn{font-size:13px;padding:8px 12px;border-radius:5px}.category-links p{font-size:13px;line-height:1.6}.category-links a{display:inline-block;margin:4px 3px}.blogs-grid{grid-template-columns:1fr;gap:16px}.blog-card{padding:14px;border-radius:8px}.blog-card h2{font-size:16px;line-height:1.4}.meta{font-size:12px;margin-bottom:6px}.excerpt{font-size:13px;line-height:1.45}.card-image{border-radius:8px;margin-bottom:10px}header a{font-size:22px}footer p{font-size:12px;line-height:1.4}}