/* Every Learner pages: shared look (v145). Hub rules, then article pages. */
.el-hub section{padding-block:0}
.el-hub section.el-hero{padding:clamp(28px,5vw,52px)}
.el-hub{gap:64px;padding-top:18px}
.el-hub p{font-size:17px;line-height:1.6}
.el-hub h2{font-size:clamp(26px,3.2vw,34px)}
.el-hero{border:2px solid #15233c;box-shadow:0 6px 0 #0b1426}
.el-hero p.el-intro{font-size:18px;color:#e6edf9}
.el-free>li.el-dlbox,.el-kits li{background:#fff;border:2px solid #15233c;border-radius:16px;box-shadow:0 4px 0 #15233c}
.el-free>li.el-dlbox{border-top:2px solid #15233c}
.el-free>li.el-dlbox:nth-child(1){background:#fdebd6}.el-free>li.el-dlbox:nth-child(2){background:#e6e0f8}.el-free>li.el-dlbox:nth-child(3){background:#dcecfa}
.el-kits li{border-top:2px solid #15233c}
.el-free .el-more{border-top:2px solid #15233c;border-radius:0 0 14px 14px}
.el-meta{font:600 14px/1.5 var(--body,inherit);color:#3b4a63}
.el-badge{font:800 11.5px/1 var(--body,inherit);letter-spacing:.05em}
.el-price{background:none;padding:0;font-size:22px}
.el-soon{background:#fff;border:2px dashed #15233c;color:#15233c}
.el-free .el-desc,.el-kits .el-desc{font-size:16px;color:#2a3852}
.el-links a,.el-faq details{background:#fff;border:2px solid #15233c;border-radius:12px;box-shadow:0 3px 0 #15233c}
.el-links a{font-size:16px;padding:14px 16px}
.el-faq summary{font-size:17px}
.el-note{background:#fff8d6;border:2px solid #15233c;border-radius:16px}
.el-hub section>ul:not([class]){font-size:17px;line-height:1.6}

/* Every Learner article pages (v145) */
.el-page>section{margin-block:0 34px}
.el-page>section:first-of-type{background:#15233c;color:#fff;border:2px solid #15233c;border-radius:18px;box-shadow:0 6px 0 #0b1426;padding:clamp(26px,5vw,48px);margin:10px 0 40px}
.el-page>section:first-of-type .eyebrow{margin:0 0 10px}
.el-page>section:first-of-type .eyebrow a{color:#ffd23f;text-decoration:none;font:700 13px/1.2 var(--body,inherit);letter-spacing:.12em;text-transform:uppercase}
.el-page>section:first-of-type .eyebrow a::before{content:none}
.el-page>section:first-of-type h1{color:#fff;font-family:var(--display);font-size:clamp(34px,5vw,54px);line-height:1.05;margin:0 0 14px}
.el-page>section:first-of-type .lead{color:#e6edf9;font-size:18.5px;line-height:1.6;margin:0;max-width:62ch}
.el-page h2{font-family:var(--display);font-size:clamp(25px,3vw,32px);margin:0 0 12px}
.el-page p,.el-page li{font-size:17px;line-height:1.65}
.el-page .el-dlbox{background:#fdebd6;border:2px solid #15233c;border-radius:16px;box-shadow:0 4px 0 #15233c;padding:20px 22px;max-width:none}
.el-page .el-dlname{font-size:20px;color:#15233c}
.el-page .el-meta{font:700 14px/1.5 var(--body,inherit);color:#3b4a63}
.el-page .el-soon{background:#fff;border:2px dashed #15233c;color:#15233c;border-radius:10px}
.el-page .el-dl:not(.el-soon){border:2px solid #15233c}
.el-page .q{background:#fff!important;border:2px solid #15233c!important;border-radius:14px!important;box-shadow:0 3px 0 #15233c}
.el-page ul.links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}
.el-page ul.links a{display:block;height:100%;box-sizing:border-box;background:#fff;border:2px solid #15233c;border-radius:14px;box-shadow:0 3px 0 #15233c;padding:14px 16px;color:#15233c;font-weight:800;text-decoration:none}
.el-page ul.links a:hover{background:#fff8d6}
.el-page ul.links a span{display:block;font-weight:500;font-size:14.5px;color:#3b4a63;margin-top:4px}
.el-page .el-note{background:#fff8d6;border:2px solid #15233c;border-radius:16px}
@media(max-width:1012px){.el-hub{padding-inline:16px}}