/* Janamax — plain text pages on the default template (page.php), e.g. Privacy Policy. Builds on home.css. */

/* Same backdrop as the Projects page. */
body.jm { background: radial-gradient(120% 60% at 50% 0%, #0b2136 0%, #061422 42%, #030a12 100%) no-repeat, #030a12; }

.jm-text-page .jm-phead__title { text-transform: uppercase; }

.jm-prose { max-width: 860px; padding-bottom: var(--jm-section-pad); font-size: 18px; line-height: 1.7; color: #b6c8d1; overflow-wrap: break-word; }
.jm-prose > :first-child { margin-top: 0; }
.jm-prose p, .jm-prose ul, .jm-prose ol { margin: 0 0 18px; }
.jm-prose h2, .jm-prose h3, .jm-prose h4 {
	margin: 48px 0 16px; font-family: var(--jm-display); font-weight: 300; line-height: 1.15; letter-spacing: 0.03em; color: #e6eef3;
}
.jm-prose h2 { font-size: clamp(24px, 2.4vw, 32px); }
.jm-prose h3 { font-size: clamp(20px, 1.9vw, 24px); }
.jm-prose h4 { font-size: 18px; }
.jm-prose strong { font-weight: 500; color: #e6eef3; }
.jm-prose ul, .jm-prose ol { padding-left: 1.4em; }
.jm-prose li { margin-bottom: 8px; }
.jm-prose li::marker { color: var(--jm-accent); }
.jm .jm-prose a { color: var(--jm-accent); text-decoration: underline; text-underline-offset: 3px; }
.jm .jm-prose a:hover { color: var(--jm-accent-hover); }
.jm-prose blockquote { margin: 0 0 18px; padding-left: 20px; border-left: 2px solid var(--jm-accent); color: #93a7b1; }
.jm-prose img { max-width: 100%; height: auto; border-radius: 10px; }

@media (max-width: 699px) {
	.jm-prose { font-size: 16px; }
	.jm-prose h2, .jm-prose h3, .jm-prose h4 { margin-top: 36px; }
}