.article-header{--article-header-title-size:var(--typo-hero);--article-header-meta-size:var(--typo-copy);--article-header-gap:var(--space-3);--article-header-cover-radius:12px;gap:var(--article-header-gap);margin-bottom:var(--space-5);flex-direction:column;display:flex}.article-header__cover{object-fit:cover;border-radius:var(--article-header-cover-radius);width:100%;max-height:480px;display:block}.article-header__title{font-size:var(--article-header-title-size);font-weight:var(--font-weight-bold);letter-spacing:-.011em;color:var(--text);margin:0;line-height:1.2}@media (min-width:728px){.article-header__title{font-size:42px;line-height:52px}}@media (max-width:480px){.article-header__title{letter-spacing:-.014em;font-size:28px;line-height:36px}}.article-header__meta{align-items:center;gap:var(--space-2);font-size:var(--article-header-meta-size);color:var(--text-muted);flex-wrap:wrap;display:flex}.article-header__author{font-weight:var(--font-weight-semibold);color:var(--text)}.article-header__dot{color:var(--text-muted)}
.article-body{--article-body-prose-size:18px;--article-body-prose-line-height:1.7;--article-body-h2-size:28px;--article-body-h3-size:22px;--article-body-h4-size:var(--typo-title);--article-body-code-bg:var(--surface);--article-body-blockquote-border:var(--accent);--article-body-gap:var(--space-4);font-size:var(--article-body-prose-size);line-height:var(--article-body-prose-line-height);color:var(--text)}.article-body h2{font-size:var(--article-body-h2-size);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--text);margin:var(--space-6)0 var(--space-3);line-height:1.25}.article-body h3{font-size:var(--article-body-h3-size);font-weight:var(--font-weight-semibold);letter-spacing:-.008em;color:var(--text);margin:var(--space-5)0 var(--space-2);line-height:1.3}.article-body h4{font-size:var(--article-body-h4-size);font-weight:var(--font-weight-semibold);color:var(--text);margin:var(--space-4)0 var(--space-2);line-height:1.4}.article-body p{margin:0 0 var(--space-4)}.article-body p:last-child{margin-bottom:0}.article-body a{color:var(--accent);text-decoration:none}.article-body a:hover{text-decoration:underline}.article-body strong{font-weight:var(--font-weight-bold);color:var(--text)}.article-body em{font-style:italic}.article-body blockquote{border-left:3px solid var(--article-body-blockquote-border);margin:var(--space-5)0;padding:var(--space-2)0 var(--space-2)var(--space-4);color:var(--text-muted);font-style:italic}.article-body blockquote p{margin:0}.article-body code{background:var(--article-body-code-bg);border-radius:var(--radius-sm);color:var(--text);padding:2px 6px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.875em}.article-body pre{background:var(--article-body-code-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4)0;overflow-x:auto}.article-body pre code{background:0 0;padding:0;font-size:14px;line-height:1.6}.article-body ul,.article-body ol{margin:0 0 var(--space-4);padding-left:var(--space-5)}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin-bottom:var(--space-2)}.article-body li:last-child{margin-bottom:0}.article-body img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--space-5)auto;display:block}.article-body hr{border:none;border-top:1px solid var(--border);margin:var(--space-6)0}@media (max-width:480px){.article-body{--article-body-prose-size:16px;--article-body-h2-size:24px;--article-body-h3-size:20px}}
.article-cta{--article-cta-bg:var(--surface);--article-cta-border:var(--border);--article-cta-radius:var(--radius-md);--article-cta-padding:var(--space-4);--article-cta-gap:var(--space-3);--article-cta-eyebrow-size:var(--typo-label);--article-cta-headline-size:var(--typo-title);--article-cta-body-size:var(--typo-largecopy);margin:var(--space-6)0;background-color:var(--article-cta-bg);border:1px solid var(--article-cta-border);border-radius:var(--article-cta-radius);padding:var(--article-cta-padding)}.article-cta-inner{justify-content:space-between;align-items:center;gap:var(--article-cta-gap);flex-flow:wrap;display:flex}.article-cta-text{gap:var(--space-2);flex-direction:column;flex:260px;min-width:0;display:flex}.article-cta-eyebrow{font-size:var(--article-cta-eyebrow-size);font-weight:var(--font-weight-semibold);color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.article-cta-headline{font-size:var(--article-cta-headline-size);font-weight:var(--font-weight-semibold);color:var(--text);margin:0;line-height:1.3}.article-cta-body{font-size:var(--article-cta-body-size);font-weight:var(--font-weight-normal);color:var(--text-muted);margin:0;line-height:1.5}.article-cta-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--typo-copy);font-weight:var(--font-weight-semibold);color:var(--text);background-color:var(--accent);border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;flex-shrink:0;padding:12px 18px;line-height:1.5;text-decoration:none;transition:background-color .15s;display:inline-flex}.article-cta-btn:hover{background-color:var(--accent-hover)}.article-cta-btn:active{background-color:var(--accent-active)}.article-cta-arrow{flex-shrink:0}@media (max-width:540px){.article-cta-inner{flex-direction:column;align-items:stretch}.article-cta-btn{justify-content:center;width:100%}}
.suggested-posts{--suggested-posts-cover-radius:8px;--suggested-posts-gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.suggested-posts__heading{font-size:var(--typo-title);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--space-4)}.suggested-posts__list{gap:var(--suggested-posts-gap);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}@media (max-width:540px){.suggested-posts__list{grid-template-columns:1fr}}.suggested-posts__link{gap:var(--space-2);color:inherit;flex-direction:column;text-decoration:none;transition:opacity .12s;display:flex}.suggested-posts__link:hover{opacity:.75}.suggested-posts__cover{object-fit:cover;border-radius:var(--suggested-posts-cover-radius);width:100%;height:140px;display:block}.suggested-posts__text{gap:var(--space-1);flex-direction:column;display:flex}.suggested-posts__title{font-size:var(--typo-largecopy);font-weight:var(--font-weight-semibold);color:var(--text);line-height:1.4}.suggested-posts__meta{font-size:var(--typo-copy);color:var(--text-muted)}