*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#fafafa;flex-direction:column;max-width:960px;min-height:100vh;margin:0 auto;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}h1{color:#1a6bb0;font-size:1.8rem}h2{color:#1a4b7a;font-size:1.3rem}header{background:#1a6bb0;border-radius:0 0 8px 8px;margin-bottom:30px;padding:12px 20px}header nav{flex-wrap:wrap;gap:6px;display:flex}header nav .nav-item{display:inline-block;position:relative}header nav .nav-item>a{color:#fff;border-radius:4px;padding:6px 14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}header nav .nav-item>a:hover{background:#155a9a}header nav .nav-item:hover .submenu{display:flex}header nav .submenu{white-space:nowrap;z-index:1000;background:#1a6bb0;border-radius:0 0 6px 6px;flex-direction:column;min-width:160px;padding:4px 0;display:none;position:absolute;top:100%;left:0}header nav .submenu a{color:#fff;padding:8px 16px;font-weight:500;text-decoration:none;display:block}header nav .submenu a:hover{background:#155a9a}main{flex:1}a{color:#1a6bb0;text-decoration:none}a:hover{text-decoration:underline}footer{color:#5a6e80;text-align:center;border-top:1px solid #dce3eb;margin-top:40px;padding:16px 0;font-size:.9rem}.articles{flex-direction:column;gap:16px;margin:20px 0;display:flex}.card{background:#fff;border-radius:8px;padding:20px 24px;transition:box-shadow .2s;display:block;box-shadow:0 1px 3px #00000014}.card:hover{box-shadow:0 2px 8px #0000001f}.card h2{margin-bottom:8px}.card .meta{color:#5a6e80;margin-bottom:10px;font-size:.85rem}.cat{color:#1a4b7a;background:#e0e7ef;border-radius:12px;padding:2px 10px;font-size:.8rem;display:inline-block}.hero{background:#e8f0fe;border-radius:8px;margin-bottom:30px;padding:30px 24px}.hero h1{margin-bottom:10px;font-size:2rem}.categories{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.cat-btn{color:#1a4b7a;background:#f0f4f8;border-radius:20px;padding:8px 18px;font-size:.9rem;text-decoration:none;transition:background .2s}.cat-btn:hover{background:#dde4ec;text-decoration:none}.section-title{border-bottom:2px solid #e0e7ef;margin:30px 0 16px;padding-bottom:8px;font-size:1.4rem}.article-content{background:#fff;border-radius:8px;margin:20px 0;padding:24px 28px;line-height:1.8;box-shadow:0 1px 3px #00000014}.article-content h2{margin-top:30px}.article-content p{margin:14px 0}.article-content ul,.article-content ol{margin:10px 0 10px 24px}.article-content li{margin-bottom:6px}.article-content pre{background:#f0f4f8;border-radius:6px;padding:16px;font-size:.9rem;overflow-x:auto}