/* Small additions for WordPress (the site's own design is in c9-theme.css). */
.c9-pill, .c9-footer-nav__link, .c9-footer-nav__cta { border-radius: 9999px; }
.c9-mount { display: block; }
.admin-bar .c9-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .c9-header { top: 46px; } }
.c9-wa-float { text-decoration: none; }

/* Plain pages and article text */
.c9-page { background: var(--c9-light, #F1F6FD); padding: 4rem 1rem; }
.c9-page__inner { width: 100%; max-width: 1640px; margin: 0 auto; padding: 0 1rem; }
.c9-article-body { max-width: 42rem; margin: 0 auto; color: color-mix(in srgb, var(--c9-navy, #0E1035) 85%, transparent); font-size: 1rem; line-height: 1.625; }
.c9-article-body--wide { max-width: 64rem; margin: 0; }
.c9-article-body p { margin-bottom: 1.25rem; font-weight: 400; }
.c9-article-body h2 { font-family: 'Poppins', sans-serif; letter-spacing: -0.035em; text-transform: uppercase; font-weight: 800; line-height: 1.08; color: var(--c9-navy, #0E1035); font-size: 1.25rem; margin: 2.5rem 0 1rem; }
.c9-article-body h3 { font-family: 'Poppins', sans-serif; font-weight: 800; color: var(--c9-navy, #0E1035); font-size: 1.125rem; margin: 2rem 0 0.75rem; }
.c9-article-body ul, .c9-article-body ol { margin: 0 0 1.25rem; padding-left: 1.5rem; }
.c9-article-body ul { list-style: disc; }
.c9-article-body ol { list-style: decimal; }
.c9-article-body li { margin-bottom: 0.5rem; }
.c9-article-body a { color: var(--c9-blue, #14ABFA); text-decoration: underline; }
.c9-article-body img { max-width: 100%; height: auto; margin: 1.5rem 0; }
.c9-article-body blockquote { font-family: 'Inter', sans-serif; font-weight: 500; letter-spacing: -0.01em; font-size: 1.5rem; line-height: 1.375; color: var(--c9-blue, #14ABFA); border-left: 4px solid var(--c9-blue, #14ABFA); padding-left: 1.5rem; margin: 2.5rem 0; }
@media (min-width: 640px) { .c9-article-body h2 { font-size: 1.5rem; } .c9-article-body blockquote { font-size: 1.875rem; } }

/* Journal pagination */
.c9-pagination .page-numbers { display: inline-flex; min-width: 2.75rem; min-height: 2.75rem; align-items: center; justify-content: center; padding: 0 1rem; border-radius: 9999px; background: #fff; color: var(--c9-navy, #0E1035); font-size: 0.75rem; font-weight: 700; }
.c9-pagination .page-numbers.current { background: var(--c9-blue, #14ABFA); color: #fff; }
.c9-pagination a.page-numbers:hover { background: color-mix(in srgb, var(--c9-blue, #14ABFA) 10%, transparent); }

/* On phones the home page sections are tighter (the original site did this with a rule written for its own page structure). */
@media (max-width: 639px) {
	body.home .c9-mount > section:not(#hero-section) { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
