.resources{background:var(--paper);color:var(--ink);font-size:1rem;line-height:1.75}
.resource-header{max-width:1280px;margin:auto;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--console);color:var(--paper);border-radius:0 0 24px 24px}
.resource-header nav{display:flex;gap:26px;align-items:center}.resource-header a{text-decoration:none}.resource-header nav>a:not(.resource-cta){padding:10px 0}
.resource-cta{display:inline-block;padding:12px 20px;border-radius:100px;background:var(--action);color:var(--ink);font-weight:700;text-decoration:none;line-height:1.4}
.resources a:focus-visible,.table-scroll:focus-visible{outline:3px solid var(--signal);outline-offset:5px}.resource-header a:focus-visible{outline-color:var(--action)}
.resource-header nav>a:hover,.back-link:hover{text-decoration:underline;text-underline-offset:5px}
.resources h1{font-size:clamp(2.4rem,4.5vw,4.8rem);line-height:1.08;letter-spacing:-.04em;max-width:19ch}
.resources h2{font-size:clamp(1.65rem,2.5vw,2.4rem);line-height:1.2;letter-spacing:-.025em}
.resources h3{font-size:1.25rem;line-height:1.35;letter-spacing:-.015em}
.resources .eyebrow{color:#0062ae;letter-spacing:.12em;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:18px}
.library-hero,.start-here,.resource-group,.resource-help,.article-top,.article-layout,.related-guides,.resource-footer{width:min(1160px,90%);margin-inline:auto}
.library-hero{padding-block:88px 68px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.library-intro{max-width:59ch;color:var(--ink-soft);font-size:1.125rem;margin:26px 0}
.library-art img{width:100%;max-height:330px;object-fit:contain}.topic-links{display:flex;gap:12px 24px;flex-wrap:wrap}.topic-links a{font-size:.9rem;text-underline-offset:5px;font-weight:600;padding-block:8px}
.draft-note{font-size:.75rem;color:var(--ink-soft);margin-top:22px;letter-spacing:.04em}
.start-here{padding:36px 40px;background:var(--console);color:var(--paper);border-radius:20px}.start-here .eyebrow{color:var(--tint)}.start-here p:not(.eyebrow){max-width:70ch;margin:18px 0;color:var(--white-soft)}.start-here>a{color:var(--tint);font-weight:600;text-underline-offset:5px;display:inline-block;padding-block:8px}
.resource-group{padding-top:76px}.group-heading{max-width:680px}.group-heading>p:last-child{margin-top:16px;color:var(--ink-soft)}
.guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.guide-card{border-top:2px solid var(--mist);display:flex;flex-direction:column;padding:24px 0;text-decoration:none}.guide-card:hover{border-color:var(--signal)}.guide-type{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);margin-bottom:16px}.guide-card p{color:var(--ink-soft);margin-top:16px;line-height:1.65}.read-guide{font-size:.9rem;font-weight:700;margin-top:auto;padding-top:24px;color:#0062ae}.guide-card:hover h3{text-decoration:underline;text-underline-offset:4px}
.resource-help{padding:52px 0 70px;margin-top:56px;border-top:1px solid var(--mist)}.resource-help h2{max-width:24ch}.resource-help>p:not(.eyebrow){margin:20px 0;max-width:60ch;color:var(--ink-soft)}
.article-top{padding-block:52px 44px;border-bottom:1px solid var(--mist)}.back-link{display:inline-block;margin-bottom:32px;font-size:.875rem;text-decoration:none}.article-top h1{max-width:23ch}.article-summary{font-size:1.2rem;color:var(--ink-soft);max-width:65ch;margin-top:26px}.article-meta{font-size:.8rem;color:var(--ink-soft);margin-top:22px}
.article-layout{display:grid;grid-template-columns:240px minmax(0,740px);gap:64px;justify-content:space-between;padding-block:44px 64px}.contents nav{position:sticky;top:28px}.contents p{font-weight:700;font-size:.875rem}.contents ol{list-style:none;margin-top:14px}.contents li{margin:0 0 12px;line-height:1.5}.contents a{font-size:.85rem;color:var(--ink-soft);text-decoration:none;display:block;padding-block:3px}.contents a:hover{color:var(--signal);text-decoration:underline}
.article-body{font-size:1.0625rem;min-width:0;overflow-wrap:break-word}.article-body>p:first-child{font-size:1.2rem}.article-body p,.article-body ul,.article-body ol{margin-bottom:22px}.article-body ul,.article-body ol{padding-left:25px}.article-body li{padding-left:4px;margin-block:8px}.article-body h2{margin:48px 0 22px;scroll-margin-top:24px;font-size:1.75rem}.article-body h3{margin:28px 0 14px}.article-body a{color:#0062ae;text-underline-offset:3px}.article-body strong{font-weight:700}.worked-example{padding:26px;border-left:4px solid var(--signal);background:var(--paper-2);margin:24px 0}.worked-example>:last-child{margin-bottom:0}.table-scroll{overflow:auto;margin-block:24px}.article-body table{border-collapse:collapse;width:100%;font-size:.9rem}.article-body th,.article-body td{padding:12px;text-align:left;border-bottom:1px solid var(--mist);vertical-align:top}.article-body th{background:var(--paper-2)}
.source-videos{margin-top:48px;padding-top:8px;border-top:1px solid var(--mist)}.source-videos h2{font-size:1.3rem}.source-videos p,.source-videos li{font-size:.9rem}.related-guides{padding-block:44px 64px;border-top:1px solid var(--mist)}
.resource-footer{padding:40px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px;border-top:1px solid var(--mist);font-size:.875rem}.resource-footer>div>a{font-weight:700;font-size:1.4rem;text-decoration:none}.resource-footer p{color:var(--ink-soft);margin-top:8px}.resource-footer nav{display:flex;gap:22px;flex-wrap:wrap;align-items:start}.resource-footer .legal{font-size:.75rem;flex-basis:100%;max-width:90ch}
.home-resources{padding:60px 0;border-top:1px solid var(--hairline-dark)}.home-resources h2{font-size:2rem;line-height:1.2;margin-bottom:20px}.home-resources p{max-width:65ch;color:var(--white-soft);margin-bottom:20px}.home-resources a{color:var(--tint);text-underline-offset:5px}
@media(max-width:850px){.resource-header nav{gap:16px}.library-hero{grid-template-columns:1fr}.library-art{display:none}.guide-list{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr;gap:24px}.contents nav{position:static}.contents{padding-bottom:24px;border-bottom:1px solid var(--mist)}.contents ol{columns:2}.article-body{max-width:740px}.library-hero{padding-top:56px}}
@media(max-width:550px){.resource-header{border-radius:0;gap:12px;padding:18px 5%;align-items:flex-start}.resource-header img{width:84px;height:auto;margin-top:9px}.resource-header nav{justify-content:flex-end;gap:8px 16px;flex-wrap:wrap;font-size:.8rem}.resource-header .resource-cta{flex-basis:auto;padding:10px 14px}.library-hero{padding-block:42px}.guide-list{grid-template-columns:1fr;gap:8px}.start-here{padding:28px 24px}.resource-group{padding-top:48px}.contents ol{columns:1}.article-top{padding-top:30px}.article-layout{padding-top:28px}.article-body{font-size:1rem}.article-body h2{font-size:1.5rem}.worked-example{padding:20px}.article-summary{font-size:1.1rem}}

/* Blog uses the homepage chrome and agency visual system. */
.resources { line-height: 1.6; }
.resources .site-nav, .resources .site-footer { color: var(--white); }
.resources .btn { min-height: 48px; transition-duration: 150ms; }
.resources .btn-sm { min-height: 40px; }
.resources .btn:active { transform: scale(.96); }
.resources .nav-links a[aria-current] { color: var(--white); text-decoration: underline; text-underline-offset: 8px; }
.resources .site-footer { padding-block: 64px 32px; }
.resources .footer-brand img { width: 144px; height: auto; }
.resources .footer-brand p { color: var(--white-soft); }
.resources .library-hero, .resources .article-top { width: 100%; max-width: none; background: var(--console); color: var(--white); border: 0; }
.resources .library-hero { display: block; padding: 160px 0 80px; }
.library-hero-inner { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; }
.resources h1 { font-size: clamp(36px,4.2vw,60px); line-height: 1.08; letter-spacing: -.05em; }
.resources .library-hero h1 { max-width: 18ch; }
.resources .library-hero .eyebrow, .resources .article-top .eyebrow { color: var(--signal-2); }
.resources .library-intro { color: var(--white-soft); font-size: 18px; line-height: 28px; margin: 28px 0; }
.resources .topic-links { gap: 8px 24px; }
.resources .topic-links a { color: var(--white); font-size: 13px; }
.resources .library-hero .draft-note, .resources .article-top .draft-note { color: var(--white-soft); font-size: 11px; }
.library-feature { overflow: hidden; background: #f5f4ef; color: var(--ink); border-radius: 8px; }
.library-feature-media { display: block; overflow: hidden; }
.resources .library-feature .article-cover { display: block; width: 100%; height: auto; aspect-ratio: 2.45; object-fit: cover; border-radius: 0; transition: transform .3s var(--ease); }
.library-feature-media:hover .article-cover { transform: scale(1.025); }
.library-feature-body { padding: 28px 36px 32px; }
.resources .library-feature .eyebrow { color: #005b9f; }
.resources .library-feature h2 { font-size: 32px; line-height: 1.15; letter-spacing: -.04em; }
.library-feature-body > p:not(.eyebrow) { color: #505657; margin: 18px 0; }
.library-feature .text-link { color: #005b9f; display: inline-block; }
.feature-foot { display: block; font-size: 11px; color: #505657; border-top: 1px solid #25262522; padding-top: 20px; margin-top: 28px; }
.library-paths { padding: 72px 0 64px; background: #eeefeb; }
.library-paths-heading { display: flex; align-items: end; justify-content: space-between; gap: 48px; margin-bottom: 32px; }
.library-paths-heading h2 { font-size: clamp(30px,3vw,44px); line-height: 1.12; }
.library-paths-heading > p { max-width: 38ch; color: #505657; }
.reading-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.reading-path { display: flex; flex-direction: column; min-width: 0; border-top: 2px solid #aeb5b3; padding-top: 22px; color: var(--ink); text-decoration: none; }
.reading-path:hover { border-color: var(--signal); }
.reading-path-index { color: #005b9f; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.resources .reading-path h3 { margin-top: 18px; font-size: clamp(21px,2vw,27px); line-height: 1.24; letter-spacing: -.035em; }
.reading-path p { margin-top: 14px; color: #505657; font-size: 14px; line-height: 1.6; }
.reading-path-action { margin-top: auto; padding-top: 26px; color: #005b9f; font-size: 13px; font-weight: 700; }
.reading-path:hover h3 { text-decoration: underline; text-underline-offset: 4px; }
.resources .resource-group, .resources .article-layout, .resources .related-guides, .resources .resource-help { width: min(1200px,92vw); }
.resources .resource-group { padding-top: 72px; }
.resources .group-heading h2 { font-size: clamp(30px,3vw,44px); line-height: 1.12; letter-spacing: -.04em; }
.resources .guide-list { gap: 32px; }
.resources .guide-card { border-top: 1px solid #25262544; padding-top: 24px; }
.resources .guide-type { color: #005b9f; font-size: 11px; }
.resources .guide-card h3 { font-size: 23px; line-height: 1.3; letter-spacing: -.03em; }
.resources .guide-card p { font-size: 15px; color: #505657; }
.resources .read-guide { color: #005b9f; font-size: 13px; }
.resources .resource-help { padding-block: 48px 72px; }
.resources .resource-help h2 { font-size: clamp(30px,3vw,44px); letter-spacing: -.04em; }
.resources .article-top { padding-block: 144px 56px; }
.resources .article-top h1 { max-width: 24ch; }
.resources .back-link { color: var(--white-soft); margin-bottom: 28px; }
.resources .article-summary { color: var(--white-soft); max-width: 65ch; font-size: 18px; line-height: 28px; }
.resources .article-meta { color: var(--white-soft); font-size: 12px; }
.resources .article-layout { padding-block: 56px 72px; }
.resources .contents nav { top: 120px; }
.resources .contents p { color: #005b9f; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.resources .article-body h2 { scroll-margin-top: 120px; letter-spacing: -.035em; }
.resources .worked-example { background: #eeefeb; border-radius: 0 8px 8px 0; }
.resources .related-guides { padding-block: 48px 64px; }
.resources .related-guides h2 { font-size: 36px; }
.resources .resource-group { scroll-margin-top: 104px; }
@media(max-width:850px) {
 .library-hero-inner { grid-template-columns: 1fr; gap: 36px; }
 .library-feature { max-width: 640px; }
 .library-paths-heading { display: block; }
 .library-paths-heading > p { margin-top: 18px; }
 .resources .contents nav { position: static; }
}
@media(max-width:720px) {
 .resources .library-hero { padding-block: 120px 48px; }
 .resources .library-intro { font-size: 16px; line-height: 24px; }
 .library-feature-body { padding: 24px; }
 .resources .library-feature h2 { font-size: 28px; }
 .library-paths { padding-block: 48px; }
 .reading-paths { grid-template-columns: 1fr; gap: 28px; }
 .reading-path { padding-top: 18px; }
 .reading-path-action { padding-top: 18px; }
 .resources .article-top { padding-block: 120px 40px; }
 .resources .article-summary { font-size: 16px; line-height: 24px; }
 .resources .article-layout { padding-block: 32px 48px; }
 .resources .resource-group { padding-top: 48px; }
 .resources .guide-list { gap: 24px; }
 .resources .related-guides h2 { font-size: 30px; }
 html:not(.js) .resources .site-nav { position: relative; padding: 16px; }
 html:not(.js) .resources .nav-pill { flex-wrap: wrap; border-radius: 16px; gap: 16px; }
 html:not(.js) .resources .nav-menu { width: 100%; }
 html:not(.js) .resources .nav-links { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-bottom: 16px; }
 html:not(.js) .resources .nav-links li { opacity: 1; transform: none; }
 html:not(.js) .resources .nav-links a { font-size: 14px; }
 html:not(.js) .resources .library-hero, html:not(.js) .resources .article-top { padding-top: 40px; }
}

/* Reading pages reserve real space for navigation instead of overlaying text. */
.resources .site-nav { position: relative; inset: auto; padding: 16px; background: var(--console); }
.resources .library-hero { padding-top: 64px; }
.resources .article-top { padding-top: 48px; }
.resources .back-link { display: block; width: fit-content; margin: 0 0 24px; padding-block: 8px; }
.resources .article-top .eyebrow { display: flex; margin-bottom: 20px; }
.resources .article-body { line-height: 1.8; }
.resources .contents nav { top: 32px; }
.resources .article-body h2 { scroll-margin-top: 32px; }
.resources .resource-group { scroll-margin-top: 32px; }
@media(max-width:720px) {
 .resources .library-hero, .resources .article-top { padding-top: 32px; }
 .resources .article-body { font-size: 17px; }
}

/* Original editorial artwork, shared between the library and article headers. */
.resources .guide-cover { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:6px; margin-bottom:24px; background:var(--console); }
.article-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:center; }
.article-heading { min-width:0; }
.resources .article-cover { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:8px; }
@media(max-width:850px) { .article-hero-grid { grid-template-columns:1fr; gap:32px; } }