@import url('/category.css');

.article-shell { max-width: 840px; }
.article-shell .breadcrumb { margin-bottom: 24px; }
.article-header { padding-bottom: 24px; border-bottom: 5px solid var(--yellow); }
.article-kicker { margin: 0 0 12px; color: var(--blue); font: 800 .78rem/1 Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.article-header h1 { margin: 0 0 16px; color: var(--navy); font-size: clamp(2.25rem, 5.5vw, 4.5rem); line-height: 1.01; letter-spacing: -.04em; }
.article-deck { margin: 0; color: #4d5661; font-size: 1.2rem; line-height: 1.55; }
.article-meta { margin: 16px 0 0; color: var(--muted); font: 700 .82rem/1.3 Arial, sans-serif; }
.article-body { padding: 28px 0 18px; }
.article-body p { margin: 0 0 1.25em; font-size: 1.08rem; line-height: 1.75; }
.article-body h2 { margin: 1.7em 0 .55em; color: var(--navy); font-size: 1.65rem; line-height: 1.15; }
.article-note { margin: 30px 0; padding: 18px 20px; border-left: 5px solid var(--yellow); background: var(--wash); color: #424a54; }
.back-home { display: inline-block; margin: 12px 0 32px; color: var(--blue); font: 800 .86rem/1.2 Arial, sans-serif; text-decoration: none; text-transform: uppercase; letter-spacing: .06em; }
.back-home:hover, .back-home:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 640px) { .article-header h1 { font-size: 2.4rem; } .article-deck { font-size: 1.08rem; } .article-body p { font-size: 1rem; } }