.resources-page .page-hero{padding-bottom:48px}
.resource-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:88px}
.resource-task{display:flex;flex-direction:column;background:#fff;border:1px solid #d5d7db;border-radius:20px;overflow:hidden}
.resource-task>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #e0e1e6}
.resource-task-body{display:flex;flex-direction:column;flex:1;padding:24px}
.resource-task .eyebrow{margin-bottom:16px}
.resource-task h2{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin-bottom:28px}
.resource-task .text-link{margin-top:auto}
.resource-task:hover,.resource-collections>a:hover{border-color:#8b9399}
.resource-section{padding-top:16px;padding-bottom:80px;scroll-margin-top:32px}
.resource-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}
.resource-section-heading>div{max-width:620px}
.resource-section-heading .eyebrow{margin-bottom:14px}
.resource-section-heading h2{font-size:36px;margin:0}
.resource-section-heading>p{max-width:340px;font-size:15px;margin:0}
.resource-directory{background:#fff;border:1px solid #d5d7db;border-radius:16px;margin-top:24px;overflow:hidden}
.resource-directory summary{cursor:pointer;padding:22px 24px;font-size:15px;font-weight:500}
.resource-directory summary>span{float:right;margin-left:16px;font-size:13px;color:#60646c;font-weight:400}
.resource-directory[open] summary{border-bottom:1px solid #e0e1e6}
.resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 24px 20px;column-gap:32px}
.resource-links>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #e0e1e6;font-size:14px;line-height:1.5}
.resource-links>a svg{flex-shrink:0;width:16px;height:16px}
.resource-links>a:hover{text-decoration:underline;text-underline-offset:4px}
.resource-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.resource-collections>a{display:flex;flex-direction:column;border:1px solid #d5d7db;background:#fff;border-radius:20px;padding:28px}
.resource-collections h3{font-size:26px}
.resource-collections p{font-size:15px}
.resource-collections .text-link{margin-top:auto}
@media(max-width:1000px){.resource-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-section-heading{align-items:flex-start;flex-direction:column;gap:16px}.resource-section-heading>p{max-width:560px}}
@media(max-width:760px){.resource-tasks{gap:16px;margin-bottom:56px;grid-template-columns:1fr}.resource-task{display:grid;grid-template-columns:110px minmax(0,1fr);border-radius:16px}.resource-task>img{height:100%;aspect-ratio:auto;object-fit:contain;border-bottom:0}.resource-task-body{padding:20px 16px}.resource-task h2{font-size:20px;margin-bottom:16px}.resource-task .eyebrow{font-size:10px;margin-bottom:10px}.resource-section{padding-bottom:48px}.resource-section-heading h2{font-size:30px}.resource-links,.resource-collections{grid-template-columns:1fr}.resource-directory summary{padding:20px;font-size:14px}.resource-directory summary>span{float:none;display:block;margin:6px 0 0 18px}.resource-links{padding:0 20px 16px}.resource-collections>a{padding:24px}.resources-page .page-hero{padding-bottom:32px}}
