.info-page { padding: 48px 0 64px; }
.info-page h1, .info-page h2 { letter-spacing: 0; overflow-wrap: anywhere; }
.info-page h1 { font-size: 32px; line-height: 1.25; margin-bottom: 14px; }
.info-page h2 { font-size: 22px; line-height: 1.35; margin-bottom: 12px; }
.info-page p { color: var(--text-soft); line-height: 1.8; overflow-wrap: anywhere; }
.info-page p + p { margin-top: 10px; }
.info-introduction { padding-bottom: 28px; }
.info-section { padding: 28px 0; border-top: 1px solid var(--border); }
.info-page a { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.info-page a:hover { color: var(--text-main); }
.info-page a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.info-links { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 16px; }
.info-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; font-weight: 600; }
.info-links i { width: 18px; flex: 0 0 18px; text-align: center; }
@media (max-width: 600px) {
    .info-page { padding: 32px 0 40px; }
    .info-page h1 { font-size: 28px; }
    .info-page h2 { font-size: 20px; }
    .info-section { padding: 24px 0; }
}