body{margin:0;font:16px Arial;color:#10222b;background:#fbfcfb;line-height:1.55}a{color:#0c6670;text-decoration:none}.w{max-width:1050px;margin:auto;padding:0 5vw}.top{background:#10222b;color:#fff;padding:9px;text-align:center}.nav{display:flex;gap:16px;flex-wrap:wrap;padding:18px 5vw;border-bottom:1px solid #ddd;background:#fff}.nav b{margin-right:auto}.hero{background:#e9f6f4;padding:55px 0}h1{font-size:clamp(40px,6vw,72px);line-height:1;margin:10px 0}h2{font-size:32px}.orange{color:#f26b21}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:35px 0}.card{background:#fff;border:1px solid #dbe5e3;border-radius:16px;padding:22px}.tag{font-size:12px;font-weight:bold;text-transform:uppercase;color:#0c6670}.btn{display:inline-block;background:#f26b21;color:white;padding:11px 16px;border-radius:9px;font-weight:bold}.article{max-width:780px;margin:auto;padding:40px 5vw}.article p,.article li{font-size:18px}.note{background:#fff4e9;border-left:5px solid #f26b21;padding:16px}.src{background:#eef4f3;padding:18px;border-radius:12px}.foot{background:#10222b;color:white;padding:35px 5vw;margin-top:40px}.foot a{color:white}