.info-main { min-height: calc(100vh - 78px); }
.info-hero { padding: 92px clamp(22px, 8vw, 120px) 72px; background: var(--sage-light); text-align: center; }
.info-hero h1 { max-width: 820px; margin: 0 auto; }
.info-hero p:last-child { max-width: 680px; margin: 24px auto 0; color: #56645a; font-size: 17px; line-height: 1.75; }
.info-content { max-width: 850px; margin: 0 auto; padding: 78px 24px 110px; }
.info-content h2 { margin: 42px 0 18px; font-size: 31px; }
.info-content h2:first-child { margin-top: 0; }
.info-content p, .info-content li { color: #566059; line-height: 1.85; }
.info-content a { color: var(--berry); text-decoration: underline; text-underline-offset: 3px; }
.info-note { padding: 22px 24px; border-left: 4px solid var(--berry); border-radius: 0 14px 14px 0; background: #fffaf4; }
.info-links { display: flex; flex-wrap: wrap; gap: 15px 28px; }
.info-links a { font-weight: 700; }
.footer-main { display: flex; align-items: center; justify-content: center; gap: 20px; }
.footer-main a { color: var(--muted); }
.footer-main a:hover { color: var(--berry); }

@media (max-width: 720px) {
  .info-main { min-height: calc(100vh - 66px); }
  .info-hero { padding: 70px 20px 55px; }
  .info-hero p:last-child { font-size: 15px; }
  .info-content { padding: 55px 20px 80px; }
  .info-content h2 { font-size: 27px; }
  .footer-main { flex-direction: column; }
}