*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fafafa;color:#222;line-height:1.65}.wrap{max-width:1180px;margin:auto;padding:20px}header{background:#111;color:#fff}header .wrap{display:flex;gap:20px;align-items:center;justify-content:space-between}.logo{color:#fff;font-weight:700;text-decoration:none;font-size:22px}nav a{color:#fff;margin:0 8px;text-decoration:none}.hero{background:#fff;border-radius:18px;padding:34px;margin:20px 0;box-shadow:0 4px 20px #0001}.hero h1{font-size:42px;line-height:1.15;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 18px #0001}.card a{color:#0b3a6a;text-decoration:none}.adbox{border:2px dashed #bbb;background:#fff;padding:22px;border-radius:14px;text-align:center;margin:22px 0;color:#666}.article{background:#fff;border-radius:18px;margin-top:20px}.article h1{font-size:36px;line-height:1.2}.embed-placeholder{background:#f1f1f1;border-radius:12px;padding:25px;margin:20px 0}.related{background:#f7f7f7;border-radius:14px;padding:20px;margin-top:25px}footer{margin-top:40px;background:#111;color:#fff}@media(max-width:700px){header .wrap{display:block}.hero h1{font-size:30px}nav a{display:inline-block;margin:8px 8px 0 0}}