*{box-sizing:border-box}body{margin:0;background:#faf8f4;color:#1c2333;font:17px/1.7 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:#0d8f84}header{background:#0f2342;color:#fff}header .w{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
header a{color:#fff;text-decoration:none}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.logo img{width:32px;height:32px;border-radius:6px}
nav a{margin-left:18px;font-size:15px;opacity:.9}.w{max-width:860px;margin:0 auto;padding:0 20px}main{padding:32px 0}
h1{color:#0f2342;line-height:1.25;font-size:2.1rem;margin:.2em 0}h2{color:#0f2342;margin-top:1.8em}h3{color:#16325c}
.meta{color:#5b6475;font-size:14px}img{max-width:100%;height:auto;border-radius:10px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.card{background:#fff;border:1px solid #e6e1d8;border-radius:12px;overflow:hidden}
.card div{padding:14px 16px}.card h2{font-size:1.1rem;margin:0 0 6px}.card h2 a{color:#0f2342;text-decoration:none}.card p{font-size:15px;margin:0;color:#4a5263}
.note{background:#e9f6f4;border-left:4px solid #14b8a6;padding:10px 14px;font-size:14px;border-radius:6px}
table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:8px}
footer{background:#0f2342;color:#c8d0de;font-size:14px;padding:24px 0;margin-top:40px}footer a{color:#7fe0d4}
@media(max-width:600px){h1{font-size:1.6rem}nav a{margin-left:10px}}