*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,'Times New Roman',serif;background:#f7f5f1;color:#24211d;line-height:1.65}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}header{background:#1d3a5f;color:#fff;padding:18px 0}
header .wrap{display:flex;justify-content:space-between;align-items:center}header a{color:#cfe0f5;text-decoration:none;margin-left:16px;font-family:Arial,sans-serif;font-size:.85rem}
.logo{font-family:Arial,sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:.5px}.logo span{color:#7fb3e3}
main{padding:36px 0}h1{font-size:1.9rem;line-height:1.25;margin-bottom:8px}.meta{color:#7a736a;font-size:.85rem;font-family:Arial,sans-serif;margin-bottom:24px}
.lead{font-size:1.1rem;font-weight:600;margin-bottom:18px}h2{font-size:1.3rem;margin:26px 0 10px}p{margin-bottom:14px}
ul{margin:0 0 16px 22px}li{margin-bottom:8px}.box{background:#eef3f9;border-left:4px solid #1d3a5f;padding:16px 20px;margin:22px 0;border-radius:0 8px 8px 0}
.box b{color:#1d3a5f}.note{background:#fbf6e9;border-left:4px solid #c9a227;padding:14px 18px;margin:22px 0;font-size:.92rem;border-radius:0 8px 8px 0}
footer{background:#24211d;color:#b5afa5;padding:26px 0;font-size:.85rem;font-family:Arial,sans-serif}footer a{color:#d8d2c7;margin-right:14px}
.disc{margin-top:12px;font-size:.78rem;color:#8d877d}article img{max-width:100%}
@media(max-width:640px){h1{font-size:1.5rem}header .wrap{flex-direction:column;gap:8px}}