.article-hero{background:var(--c-bg);padding:calc(var(--header-h) + 5rem) var(--gutter) 4rem;border-bottom:1px solid var(--c-border)}.article-hero__meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.article-back{font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--c-text-3);text-decoration:none;transition:color .2s;margin-right:auto}.article-back:hover{color:var(--c-accent-y)}.article-read-time{font-size:.75rem;color:var(--c-text-3);letter-spacing:.06em}.article-hero__title{font-size:clamp(2rem,5vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;max-width:820px;margin-bottom:1.5rem}.article-hero__sub{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--c-text-2);line-height:1.7;max-width:720px;margin-bottom:2rem}.article-hero__byline{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:var(--c-text-3)}.article-body{background:var(--c-bg);padding:5rem var(--gutter) 8rem}.article-body__inner{max-width:740px}.article-body__inner h2{font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--c-text);margin:3.5rem 0 1.25rem;padding-top:2.5rem;border-top:1px solid var(--c-border)}.article-body__inner h2:first-child{border-top:none;padding-top:0;margin-top:0}.article-body__inner h3{font-size:1.1rem;font-weight:700;color:var(--c-text);margin:2rem 0 .75rem}.article-body__inner p{font-size:1rem;color:var(--c-text-2);line-height:1.9;margin-bottom:1.4rem}.article-body__inner ul,.article-body__inner ol{margin:.5rem 0 1.4rem 1.5rem}.article-body__inner ul{list-style:disc}.article-body__inner ol{list-style:decimal}.article-body__inner li{font-size:1rem;color:var(--c-text-2);line-height:1.9;margin-bottom:.5rem}.article-body__inner strong{color:var(--c-text);font-weight:600}.article-body__inner a{color:var(--c-accent-y);text-decoration:underline;text-underline-offset:3px}.article-callout{background:var(--c-bg-3);border-left:3px solid var(--c-accent-y);border-radius:0 8px 8px 0;padding:1.5rem 1.75rem;margin:2rem 0}.article-callout p{margin-bottom:0!important;color:var(--c-text-2)}.article-cta{background:var(--c-bg-3);border:1px solid var(--c-border);border-radius:12px;padding:2.5rem;margin-top:4rem;text-align:center}.article-cta h3{font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.article-cta p{color:var(--c-text-3);margin-bottom:1.5rem}.article-cta .btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:var(--c-accent-y);color:#080808;font-size:.88rem;font-weight:700;letter-spacing:.05em;border-radius:8px;text-decoration:none;transition:background .3s}.article-cta .btn-primary:hover{background:var(--c-accent-b);color:#fff}
