.resources-page { padding-bottom: 60px; }
.resources-page .resources-hero { padding-top: 148px; border: 0; background: linear-gradient(155deg, #fff 40%, #edf7f2); }
.resources-hero .story-hero-grid { margin-top: 0; gap: 60px; align-items: start; }
.resources-page .story-hero-copy { padding-top: 16px; }
.resources-page .story-hero h1 { font-size: 60px; line-height: 1.06; letter-spacing: -.045em; }
.resources-page .story-lead { font-size: 16px; }
.resources-page .story-actions { gap: 10px; }
.resources-page .story-button { min-height: 48px; padding: 12px 20px; border-radius: 999px; background: var(--staging-collabit); color: #fff; font: 600 14px/1.4 Poppins, sans-serif; }
.resources-page .story-button:hover { background: var(--staging-collabit-dark); }
.resources-featured { overflow: hidden; border: 1px solid var(--staging-line); border-radius: 20px; background: #fff; box-shadow: 0 18px 40px rgba(8, 35, 77, .08); }
.resources-featured-image { display: block; aspect-ratio: 16 / 9; background: #f5faf8; }
.resources-featured-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.resources-featured-copy { padding: 26px 30px; }
.resources-featured-copy h2 { margin: 0 0 14px; font-size: 27px; line-height: 1.18; letter-spacing: -.025em; }
.resources-featured-copy h2 a { color: var(--staging-navy); text-decoration: none; }
.resources-featured-copy h2 a:hover { color: var(--staging-collabit); }
.resources-page time { display: block; color: var(--staging-muted); font-size: 12px; line-height: 1.5; }
.resources-library-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.resources-library-card { display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--staging-line); border-radius: 16px; background: #f7fbf9; transition: box-shadow 180ms ease, border-color 180ms ease; }
.resources-library-card:hover { border-color: var(--staging-collabit); box-shadow: 0 10px 28px rgba(8, 35, 77, .08); }
.resources-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 26px; border: 1px solid #cce4dd; border-radius: 14px; color: var(--staging-collabit); background: #eaf5ef; }
.resources-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.resources-library-card h3 { margin: 0 0 14px; font-size: 27px; line-height: 1.2; letter-spacing: -.035em; }
.resources-library-card > p { margin: 0 0 28px; font-size: 14px; line-height: 1.75; }
.resources-library-card > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--staging-line); color: var(--staging-collabit-dark); font-size: 14px; font-weight: 600; text-decoration: none; }
.resources-library-card > a:hover { text-decoration: underline; }
.resources-latest .story-related-image img { object-fit: contain; object-position: center; }
.resources-latest .story-related-copy time { margin-bottom: 12px; }
.resources-page .story-section-heading h2 { font-size: 42px; }
.resources-page .staging-closing-title { color: #fff; }
@media (max-width: 900px) {
    .resources-hero .story-hero-grid { grid-template-columns: 1fr; gap: 32px; }
    .resources-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .resources-page .story-hero h1 { font-size: 44px; }
}
@media (max-width: 600px) {
    .resources-library-grid { grid-template-columns: 1fr; }
}