/* ============================================================
   info.css — About, Contact and Policy pages (readable text pages)
   ============================================================ */
.info-main { padding: calc(72px + var(--space-4)) 0 var(--space-6); }
.prose { max-width: 42rem; }
.prose h1 { font-family: var(--font-display); font-size: var(--step-4); line-height: 1.05; margin: .3rem 0 var(--space-3); color: var(--c-ink); }
.prose h2 { font-family: var(--font-display); font-size: var(--step-2); margin: var(--space-4) 0 var(--space-2); color: var(--c-ink); }
.prose h3 { font-family: var(--font-display); font-size: var(--step-1); margin: var(--space-3) 0 var(--space-1); }
.prose p, .prose li { font-size: var(--step-0); line-height: 1.65; color: var(--c-ink-soft); }
.prose a:not(.btn) { color: var(--c-teal); }
.prose .lede { font-size: var(--step-1); line-height: 1.5; color: var(--c-ink); }
.prose .fine { font-size: var(--step--1); }
.how { padding-left: 1.2rem; display: grid; gap: .6rem; }
.how strong { color: var(--c-ink); }
.cta-row { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: var(--space-4); }

.contact-card { margin: var(--space-3) 0; padding: var(--space-3); border-radius: var(--radius-lg); background: var(--c-white); border: 1px solid var(--c-line); box-shadow: var(--shadow-sm); }
.contact-card__label { margin: 0 0 .3rem; font-family: var(--font-ui); text-transform: uppercase; letter-spacing: .14em; font-size: .72rem !important; }
.contact-card__email { margin: 0; font-family: var(--font-display); font-size: var(--step-2) !important; color: var(--c-ink) !important; text-decoration: none; overflow-wrap: anywhere; }

.policy-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0 var(--space-3); }
.policy-tabs a { padding: .4em .9em; border-radius: 999px; border: 1px solid var(--c-line); background: var(--c-white); color: var(--c-ink-soft); text-decoration: none; font-family: var(--font-ui); font-size: var(--step--1); }
.policy-tabs a[aria-current="page"] { border-color: var(--c-teal); color: var(--c-ink); box-shadow: 0 0 0 1px var(--c-teal); }
.policy-body { overflow-wrap: anywhere; }
.policy-body table { width: 100%; border-collapse: collapse; }
.policy-body td, .policy-body th { border: 1px solid var(--c-line); padding: .4rem; }