@charset "utf-8";
.page-wrapper {
      max-width: 900px;
      margin: auto;
      background: #ffffff;
      padding: 30px 40px;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .header {
      text-align: center;
      margin-bottom: 30px;
    }
    .header h1 {
      color: #1a5276;
      margin-bottom: 20px;
    }
    .header img {
      max-width: 100%;
      height: auto;
      border: 1px solid #ddd;
      border-radius: 8px;
    }
    .caption {
      font-size: 0.95em;
      color: #555;
      margin-top: 8px;
    }
    .section {
      margin-top: 40px;
    }
    .section h2 {
      color: #34495e;
      border-bottom: 2px solid #ecf0f1;
      padding-bottom: 5px;
      margin-bottom: 20px;
    }
    .section p {
      line-height: 1.8;
      margin-bottom: 16px;
      color: #2c3e50;
    }
    .highlight {
      background-color: #fef9e7;
      padding: 10px;
      border-left: 4px solid #f1c40f;
      margin-bottom: 20px;
    }
    .info-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      margin-top: 15px;
    }
    .info-table th, .info-table td {
      text-align: left;
      padding: 10px;
      border-bottom: 1px solid #ecf0f1;
      vertical-align: top;
    }
    .info-table th {
      background-color: #f0f3f5;
      color: #2c3e50;
      width: 35%;
    }
    .info-table td {
      width: 65%;
    }