/* ═══ SHARED PAGE STYLES ═══ */
.page { padding: 120px 0 80px; }
.page-inner { max-width: 760px; margin: 0 auto; }
.page-title { font-size: 40px; font-weight: 800; letter-spacing: -1px; margin-bottom: 8px; }
.page-updated { font-size: 14px; color: #888; margin-bottom: 48px; }

.page-section { margin-bottom: 40px; }
.page-section h2 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #111; }
.page-section h3 { font-size: 16px; font-weight: 600; margin: 16px 0 8px; color: #333; }
.page-section p { font-size: 15px; color: #555; line-height: 1.8; margin-bottom: 12px; }
.page-section ul { padding-left: 20px; margin-bottom: 12px; }
.page-section li { font-size: 15px; color: #555; line-height: 1.8; margin-bottom: 6px; }

/* ═══ SUPPORT CARDS ═══ */
.support-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.support-card {
  padding: 28px; border-radius: 16px;
  background: #fafafa; border: 1px solid rgba(0, 0, 0, 0.04);
}
.support-icon { font-size: 28px; margin-bottom: 12px; }
.support-card h3 { font-size: 17px; font-weight: 700; color: #111; margin-bottom: 8px; }
.support-card p { font-size: 14px; color: #888; line-height: 1.6; margin-bottom: 14px; }
.support-link {
  font-size: 14px; font-weight: 600; color: #2775CA;
  transition: color 0.2s;
}
.support-link:hover { color: #1a5a9e; }

/* ═══ FAQ ═══ */
.faq { margin-top: 20px; }
.faq-item {
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.faq-item:last-child { border-bottom: none; }
.faq-item h3 { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 8px; }
.faq-item p { font-size: 14px; color: #666; line-height: 1.7; margin-bottom: 0; }

/* ═══ RESPONSIVE ═══ */
@media (max-width: 768px) {
  .page-title { font-size: 28px; }
  .support-cards { grid-template-columns: 1fr; }
}