:root{color-scheme:light;--ink:#153d3a;--muted:#5d716f;--shadow:0 14px 35px rgba(18,55,52,.13)}
*{box-sizing:border-box}body{margin:0;background:transparent;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink)}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:90%;margin:0 auto;padding:18px 12px 28px}
.resource-card{position:relative;min-height:285px;padding:32px 28px 25px;border:1px solid rgba(19,75,70,.12);border-radius:24px;background:linear-gradient(145deg,#fff 35%,var(--soft));box-shadow:var(--shadow);color:var(--ink);text-decoration:none;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}
.resource-card::after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-70px;border-radius:50%;background:var(--accent);opacity:.09}
.resource-card:hover,.resource-card:focus-visible{transform:translateY(-6px);box-shadow:0 20px 42px rgba(18,55,52,.2);outline:none}
.documents{--accent:#b61f45;--soft:#fff7f9}.videos{--accent:#d53a35;--soft:#fff8f4}.library{--accent:#16776e;--soft:#f3fbfa}
.icon{display:grid;place-items:center;width:76px;height:76px;border-radius:20px;background:var(--accent);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 25%,transparent)}
.icon svg{width:46px;height:46px;fill:none;stroke:white;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.icon .fill{fill:#fff;stroke:none}
.copy{display:flex;flex-direction:column;margin-top:28px;gap:8px}.copy strong{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.12}.copy small{font-size:1rem;color:var(--muted)}
.action{margin-top:auto;padding-top:25px;color:var(--accent);font-weight:700}.action b{font-size:1.25rem;margin-left:5px;transition:margin .2s}.resource-card:hover .action b{margin-left:10px}
@media(max-width:780px){.resource-grid{grid-template-columns:repeat(3,minmax(265px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.resource-card{min-height:285px;scroll-snap-align:center}.copy{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.resource-card,.action b{transition:none}}