.resource-page {padding-bottom:40px;color:#17394a}
.resource-hero {position:relative;isolation:isolate;overflow:hidden;min-height:280px;padding:29px clamp(25px,4vw,55px) 46px;border-top:4px solid #bd985b;background:linear-gradient(115deg,#102e42,#1c4857);color:#fff}
.resource-hero::after {content:"";position:absolute;z-index:-1;right:-110px;top:-200px;width:490px;height:490px;border:1px solid #e7d29f48;border-radius:50%;box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff06}
.resource-hero .breadcrumbs {display:flex;align-items:center;gap:10px;margin:0 0 31px;color:#b9cbd0;font-size:12px}
.resource-hero .breadcrumbs a {color:#f2d6a2}
.resource-hero .eyebrow {margin:0 0 13px;color:#e7cc96}
.resource-hero h1 {margin:0 0 15px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.5vw,58px);font-weight:400;letter-spacing:-.035em;line-height:1.08}
.resource-hero>div>p:last-child {max-width:585px;margin:0;color:#d5e1e3;font-size:15px;line-height:1.7}
.resource-hero__symbol {position:absolute;right:8%;bottom:18px;color:#e8cf9b3b;font:160px/1 Georgia,serif}
.resource-section {padding-top:49px}
.resource-heading {display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px}
.resource-heading .eyebrow {margin:0 0 7px;color:#95703a}
.resource-heading h2 {margin:0;color:#17394a;font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,3vw,36px);font-weight:400}
.resource-heading>p {max-width:280px;margin:0 0 4px;color:#69777e;font-size:12px;line-height:1.6}
.resource-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.resource-grid li {min-width:0}
.resource-card {position:relative;display:flex;flex-direction:column;min-height:214px;padding:23px;border:1px solid #e0dbd0;border-top:3px solid #b69760;border-radius:5px;background:#fff;color:#17394a;text-decoration:none;box-shadow:0 9px 25px #102b460a;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.resource-card:hover {transform:translateY(-4px);border-color:#c5ae82;box-shadow:0 17px 32px #102b4618;color:#17394a}
.resource-card:focus-visible {outline:3px solid #ac8950;outline-offset:3px}
.resource-card__top {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px}
.resource-card__emblem {display:grid;place-items:center;width:36px;height:36px;border:1px solid #ddd2b9;border-radius:3px;background:#f7f2e8;color:#a27b3e;font-size:19px;line-height:1}
.resource-card__tag {font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#927f60}
.resource-card strong {display:block;max-width:280px;margin-bottom:18px;color:#17394a;font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:400;line-height:1.23}
.resource-card__bottom {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #eee8dd;color:#718087;font-size:11px;overflow-wrap:anywhere}
.resource-card__arrow {display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid #d6c4a3;border-radius:50%;color:#94703b;font-size:16px;transition:background .2s,color .2s}
.resource-card:hover .resource-card__arrow {background:#17394a;color:#fff}
.resource-note {display:flex;align-items:flex-start;gap:13px;margin-top:30px;padding:17px 20px;border:1px solid #e4dfd2;background:#f8f5ee;color:#69777e}
.resource-note__icon {display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #b89e6d;border-radius:50%;color:#8d6b36;font-family:Georgia,serif;font-size:14px;font-style:italic}
.resource-note p {margin:0;font-size:12px;line-height:1.7}
@media(max-width:900px) {.resource-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px) {.resource-hero {min-height:0;padding:24px 22px 35px}.resource-hero__symbol {display:none}.resource-section {padding-top:31px}.resource-heading {display:block}.resource-heading>p {margin-top:7px}.resource-grid {grid-template-columns:1fr;gap:12px}.resource-card {min-height:170px;padding:19px}.resource-card__top {margin-bottom:19px}.resource-card strong {font-size:21px}.resource-note {margin-top:22px}}
@media(prefers-reduced-motion:reduce) {.resource-card,.resource-card__arrow {transition:none}}
