:root{--b:#08679a;--b2:#0c4f78;--bg:#f3f7fa;--t:#17324d;--m:#6b7c88;--l:#dbe5eb;--r:#c93232}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--t)}a{color:inherit}.wrap{max-width:1200px;margin:auto;padding:18px}
.header{background:linear-gradient(135deg,#075078,#1689b5);color:#fff;border-radius:18px;padding:28px 30px;box-shadow:0 8px 24px #0b4d6a22}.header h1{margin:0;font-size:32px}.header p{margin:7px 0 0;font-size:16px}.header .date{margin-top:16px;font-size:13px;opacity:.82}
.tools{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.search{flex:1;min-width:240px;padding:12px 15px;border:1px solid var(--l);border-radius:10px;font-size:15px}.btn{border:0;border-radius:10px;padding:12px 15px;background:#fff;color:var(--b);font-weight:bold;cursor:pointer}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid #cbdbe5;background:#fff;color:var(--b2);padding:11px 15px;border-radius:10px;font-weight:bold;cursor:pointer}.tab.active{background:var(--b);color:#fff}
.layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}.card,.hero{background:#fff;border:1px solid var(--l);border-radius:14px;padding:19px;margin-bottom:16px;box-shadow:0 2px 10px #18384a0b}.card h2,.hero h2{margin:0 0 14px;color:var(--b2);font-size:21px}
.lead{border-left:5px solid var(--r);background:#fff8f8}.lead ol{margin:0;padding-left:22px}.lead li{margin:10px 0}.pill,.tag{display:inline-block;background:#e8f4fa;color:var(--b);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:bold}
.hero p{color:var(--m);margin:6px 0}.item{padding:14px 0;border-bottom:1px solid #edf2f5}.item:last-child{border-bottom:0}.item h3{font-size:17px;line-height:1.35;margin:5px 0}.item p{color:var(--m);margin:5px 0 8px;line-height:1.5}.meta,.status{font-size:12px;color:#7a8a94}.source{font-size:13px;color:var(--b);font-weight:bold;text-decoration:none}.empty{text-align:center;padding:30px;color:var(--m)}.side-list{margin:0;padding-left:20px}.side-list li{margin:10px 0}.footer{text-align:center;color:#7a8992;font-size:12px;padding:25px 5px}
@media(max-width:800px){.layout{grid-template-columns:1fr}.header h1{font-size:25px}.wrap{padding:10px}}