/* Resources hub and long-form reading, layered over the existing site design. */
.resource-intro{padding:calc(var(--header-height) + 72px) 0 64px;background:var(--ink);color:var(--white)}
.resource-intro .section-copy{color:rgba(255,255,255,.75);max-width:740px}
.resource-intro .section-title{max-width:1050px}
.resource-nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin:34px 0 0}
.resource-nav a{color:var(--signal);text-decoration:underline;text-underline-offset:5px;font-size:14px}
.resource-section{padding:72px 0;scroll-margin-top:110px}
.resource-section+.resource-section{border-top:1px solid var(--line)}
.resource-section .section-title{font-size:clamp(2.3rem,4vw,3.6rem);margin-bottom:20px}
.resource-section .section-copy{margin:0 0 30px}
.resource-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.resource-heading .section-title{margin:0}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.resource-card{display:flex;flex-direction:column;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.resource-card-image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--mist)}
.resource-card-image img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.resource-card-copy{padding:28px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.resource-card h2,.resource-card h3{font-family:var(--serif);font-weight:500;letter-spacing:-.025em;font-size:28px;line-height:1.15;margin:12px 0 16px}
.resource-card-copy p{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 20px}
.resource-card-copy .text-link{margin-top:auto}
.resource-card .card-kicker{font-size:10px;line-height:1.5}
.resource-topics{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0 0}
.resource-topics li{font-size:11px;padding:5px 10px;border:1px solid currentColor;border-radius:20px}
.article-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:60px}
.article-no-image{grid-template-columns:1fr}
.article-hero .section-title{font-size:clamp(3rem,5.2vw,4.8rem);line-height:1.03}
.article-photo{margin:0;max-width:360px;justify-self:end}
.article-photo img{display:block;width:100%;height:auto;border-radius:4px}
.article-photo figcaption{font-size:12px;line-height:1.5;color:rgba(255,255,255,.65);margin-top:12px}
.resource-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;margin:0 0 34px;color:rgba(255,255,255,.7)}
.resource-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.article-meta{font-size:14px;color:rgba(255,255,255,.75);margin-top:28px;line-height:1.7}
.article-meta a{text-decoration:underline;text-underline-offset:3px}
.article-body{max-width:752px;padding:58px 24px 76px;margin:0 auto;font-size:19px;line-height:1.8}
.article-body p{margin:0 0 24px}
.article-body h2{font-family:var(--serif);font-size:clamp(29px,4vw,39px);font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:48px 0 22px;scroll-margin-top:110px}
.article-body a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.article-body strong{font-weight:700}
.article-body>p:first-child{font-size:23px;line-height:1.55}
.article-author{max-width:704px;margin:0 auto 64px;padding:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-author h2{font-family:var(--serif);font-size:26px;font-weight:500;margin:0 0 12px}
.article-author p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 12px}
.article-author a{text-decoration:underline;text-underline-offset:3px}
.article-context{font-size:13px!important}
.resource-preview{position:fixed;bottom:12px;left:12px;z-index:9999;padding:9px 14px;max-width:calc(100vw - 24px);background:var(--signal);color:var(--ink);border:1px solid var(--ink);border-radius:4px;font-size:12px;box-shadow:0 4px 20px #0002}
.resource-back{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.resources-page a:focus-visible{outline:3px solid #8fa91c;outline-offset:5px}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-hero{gap:30px;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr)}.article-hero .section-title{font-size:clamp(2.7rem,6vw,4rem)}}
@media(max-width:650px){.resource-intro{padding-top:calc(var(--header-height) + 38px);padding-bottom:42px}.article-hero{grid-template-columns:1fr;gap:32px}.article-hero .section-title{font-size:clamp(2.6rem,10vw,3.5rem)}.article-photo{justify-self:start;max-width:330px}.resource-grid{grid-template-columns:1fr}.resource-section{padding:48px 0}.article-body{font-size:18px;line-height:1.75;padding-top:36px}.article-body>p:first-child{font-size:21px}.article-author{margin:0 24px 48px;padding:24px 0}.resource-nav{gap:16px 22px}.resource-card-copy{padding:24px}}