
/* VirtuHeroes Resources */
.resources-hero{padding-block:clamp(4rem,8vw,7rem);border-bottom:1px solid var(--color-rule)}
.resources-hero h1{max-width:58rem;margin-bottom:1.4rem}
.resources-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.feature-card{border-top:1px solid var(--color-rule);padding-top:1.4rem}
.feature-visual{background:var(--color-accent-light);min-height:310px;border-radius:5px;padding:clamp(2rem,5vw,4.5rem);display:flex;align-items:flex-end;margin-bottom:1.8rem;position:relative;overflow:hidden}
.feature-visual:before{content:'';position:absolute;width:180px;height:180px;border:1px solid #9caeb0;border-radius:50%;right:-35px;top:-35px}
.feature-visual:after{content:'';position:absolute;width:105px;height:105px;border:1px solid #9caeb0;border-radius:50%;right:48px;top:48px}
.feature-visual .visual-copy{position:relative;z-index:1;max-width:31rem}
.feature-visual .visual-copy p{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem;color:var(--color-accent-dark);font-weight:600}
.feature-visual .visual-copy h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;letter-spacing:-.04em;line-height:1.05}
.article-kicker{display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);margin-bottom:1rem}
.feature-card h3{font-family:var(--font-display);font-size:clamp(2rem,3vw,2.8rem);font-weight:400;line-height:1.1;margin-bottom:1rem}
.feature-card>p{color:var(--color-mute);line-height:1.8;max-width:49rem}
.resource-side{border-top:1px solid var(--color-rule);padding-top:1.5rem}
.resource-side h2{font-family:var(--font-display);font-size:1.8rem;font-weight:400;margin-bottom:1.5rem}
.resource-link{display:block;padding:1.2rem 0;border-top:1px solid var(--color-rule)}
.resource-link:last-child{border-bottom:1px solid var(--color-rule)}
.resource-link span{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-dark);margin-bottom:.45rem}
.resource-link strong{font-weight:500;line-height:1.4}
.resource-link.coming{opacity:.55}
.article-hero{padding-top:clamp(3rem,7vw,6rem);padding-bottom:3rem;border-bottom:1px solid var(--color-rule)}
.article-hero .breadcrumbs{margin-bottom:2rem}
.article-hero h1{max-width:65rem;margin-bottom:1.5rem}
.article-deck{max-width:48rem;color:var(--color-mute);font-size:1.15rem;line-height:1.75}
.article-meta{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:2rem;color:var(--color-mute);font-size:.78rem}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(2.5rem,6vw,6rem);align-items:start;padding-block:clamp(3.5rem,7vw,6.5rem)}
.article-body{max-width:760px}
.article-body p{font-size:1.04rem;line-height:1.9;color:#3d4b50;margin:0 0 1.45rem}
.article-body h2{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:3.8rem 0 1.3rem;color:var(--color-ink)}
.article-body h2:first-child{margin-top:0}
.article-body h3{font-size:1.05rem;letter-spacing:.01em;margin:2.1rem 0 .65rem;color:var(--color-ink)}
.article-body ul{margin:0 0 1.7rem 1.2rem;color:#3d4b50}
.article-body li{margin:.55rem 0;line-height:1.75;padding-left:.25rem}
.article-body a{text-decoration:underline;text-underline-offset:3px}
.article-callout{background:var(--color-accent-light);border-radius:5px;padding:1.6rem 1.8rem;margin:2rem 0}
.article-callout p{margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:1.45rem;line-height:1.45}
.week-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-rule);border:1px solid var(--color-rule);margin:2rem 0 2.5rem}
.week-card{background:var(--color-paper);padding:1.5rem}
.week-card.wide{grid-column:1/-1}
.week-card h3{margin:0 0 .7rem;font-family:var(--font-display);font-size:1.5rem;font-weight:400}
.week-card ul{margin-bottom:0}
.article-toc{position:sticky;top:2rem;border-top:1px solid var(--color-rule);padding-top:1.3rem}
.article-toc .eyebrow{margin-bottom:1rem}
.article-toc a{display:block;padding:.65rem 0;border-bottom:1px solid var(--color-rule);font-size:.84rem;color:var(--color-mute);line-height:1.35}
.article-toc a:hover{color:var(--color-ink)}
.article-cta{background:var(--color-ink);color:var(--color-paper);padding:clamp(2rem,5vw,4rem);margin-top:4rem;border-radius:5px}
.article-cta .eyebrow{color:#c8d4d5}
.article-cta h2{color:var(--color-paper);margin:0 0 1rem;font-size:clamp(2.2rem,4vw,3rem)}
.article-cta p{color:#c8d4d5;max-width:37rem}
.article-cta .primary{background:var(--color-paper);color:var(--color-ink);margin-top:.8rem}
.more-resources{border-top:1px solid var(--color-rule)}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}
.more-card{border-top:1px solid var(--color-rule);padding-top:1.2rem}
.more-card span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-dark)}
.more-card h3{font-family:var(--font-display);font-weight:400;font-size:1.6rem;line-height:1.2;margin-top:.65rem}
@media(max-width:900px){.resources-grid,.article-layout{grid-template-columns:1fr}.article-toc{position:static;order:-1}.more-grid{grid-template-columns:1fr}.week-grid{grid-template-columns:1fr}.week-card.wide{grid-column:auto}}
