*{box-sizing:border-box}
body{margin:0;background:#efe7db;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2b2b2b}
.wrap{max-width:520px;margin:0 auto;background:#fff}
.wrap img{display:block;width:100%;height:auto}
.top{max-width:520px;margin:0 auto;padding:14px 16px;background:#1f3350;color:#fff}
.top a{color:#ffd479;text-decoration:none;font-size:13px}
.top h1{margin:6px 0 2px;font-size:17px;line-height:1.3}
.top p{margin:0;font-size:12px;opacity:.82;line-height:1.5}
.note{max-width:520px;margin:0 auto;padding:10px 16px;background:#fff5e0;border-top:1px solid #e6d9bd;
 font-size:12px;color:#6b5836;line-height:1.5}
.grid{max-width:920px;margin:0 auto;padding:16px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #ddd0ba;text-decoration:none;color:inherit;display:block}
.card img{width:100%;height:200px;object-fit:cover;object-position:top;display:block}
.card .b{padding:10px 12px}
.card h3{margin:0 0 4px;font-size:14px}
.card small{color:#6f6f6f;font-size:12px}
.hd{max-width:920px;margin:0 auto;padding:20px 16px 4px}
.hd h1{margin:0 0 6px;font-size:20px}
.hd p{margin:0;font-size:13px;color:#5c5142;line-height:1.6}
.ad{max-width:520px;margin:0 auto;padding:16px;background:#e7ddcc}
.ad h4{margin:0 0 8px;font-size:13px;color:#5c5142;text-transform:uppercase;letter-spacing:.5px}
.ad img{width:100%;border-radius:10px;display:block}