/* High at 60 — Learn Index */
.learn-index-page{background:#f7f8f4;color:#243128}
.learn-index-page *{box-sizing:border-box}
.learn-index-page .page-container{width:min(1180px,calc(100% - 40px));margin:auto}

.learn-index-hero{padding:46px 0 42px;background:linear-gradient(135deg,#183f27,#245d37);color:#fff;text-align:center}
.learn-index-hero-inner{max-width:900px}
.learn-index-eyebrow,.learn-index-kicker,.learn-index-card-label{margin:0 0 12px;color:#7ca83d;font-size:.79rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.learn-index-hero .learn-index-eyebrow{color:#dceac8}
.learn-index-hero-icon,.learn-index-topic-icon,.learn-index-tool-icon{
    width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#edf4e7;font-size:1.8rem
}
.learn-index-hero-icon{
    width:50px;height:50px;margin:0 auto 14px;background:rgba(255,255,255,.11);
    border:1px solid rgba(255,255,255,.25);font-size:1.5rem
}
.learn-index-hero h1{margin:0 0 12px;color:#fff;font-size:clamp(2rem,4vw,3.2rem)}
.learn-index-hero p:last-child{max-width:790px;margin:auto;color:#e5eee7;font-size:1rem;line-height:1.68}

.learn-index-section{padding:72px 0}
.learn-index-white{background:#fff}
.learn-index-heading{max-width:850px;margin:0 auto 38px;text-align:center}
.learn-index-heading h2,.learn-index-footer-note h2{
    margin:0 0 14px;color:#173c25;font-size:clamp(1.9rem,4vw,2.7rem)
}
.learn-index-heading>p:last-child,.learn-index-footer-note p{margin:0;color:#5d6961;line-height:1.75}

.learn-index-path{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1040px;margin:auto}
.learn-index-path-card{
    display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:24px;
    border:1px solid #dbe5da;border-radius:22px;background:#fff;color:inherit;text-decoration:none;
    box-shadow:0 12px 30px rgba(28,62,35,.07)
}
.learn-index-path-card>span{
    width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
    background:#1f5532;color:#fff;font-weight:800
}
.learn-index-path-card h3{margin:0 0 7px;color:#1f472d;font-size:1.2rem}
.learn-index-path-card p{margin:0;color:#5b675f;line-height:1.62}

.learn-index-grid{display:grid;gap:22px}
.learn-index-grid-3{grid-template-columns:repeat(3,1fr)}
.learn-index-grid-4{grid-template-columns:repeat(4,1fr)}

.learn-index-topic-card,.learn-index-info-card{
    display:flex;flex-direction:column;padding:27px;border:1px solid #dbe5da;border-radius:22px;
    background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 30px rgba(28,62,35,.07)
}
.learn-index-topic-card:hover{border-color:#84a86e;transform:translateY(-2px)}
.learn-index-topic-card,.learn-index-topic-card:hover{transition:border-color .2s ease,transform .2s ease}
.learn-index-topic-card .learn-index-topic-icon,.learn-index-info-card .learn-index-topic-icon{margin-bottom:18px}
.learn-index-topic-card h3,.learn-index-info-card h3{
    margin:0 0 10px;color:#1f472d;font-size:1.25rem
}
.learn-index-topic-card p:not(.learn-index-card-label),.learn-index-info-card p{
    margin:0 0 16px;color:#5b675f;line-height:1.68
}
.learn-index-topic-card>span{margin-top:auto;color:#1f5532;font-weight:800}
.learn-index-card-label{margin-bottom:8px;font-size:.68rem}

.learn-index-banner-slot{min-height:80px}

.learn-index-tools-section{padding:72px 0;background:#183f27;color:#fff}
.learn-index-tools-section .learn-index-heading h2{color:#fff}
.learn-index-tools-section .learn-index-heading>p:last-child{color:#dfe9e2}
.learn-index-tools-section .learn-index-kicker{color:#d3e4c1}
.learn-index-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.learn-index-tools-grid a{
    display:flex;flex-direction:column;padding:28px;border:1px solid rgba(255,255,255,.18);
    border-radius:22px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none
}
.learn-index-tools-grid .learn-index-tool-icon{margin-bottom:18px;background:rgba(255,255,255,.12)}
.learn-index-tools-grid h3{margin:0 0 10px;color:#fff;font-size:1.25rem}
.learn-index-tools-grid p{margin:0 0 17px;color:#e0e9e2;line-height:1.68}
.learn-index-tools-grid span{margin-top:auto;color:#dcebcf;font-weight:800}

.learn-index-footer-note{padding:20px 0 70px;text-align:center}
.learn-index-footer-note .page-container{max-width:860px}
.learn-index-footer-note h2{font-size:1.8rem}
.learn-index-footer-note a{display:inline-block;margin-top:18px;color:#1f5532;font-weight:800}

@media(max-width:1050px){
    .learn-index-grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
    .learn-index-grid-3,.learn-index-tools-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
    .learn-index-page .page-container{width:min(100% - 28px,1180px)}
    .learn-index-hero{padding:35px 0 33px}
    .learn-index-hero h1{font-size:2rem}
    .learn-index-section,.learn-index-tools-section{padding:56px 0}
    .learn-index-path,.learn-index-grid-3,.learn-index-grid-4,.learn-index-tools-grid{grid-template-columns:1fr}
    .learn-index-path-card{grid-template-columns:auto 1fr}
    .learn-index-topic-card,.learn-index-info-card{padding:23px}
    .learn-index-banner-slot{min-height:56px}
}