.info-main { max-width: 860px; padding-block: 24px 48px; }
.info-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; color: var(--muted); font-size: 13px; }
.info-breadcrumb a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; color: var(--primary); }
.info-breadcrumb .icon { width: 17px; height: 17px; }
.info-heading { padding: 28px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.info-kicker { margin-bottom: 6px; color: var(--primary); font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.info-heading h1 { font-size: clamp(26px, 4vw, 36px); }
.info-heading > p:last-child { max-width: 680px; margin-top: 12px; color: var(--muted); }
.info-sections { display: grid; gap: 14px; margin-top: 16px; }
.info-sections section { padding: 24px 28px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.info-sections h2 { margin-bottom: 10px; }
.info-sections p + p { margin-top: 12px; }
.info-email { color: var(--primary); font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 600px) {
  .info-main { padding-block: 12px 32px; }
  .info-breadcrumb { margin-bottom: 12px; }
  .info-heading, .info-sections section { padding: 20px; }
}