/* Learn pages: a guide list and one article */
.ed{max-width:1400px;margin:0 auto;padding:0 var(--gutter) clamp(56px,9vh,112px)}
.ed__head{padding:clamp(40px,7vh,88px) 0 clamp(24px,4vh,40px);text-align:center}
.ed__lab{margin:0 0 10px;font:600 var(--fs-label)/1.2 var(--sans);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--bronze)}
.ed__lab a{text-decoration:none;color:inherit}
.ed__lab a:hover{text-decoration:underline;text-underline-offset:5px}
.ed__head h1{font-size:var(--fs-h1);line-height:1.05}
.ed__head p:not(.ed__lab){margin:14px auto 0;max-width:52ch;color:var(--ink-2)}
.ed__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.ed__list a{display:flex;flex-direction:column;gap:10px;height:100%;padding:clamp(20px,2.4vw,32px);background:var(--ivory);text-decoration:none;color:inherit;transition:background .3s var(--ease)}
.ed__list a:hover{background:#ece5d3}
.ed__list b{font:400 var(--fs-title)/1.25 var(--serif)}
.ed__list span{font-size:var(--fs-small);line-height:1.6;color:var(--ink-2)}
.ed__list em{margin-top:auto;padding-top:8px;font-style:normal;font-size:var(--fs-small);color:var(--bronze)}
.ed__list a:hover em{text-decoration:underline;text-underline-offset:5px}
.ed__art{max-width:1240px;margin:0 auto;padding-top:clamp(40px,7vh,80px)}
.ed__art h1{font-size:min(var(--fs-h1),3rem);line-height:1.1}
.ed__body{margin-top:clamp(24px,4vh,40px);max-width:1100px;font-size:var(--fs-body);line-height:1.75;color:var(--ink-2)}
.ed__body p{margin:0 0 1.2em}
.ed__body h2{margin:1.8em 0 .6em;font:400 clamp(1.4rem,2.4vw,1.75rem)/1.25 var(--serif);color:var(--ink)}
.ed__body h3{margin:1.6em 0 .5em;font:400 var(--fs-title)/1.3 var(--serif);color:var(--ink)}
.ed__body ul,.ed__body ol{margin:0 0 1.4em;padding-left:1.3em}
.ed__body li{margin:.4em 0}
.ed__body strong{color:var(--ink);font-weight:600}
.ed__body a{color:var(--ink);text-underline-offset:4px}
.ed__cta{margin-top:clamp(32px,6vh,56px);padding:clamp(24px,4vw,40px);background:var(--ivory);text-align:center}
.ed__cta p{margin:0 0 18px;color:var(--ink-2)}
.ed__cta .btn{display:inline-flex;align-items:center;min-height:48px}
.ed__more{margin-top:clamp(56px,9vh,104px)}
.ed__more h2{margin-bottom:20px;font-size:var(--fs-h2)}
@media (max-width:900px){.ed__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ed__list{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ed__list a{transition:none}}