/* Information pages share the storefront's mark, type, palette and island header. */
.info-page { overflow-x: clip; }
.info-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.info-pages-nav { display: flex; flex-wrap: wrap; gap: 0 26px; padding: 28px 0 14px; border-bottom: 1px solid var(--line); }
.info-pages-nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); text-decoration: none; font-size: 0.76rem; line-height: 1.5; }
.info-pages-nav a:hover, .info-pages-nav a[aria-current] { color: var(--ink); text-decoration: underline; text-underline-offset: 7px; text-decoration-thickness: 1px; }
.info-pages-nav a[aria-current] { font-weight: 700; }
.info-page .commerce-heading { padding-top: clamp(44px, 6vw, 80px); padding-bottom: clamp(36px, 5vw, 64px); }
.info-page .commerce-heading h1 { max-width: 850px; text-wrap: balance; }
.info-page .commerce-heading h1 span { color: var(--muted); }
.info-page .commerce-version { margin-top: 28px; line-height: 1.8; }
.info-index-label { margin-bottom: 14px; font: 500 0.65rem/1.6 var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); }
.info-page .commerce-content { max-width: 740px; }
.info-page .commerce-content p, .info-page .commerce-content li { font-size: 0.95rem; line-height: 1.9; color: var(--ink-soft); }
.info-page .commerce-content ul, .info-page .commerce-content ol { padding-left: 1.3rem; }
.info-page .commerce-content li + li { margin-top: 0.8rem; }
.info-page .commerce-content a:hover { color: var(--forest); }
.info-page .commerce-content h3 { margin: 1.8rem 0 0.8rem; font-size: 1rem; font-weight: 700; }
.info-contact-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 26px; margin-top: 24px; }
.info-contact-inline a { display: inline-flex; align-items: center; min-height: 44px; font-size: 0.87rem; text-underline-offset: 5px; }
.info-note { max-width: 620px; margin-top: 24px; padding: 18px 22px; font-size: 0.83rem; line-height: 1.8; border-left: 2px solid var(--forest); background: var(--surface); border-radius: 0 12px 12px 0; }
.info-page .commerce-contact { margin-top: 44px; }
@media (max-width: 720px) {
    .info-page .commerce-page { width: calc(100% - 40px); }
    .info-page .commerce-heading h1 { font-size: clamp(2.5rem, 10vw, 4rem); letter-spacing: -0.06em; }
    .info-pages-nav { gap: 0 20px; padding-top: 18px; }
    .info-pages-nav a { font-size: 0.71rem; }
    .info-index-label { flex-basis: 100%; margin: 4px 0 8px; }
    .info-page .commerce-index { gap: 0 18px; }
    .info-page .commerce-contact-actions span { overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
    .info-page .site-header { padding-left: 16px; gap: 8px; }
    .info-page .site-nav .nav-cta { padding: 0 16px; font-size: 0.75rem; }
    .info-page .commerce-offers > div { grid-template-columns: 1fr; }
    .info-page .commerce-timeline { gap: 16px; }
}