.magazine-article { --article-accent: var(--site-button-bg, #0084b8); --site-ink: #123f54; --site-heading: #123f54; --site-muted: #4a626e; color: var(--site-ink); }
.magazine-article-header { padding: clamp(2rem,5vw,4rem) 0 clamp(2.5rem,5vw,4rem); background: linear-gradient(180deg,#edf9ff 0%,#fff 100%); text-align: center; }
.magazine-article-back { display: inline-flex; gap: .6rem; align-items: center; font-weight: 600; color: var(--article-accent); margin-bottom: 2rem; text-decoration: none; }
.magazine-article-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .75rem 1.25rem; color: var(--site-muted); font-size: .85rem; margin-bottom: 1.25rem; }
.magazine-article-meta > span { padding: .35rem .85rem; border-radius: 999px; color: var(--article-accent); background: #e4f5fc; font-weight: 600; }
.magazine-article-header h1 { max-width: 980px; margin: 0 auto 1.25rem; font-size: clamp(2rem,4.3vw,3.65rem); font-weight: 750; line-height: 1.1; text-wrap: balance; }
.magazine-article-excerpt { max-width: 780px; margin: 0 auto; color: var(--site-muted); font-size: clamp(1.05rem,1.5vw,1.23rem); line-height: 1.65; text-wrap: pretty; }
.magazine-article-cover { max-width: 1100px; margin: 0 auto; }
.magazine-article-cover img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: cover; object-position: center top; border-radius: 28px; }
.magazine-article-cover figcaption { color: var(--site-muted); font-size: .75rem; margin-top: .65rem; }
.magazine-article-content { padding-block: clamp(2rem,4vw,3.5rem); }
.magazine-article-content .block-text { padding-block: 0; }
.magazine-article-content .content-narrow { margin-inline: auto; }
.magazine-article-content .content-narrow > p, .magazine-article-content .content-narrow > ul, .magazine-article-content .content-narrow > ol { font-size: 1.065rem; line-height: 1.82; }
.magazine-article-content .content-narrow > h2 { margin-top: 2.5rem; margin-bottom: 1rem; font-size: clamp(1.4rem,2.2vw,1.85rem); text-wrap: balance; }
.magazine-article-content .content-narrow > p:first-child { margin-top: 0; }
.magazine-article-content li { margin-bottom: .5rem; }
.magazine-article-content a { color: var(--article-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.magazine-article-footer { max-width: 1100px; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: clamp(1.5rem,4vw,3rem); margin: 0 auto 5rem; background: #edf9ff; border-radius: 28px; }
.magazine-article-kicker { color: var(--article-accent); font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; }
.magazine-article-footer h2 { font-size: clamp(1.35rem,2.2vw,1.85rem); margin: .7rem 0 0; }
.magazine-article-footer .btn { white-space: nowrap; display: inline-flex; align-items: center; gap: 1rem; }
@media(max-width:767px) {
 .magazine-article-header { padding-top: 1.5rem; }
 .magazine-article-back { margin-bottom: 1.4rem; }
 .magazine-article-cover img { border-radius: 28px; }
 .magazine-article-footer { width: calc(100% - 1.5rem); flex-direction: column; align-items: flex-start; margin-bottom: 3rem; }
 .magazine-article-content .content-narrow > p, .magazine-article-content .content-narrow > ul, .magazine-article-content .content-narrow > ol { font-size: 1rem; }
}