.info-page { padding-bottom: 0; }
.info-header { width: min(100% - 2rem, 54rem); margin: 0 auto; padding: max(1rem, env(safe-area-inset-top)) 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.info-home { display: inline-flex; align-items: center; min-height: 2.75rem; padding: .55rem .85rem; border: 1px solid var(--border); border-radius: .8rem; color: var(--text); background: var(--surface); text-decoration: none; font-weight: 750; }
.info-main { width: min(100% - 2rem, 54rem); margin: 1rem auto 3rem; }
.info-hero { padding: clamp(1.4rem, 4vw, 2.5rem); border-radius: var(--radius-xl); color: #fff; background: linear-gradient(140deg, #173d53, #245f78); box-shadow: var(--shadow); }
.info-hero .eyebrow { color: #ead8a5; }
.info-hero h1 { max-width: 42rem; margin-top: .35rem; font-size: clamp(2rem, 6vw, 3.4rem); }
.info-hero p:last-child { max-width: 42rem; margin: .8rem 0 0; color: #dce9ee; }
.info-content { display: grid; gap: 1rem; margin-top: 1rem; }
.info-card { padding: 1.15rem; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-soft); }
.info-card h2 { margin-bottom: .45rem; font-family: Georgia, serif; font-size: 1.35rem; }
.info-card h3 { margin: 1rem 0 .35rem; font-size: 1rem; }
.info-card p { margin: 0 0 .65rem; color: var(--muted); }
.info-card p:last-child { margin-bottom: 0; }
.info-card ul { margin: .55rem 0 0; padding-left: 1.25rem; color: var(--muted); }
.info-card li + li { margin-top: .4rem; }
.info-card a { font-weight: 750; }
.info-footer { padding: 1.3rem 1rem calc(1.3rem + env(safe-area-inset-bottom)); text-align: center; color: var(--muted); border-top: 1px solid var(--border); font-size: .78rem; }
@media (min-width: 700px) { .info-content.two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } }