.hr-button.outline{background:#fff;padding:.72rem 1.05rem;transition:background .2s ease,color .2s ease}
.hr-button.outline:hover{background:var(--hr-green);color:#142d04}
.hr-grid>.hr-card:only-child{grid-column:1/-1;width:min(100%,430px)}
.hr-card{display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.hr-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(18,59,112,.14)}
.hr-card-image,.hr-card-placeholder{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,var(--hr-sage),#f3f7ef);text-decoration:none}
.hr-card-image{aspect-ratio:16/9}
.hr-card-placeholder span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fff;color:#547b21;font-size:2rem;box-shadow:0 5px 18px rgba(49,87,15,.12)}
.hr-card-body{display:flex;flex:1;flex-direction:column}
.hr-card-link{margin-top:auto;padding-top:12px;color:#4f7e18;font:800 .84rem var(--hr-heading);text-decoration:none}
.hr-card-link:after{content:' \2192'}
.hr-topic{min-height:122px;flex-direction:column;gap:10px;background:linear-gradient(180deg,#fff,#f7faf4);box-shadow:0 5px 16px rgba(18,59,112,.04);transition:transform .2s ease,background .2s ease}
.hr-topic:before{content:'\2736';display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--hr-sage);color:#4f7e18;font-size:1.15rem}
.hr-topic:nth-child(2n):before{content:'\2618'}
.hr-topic:nth-child(3n):before{content:'\2661'}
.hr-topic:hover{transform:translateY(-2px)}
.hr-footer-links{display:block;list-style:none;padding:0;margin:0}
.hr-footer-links li{margin:.45rem 0}
.hr-footer-links a{text-decoration:none}
.hr-footer-links a:hover{text-decoration:underline}
@media(max-width:600px){.hr-grid>.hr-card:only-child{width:100%}.hr-hero .hr-container.hr-hero-inner{padding-left:18px;padding-right:18px}}
.hr-hero .hr-container.hr-hero-inner{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:clamp(24px,9vw,150px);padding-right:24px}
.hr-hero-inner>h1,.hr-hero-inner>p{max-width:680px}
@media(max-width:600px){.hr-hero .hr-container.hr-hero-inner{padding-left:18px;padding-right:18px}}