html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#f0f4f8;color:#111;}
header{background:#d6e9ff;padding:12px 16px;}
header h1{margin:0;font-size:20px;}
.container{display:flex;gap:12px;padding:12px;}
.left{width:200px;background:#fff6f6;padding:10px;box-sizing:border-box;}
.right{width:200px;background:#eefbe8;padding:10px;box-sizing:border-box;}
.main{flex:1;background:#ffffff;padding:10px;box-sizing:border-box;}
footer{background:#cfe6ff;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;}
h2{margin-top:0;}
.menu{list-style:disc;margin:8px 0 0 18px;padding:0;}
.menu li{margin:6px 0;}
.menu a{text-decoration:none;color:#0a4d2b;}
img{max-width:100%;height:auto;display:block;margin-top:8px;}
p{margin:0 0 10px 0;line-height:1.4;}
@media (max-width:800px){
  .container{flex-direction:column;}
  .left,.right{width:100%;}
}