/* OAA information pages: reuse the personal site's colors and typography. */
.info-page { overflow-x: visible; }
.info-page .site-header { height: auto; }
.info-page .header-inner { min-height: 68px; flex-wrap: wrap; padding-block: 16px; }
.info-nav { display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: .94rem; }
.info-nav a, .info-main a { color: var(--accent); text-decoration: underline; text-underline-offset: .22em; }
.info-nav a:hover, .info-main a:hover { color: var(--text); }
.info-nav [aria-current="page"] { color: var(--text); }
.info-main { max-width: 800px; padding-block: 56px 80px; overflow-wrap: anywhere; }
.info-main h1 { font-size: 2.2rem; line-height: 1.2; letter-spacing: -.025em; }
.info-main h2 { margin-top: 2.4rem; font-size: 1.3rem; line-height: 1.4; }
.info-main p, .info-main ul { margin-top: 1rem; }
.info-main ul { list-style: disc; padding-left: 1.4rem; }
.info-main li + li { margin-top: .5rem; }
.info-main .updated { color: var(--text-soft); font-size: .92rem; }
.info-page ::selection { color: var(--accent-ink); background: var(--accent); }
@media (max-width: 600px) { .info-main { padding-top: 36px; } .info-main h1 { font-size: 1.9rem; } }