.content { padding: 40px 20px; max-width: 900px; margin: 0 auto; }
.content .content-section { margin-bottom: 40px; }
.content .content-section-img { width: 100%; height: auto; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); }
.content .content-heading { font-size: 24px; font-weight: 700; color: #0a0e27; margin-bottom: 16px; line-height: 1.3; }
.content .content-section-title { font-size: 24px; font-weight: 700; color: #0a0e27; margin-bottom: 16px; line-height: 1.3; }
.content .content-subheading { font-size: 20px; font-weight: 600; color: #0a0e27; margin-bottom: 12px; line-height: 1.3; }
.content .content-section-subtitle { font-size: 20px; font-weight: 600; color: #0a0e27; margin-bottom: 12px; line-height: 1.3; }
.content .content-text { font-size: 16px; line-height: 1.7; color: #333333; margin-bottom: 18px; }
.content .content-section-text { font-size: 16px; line-height: 1.7; color: #333333; margin-bottom: 18px; }
.content .content-text-link { color: #1559ed; font-weight: 600; transition: color 0.3s ease; }
.content .content-text-link:hover { color: #0d47c4; text-decoration: underline; }
.content .content-link { color: #1559ed; font-weight: 600; transition: color 0.3s ease; }
.content .content-link:hover { color: #0d47c4; text-decoration: underline; }
.content .content-text-accent { color: #1559ed; font-weight: 600; }
.content .content-list { margin-bottom: 20px; }
.content .content-list-item { font-size: 16px; line-height: 1.7; color: #333333; padding-left: 24px; position: relative; margin-bottom: 10px; }
.content .content-list-item::before { content: ""; position: absolute; left: 4px; top: 11px; width: 6px; height: 6px; background-color: #1559ed; border-radius: 50%; }
.content .content-highlight { background-color: rgba(21, 89, 237, 0.04); border-left: 4px solid #1559ed; padding: 18px 22px; border-radius: 0 8px 8px 0; margin-bottom: 24px; }
.content .content-highlight-text { font-size: 16px; line-height: 1.7; color: #333333; font-weight: 500; }
.content .content-anchor { scroll-margin-top: 80px; }
.content .content-page-nav { background-color: #f8f9fa; border: 1px solid #e5e7eb; border-radius: 10px; padding: 20px 24px; margin-bottom: 36px; }
.content .content-page-nav-title { font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #999999; margin-bottom: 12px; }
.content .content-page-nav-list { display: flex; flex-direction: column; gap: 6px; }
.content .content-page-nav-link { font-size: 15px; color: #1559ed; padding: 4px 0; transition: color 0.3s ease; }
.content .content-page-nav-link:hover { color: #0d47c4; text-decoration: underline; }
.content .content-table { width: 100%; border-collapse: collapse; margin-bottom: 24px; font-size: 14px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); }
.content .content-table-head { background: linear-gradient(135deg, #1559ed 0%, #0d47c4 100%); }
.content .content-table-head-cell { padding: 14px 16px; text-align: left; font-weight: 600; color: #ffffff; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; }
.content .content-table-cell { padding: 12px 16px; border-bottom: 1px solid #e5e7eb; color: #333333; }
.content .content-table-row:last-child .content-table-cell { border-bottom: none; }
.content .content-table-row:hover .content-table-cell { background-color: #f8f9fa; }
.content .content-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 32px; }
.content .content-grid-card { background-color: #f8f9fa; border: 1px solid #e5e7eb; border-radius: 10px; padding: 20px; transition: box-shadow 0.3s ease, border-color 0.3s ease; }
.content .content-grid-card:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); border-color: #1559ed; }
.content .content-grid-card-title { font-size: 17px; font-weight: 700; color: #0a0e27; margin-bottom: 8px; }
.content .content-grid-card-text { font-size: 14px; line-height: 1.6; color: #666666; margin-bottom: 12px; }
.content .content-grid-card-link { font-size: 14px; font-weight: 600; color: #1559ed; transition: color 0.3s ease; }
.content .content-grid-card-link:hover { color: #0d47c4; }
@media (min-width: 768px) {
  .content { padding: 60px 20px; }
  .content .content-heading { font-size: 32px; }
  .content .content-section-title { font-size: 32px; }
  .content .content-subheading { font-size: 24px; }
  .content .content-section-subtitle { font-size: 24px; }
  .content .content-text { font-size: 18px; }
  .content .content-section-text { font-size: 18px; }
  .content .content-grid { grid-template-columns: 1fr 1fr; }
}