/* Pages not yet rebuilt in the Baseplate design still hold their original content.
   Without a layout container that content runs edge to edge, so give it the same
   measure and typography the design uses for long-form copy (Article.tsx), using
   the compiled theme's own tokens so no colour or font is invented here. */

.oan-legacy {
	max-width: 720px;
	font-family: var(--font-body);
	color: var(--color-n6);
	font-size: 17px;
	line-height: 1.6;
}

.oan-legacy > :first-child { margin-top: 0; }

.oan-legacy p,
.oan-legacy ul,
.oan-legacy ol { margin: 0 0 1rem; }

.oan-legacy h1 { font-family: var(--font-heading); color: var(--color-ink); font-size: 40px; line-height: 1.1; margin: 0 0 1rem; }
.oan-legacy h2 { font-family: var(--font-heading); color: var(--color-ink); font-size: 28px; line-height: 1.2; margin: 2.5rem 0 1rem; }
.oan-legacy h3 { font-family: var(--font-heading); color: var(--color-ink); font-size: 22px; line-height: 1.25; margin: 1.75rem 0 .75rem; }
.oan-legacy h4,
.oan-legacy h5,
.oan-legacy h6 { font-family: var(--font-heading); color: var(--color-ink); font-size: 18px; margin: 1.5rem 0 .5rem; }

.oan-legacy a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 4px; }
.oan-legacy a:hover { color: var(--color-secondary); }

.oan-legacy ul,
.oan-legacy ol { padding-left: 1.25rem; }
.oan-legacy li { margin: .35rem 0; }

.oan-legacy img { max-width: 100%; height: auto; }
.oan-legacy table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 15px; }
.oan-legacy th,
.oan-legacy td { border: 1px solid var(--color-n2); padding: .6rem .75rem; text-align: left; }
.oan-legacy th { background: var(--color-n1); font-family: var(--font-heading); }

.oan-legacy blockquote { background: var(--color-primary); color: var(--color-n0); padding: 1.5rem; margin: 1.75rem 0; }
.oan-legacy blockquote p { margin: 0; font-family: var(--font-heading); font-weight: 600; font-size: 21px; }

.oan-legacy hr { border: 0; border-top: 1px solid var(--color-n2); margin: 2rem 0; }
.oan-legacy code,
.oan-legacy pre { font-family: var(--font-mono); font-size: 14px; background: var(--color-n1); }
.oan-legacy pre { padding: 1rem; overflow-x: auto; }