.article-hero{padding:56px 0 28px;background:var(--soft)}
.article-hero .eyebrow,.article-index .eyebrow{color:var(--green)}
.article-hero .crumbs ol,.article-index .crumbs ol,.article-hero .crumbs [aria-current],.article-index .crumbs [aria-current]{color:var(--muted)}
.article-hero .crumbs a,.article-index .crumbs a{color:var(--ink)}
.article-hero h1{max-width:950px;font-size:clamp(2.15rem,4vw,3.65rem);line-height:1.12;letter-spacing:-.035em;margin:18px 0}
.article-meta{color:var(--muted);font-size:1rem;margin:0}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:64px;padding-top:40px;padding-bottom:64px;align-items:start}
.article-image{margin:0 0 32px}.article-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.article-image figcaption{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:10px}
.article-body{font-size:1.14rem;line-height:1.8;color:var(--text);overflow-wrap:break-word}
.article-body>p:first-child{font-size:1.24rem;color:var(--ink)}
.article-body p{margin:0 0 22px}.article-body h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.3;margin:42px 0 18px;scroll-margin-top:110px;letter-spacing:-.02em}
.article-body li{margin-bottom:12px}.article-body ul{padding-left:24px;margin:0 0 24px}
.article-body a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}
.article-body a:hover{color:var(--green-press)}
.article-sidebar{position:sticky;top:110px}.article-sidebar nav{padding:24px;border:1px solid var(--line);border-radius:16px;margin-bottom:24px}
.article-sidebar h2{font-size:1.1rem;margin:0 0 14px}.article-sidebar ol{padding-left:20px;margin:0}.article-sidebar li{margin:0 0 12px;line-height:1.5}.article-sidebar a{color:var(--green)}
.article-offer{padding:24px;border-radius:16px;background:var(--green-soft)}.article-offer p{line-height:1.65;margin:0 0 18px}.article-offer .btn{width:100%;text-align:center;color:white}
.article-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:28px 0 0}
.article-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.article-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.article-card-content{padding:26px}
.article-card h2,.article-card h3{font-size:1.45rem;line-height:1.35;margin:12px 0}.article-card p{line-height:1.65}.article-card time{font-size:.9rem;color:var(--muted)}
.article-card h2 a,.article-card h3 a{color:var(--ink);text-decoration:none}.article-card a:hover{text-decoration:underline}.article-card:hover{border-color:var(--green)}
.article-index{padding:56px 0 72px}.article-index h1{font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.12;max-width:900px;margin:20px 0}.article-index .lede{max-width:760px}
.article-library-link{color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:32px;max-width:800px}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.article-sidebar nav{margin:0}.article-hero{padding-top:36px}}
@media(max-width:600px){.article-layout{padding-top:24px;padding-bottom:40px}.article-hero{padding:30px 0 22px}.article-cards,.article-sidebar{grid-template-columns:1fr}.article-body{font-size:1.075rem;line-height:1.75}.article-body>p:first-child{font-size:1.15rem}.article-body h2{margin-top:32px;scroll-margin-top:95px}.article-card-content{padding:22px}.article-index{padding:32px 0 48px}}