/* Deliberately scoped to these cards; no theme, search or payment selectors. */
.etc-context-routes{margin-top:36px;margin-bottom:40px;color:#1c3d30}
.etc-context-routes__heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.etc-context-routes__heading>div>span{display:block;font-size:11px;letter-spacing:.12em;font-weight:700;color:#547164;margin-bottom:7px}
.etc-context-routes .etc-context-routes__heading h2{margin:0;font-size:clamp(21px,2vw,28px);line-height:1.2;letter-spacing:-.025em;color:#1c3d30}
.etc-context-routes__heading>p{margin:0;max-width:340px;font-size:14px;line-height:1.5;color:#62746a}
.etc-context-routes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.etc-route-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);position:relative;isolation:isolate;overflow:hidden;background:#f5f3eb;border:1px solid #dfe4d8;border-radius:18px;min-width:0}
.etc-route-card__copy{padding:26px 0 24px 26px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}
.etc-route-card__label{font-size:10px;line-height:1.3;letter-spacing:.06em;font-weight:700;color:#5a6e61;margin-bottom:12px}
.etc-context-routes .etc-route-card h3{font-size:clamp(21px,1.7vw,27px);font-weight:700;line-height:1.12;letter-spacing:-.025em;margin:0 0 12px;color:#173e2c;max-width:23ch}
.etc-context-routes .etc-route-card p{font-size:14px;line-height:1.55;color:#4f6558;margin:0 0 18px;max-width:41ch}
.etc-context-routes a.etc-route-card__button{display:inline-flex;gap:12px;justify-content:space-between;align-items:center;min-height:44px;padding:11px 15px;margin-top:auto;background:#096c4c;border:1px solid #096c4c;border-radius:9px;color:#fff;text-decoration:none;font-size:13px;line-height:1.35;font-weight:700;box-shadow:none;max-width:100%;text-align:left}
.etc-context-routes a.etc-route-card__button:hover{background:#084f39;border-color:#084f39;color:#fff}
html#etc-ds#etc-ds .etc-context-routes a.etc-route-card__button,html#etc-ds#etc-ds .etc-context-routes a.etc-route-card__button:visited{color:#fff!important}
.etc-context-routes a.etc-route-card__button:focus-visible{outline:3px solid #ae602f;outline-offset:4px}
.etc-route-card__button>span[aria-hidden]{font-size:19px;line-height:1;flex-shrink:0}
.etc-route-card small{display:block;font-size:11px;line-height:1.4;color:#627164;margin-top:10px;max-width:40ch}
.etc-route-card__art{display:flex;align-items:center;justify-content:center;overflow:hidden;align-self:stretch;min-width:0}
.etc-route-card__art img{width:120%;height:auto;max-width:120%;flex-shrink:0;object-fit:contain;mix-blend-mode:multiply;display:block;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 80%)}
.etc-context-routes--catalog .etc-context-routes__grid,.etc-context-routes--product .etc-context-routes__grid,.etc-context-routes--learning .etc-context-routes__grid{grid-template-columns:minmax(0,760px)}
.etc-context-routes:not(.etc-context-routes--home) .etc-context-routes__heading>div>span{display:none}
.etc-context-routes:not(.etc-context-routes--home) .etc-context-routes__heading h2{font-size:19px;font-weight:600}
.etc-context-routes:not(.etc-context-routes--home) .etc-route-card__copy{padding:22px 0 22px 24px}
.etc-context-routes--reading .etc-route-card h3{font-size:23px}
.etc-routes-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){
 .etc-context-routes__grid{gap:14px;grid-template-columns:minmax(0,760px)}
 .etc-route-card{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 .etc-route-card__copy{padding:22px 0 22px 22px}
 .etc-route-card__art img{width:120%;height:auto;max-width:120%}
}
@media(max-width:767px){
 .etc-context-routes{margin-top:26px;margin-bottom:28px}
 .etc-context-routes__grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .etc-context-routes__heading{margin-bottom:14px}
 .etc-context-routes__heading>p{display:none}
 .etc-route-card{padding:18px;grid-template-columns:minmax(0,1fr) 30%;gap:0 8px}
 .etc-route-card__copy,.etc-context-routes:not(.etc-context-routes--home) .etc-route-card__copy{display:contents}
 .etc-route-card__label{grid-column:1;margin:0 0 10px;font-size:9px}
 .etc-context-routes .etc-route-card h3{grid-column:1;max-width:none;font-size:23px;margin:0 0 12px}
 .etc-context-routes .etc-route-card p{grid-column:1/-1;max-width:none;font-size:14px;margin:0 0 16px}
 .etc-context-routes a.etc-route-card__button{grid-column:1/-1;justify-self:start;font-size:13px;margin:0;min-height:44px}
 .etc-route-card small{grid-column:1/-1;max-width:none;margin-top:10px}
 .etc-route-card__art{grid-column:2;grid-row:1/3;margin:-10px -15px 0 -8px;align-self:center}
 .etc-route-card__art img{width:160%;max-width:160%;height:auto}
}