*{box-sizing:border-box}body{margin:0;font:16px Arial;color:#172033;background:#f5f7fa}.wrap{max-width:1100px;margin:auto;padding:0 20px}.top{background:#071522;color:white;padding:16px}.brand{font-size:22px;font-weight:800;color:white;text-decoration:none}.nav{float:right}.nav a{color:#d9e7f4;margin-left:18px;text-decoration:none}.hero{background:#0b2944;color:white;padding:55px 0}.hero h1{font-size:42px;margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.card{background:white;border:1px solid #dfe6ed;border-radius:14px;padding:20px;box-shadow:0 7px 20px #0000000c}.meta{font-size:13px;color:#718096}.score{font-size:32px;font-weight:800;margin:15px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.article{max-width:800px;margin:35px auto;line-height:1.75}.footer{margin-top:50px;background:#071522;color:#b9c7d4;padding:30px}@media(max-width:800px){.grid{grid-template-columns:1fr}.nav{display:none}.hero h1{font-size:32px}}