*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4;color:#222}
.container{max-width:1100px;margin:20px auto;padding:15px;background:#fff;border:1px solid #ddd}
.title-box{text-align:center;border-bottom:3px solid #d32f2f;padding-bottom:12px;margin-bottom:15px}
.title-box h1{margin:0 0 8px;color:#d32f2f;font-size:28px;line-height:1.3}
.title-box p{margin:0;color:#444;font-size:15px}
.summary-box{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#fff8e1;border:1px solid #f0d98c;padding:12px;border-radius:6px}
.summary-item{font-size:14px}
.intro-box,.content-box{border:1px solid #ddd;padding:12px;background:#fff;line-height:1.7;margin-bottom:0}
.section-title{background:#d32f2f;color:#fff;padding:10px 12px;margin-top:18px;font-weight:bold}
.info-table{width:100%;border-collapse:collapse}
.info-table th,.info-table td{border:1px solid #cfcfcf;padding:10px;vertical-align:top;text-align:left}
.info-table th{background:#f2f2f2;width:240px}
.btn-grid{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}
.link-btn{display:inline-block;padding:11px 16px;border-radius:6px;background:#0b57d0;color:#fff;text-decoration:none;font-weight:bold}
.link-btn:hover{background:#d32f2f;color:#fff}
@media (max-width:768px){
  .container{margin:10px;padding:10px}
  .title-box h1{font-size:22px}
  .summary-box{grid-template-columns:1fr}
  .info-table th{width:140px}
  .link-btn{width:100%;text-align:center}
}