.article-main { max-width: 52rem; margin: 3rem auto 5rem; padding: 0 1rem; }
.article-main nav { margin-bottom: 2rem; font-size: .95rem; }
.article-main h1 { font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.15; margin: 0 0 2rem; }
.article-main h2 { font-size: 1.6rem; line-height: 1.3; margin: 2.5rem 0 1rem; }
.article-main h3 { font-size: 1.2rem; line-height: 1.4; margin: 1.8rem 0 .8rem; }
.article-main p, .article-main li { font-size: 1.05rem; line-height: 1.8; }
.article-main p { margin: 0 0 1.2rem; }
.article-main li { margin-bottom: .6rem; }
.article-main a { color: #8ebcff; text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.article-main a:hover { color: #c7ddff; }
.article-main ul { padding-left: 1.5rem; }
.article-main :focus-visible { outline: 2px solid #8ebcff; outline-offset: 4px; }