*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#17202a;font-family:Tahoma,Arial,sans-serif;line-height:1.7}.container{width:min(1180px,92%);margin:auto}.top{background:#0f3557;color:white;padding:15px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:white;text-decoration:none;font-size:25px;font-weight:800}.brand span{font-size:14px;background:#2b8ac6;padding:2px 7px;border-radius:6px}.nav form{display:flex;gap:7px}.nav input{width:280px;padding:10px;border:0;border-radius:8px}.button,button{border:0;border-radius:8px;padding:10px 16px;background:#20689a;color:white;cursor:pointer}.cats{background:white;border-bottom:1px solid #e2e8f0}.cats .container{display:flex;gap:22px;overflow:auto;padding:8px 0}.cats a{color:#345;text-decoration:none;white-space:nowrap}.hero{margin:30px 0;padding:35px;border-radius:20px;background:linear-gradient(135deg,#dbeeff,#fff);border:1px solid #d4e7f5}.hero h1{font-size:38px;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #0000000b;border:1px solid #e6ebf0}.card img{width:100%;height:190px;object-fit:cover}.pad{padding:17px}.card h2{font-size:21px;line-height:1.4}.card a{color:#0d4f7e;text-decoration:none}.meta{color:#718096;font-size:13px}.breaking{display:inline-block;background:#c62828;color:white;padding:2px 8px;border-radius:5px;font-size:12px}.read{font-weight:bold}.article{background:white;margin-top:30px;padding:35px;border-radius:18px;max-width:900px}.article h1{font-size:40px;line-height:1.35}.article-img{width:100%;max-height:520px;object-fit:cover;border-radius:14px}.summary{background:#eef7ff;border-right:5px solid #20689a;padding:20px;margin:25px 0;font-size:20px}.points li{margin:10px 0}.tags span{display:inline-block;background:#edf2f7;border-radius:20px;padding:3px 10px;margin:4px}.source{display:inline-block;background:#20689a;color:white!important;padding:10px 18px;border-radius:8px;margin-top:20px}.list article{background:white;padding:20px;border-radius:12px;margin:12px 0}.back{color:white;text-decoration:none}footer{margin-top:50px;background:#17202a;color:white;padding:30px}@media(max-width:800px){.grid{grid-template-columns:1fr}.hero h1{font-size:28px}.nav{flex-direction:column;align-items:stretch}.nav input{width:100%}}