*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.55;color:#111;background:#fafafa}
.wrap{max-width:1100px;margin:0 auto;padding:24px}
h2,h3,h4{margin:0 0 12px}
p{margin:0 0 10px}
.section{margin:28px 0}
.section-title{font-size:1.3rem;padding-bottom:6px;border-bottom:2px solid #e5e5e5;margin-bottom:14px}
.grid{display:flex;flex-wrap:wrap;gap:12px}
.grid.two>.card{flex:1 1 320px}
.grid.three>.card{flex:1 1 260px}
.card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.expectation{border-top:1px dashed #e3e3e3;padding-top:8px;margin-top:8px}
@media (max-width:640px){.wrap{padding:16px}}