.cs-learning-page{display:grid;gap:18px;padding-bottom:28px}
.cs-learning-hero{display:flex;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:18px;background:linear-gradient(128deg,#102b4e,#1d5780);color:#fff;box-shadow:0 18px 36px rgba(17,54,87,.16)}
.cs-learning-hero>div:first-child{max-width:820px}.cs-learning-hero span{font-size:12px;letter-spacing:.11em;color:#a9d8ff;font-weight:800}.cs-learning-hero h2{font-size:28px;margin:7px 0}.cs-learning-hero p{margin:0;line-height:1.75;color:#d9ebf8}.cs-learning-hero-actions{align-self:center}.cs-learning-hero .secondary{background:#fff;color:#17466d;border:0}
.cs-learning-guardrail{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 18px;border:1px solid #d9e2ec;border-radius:12px;background:#f8fbfe;color:#536377;font-size:13px}.cs-learning-guardrail b{color:#183c5d}.cs-learning-guardrail span:not(:first-of-type){padding-left:14px;border-left:1px solid #d9e2ec}
.cs-learning-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.cs-learning-toolbar>div:first-child{display:grid;gap:3px}.cs-learning-toolbar span{font-size:12px;color:#788496}
.cs-learning-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.cs-learning-summary article{display:grid;gap:4px;padding:17px;border:1px solid #e0e5ec;border-radius:14px;background:#fff}.cs-learning-summary span,.cs-learning-summary small{color:#748095;font-size:12px}.cs-learning-summary strong{font-size:25px;color:#193b5c}.cs-learning-summary article.is-warning{border-color:#efc986;background:#fffaf0}.cs-learning-summary article.is-warning strong{color:#9b5b0b}
.cs-learning-section{display:grid;gap:14px}.cs-learning-section-title{display:flex;align-items:end;justify-content:space-between;gap:18px}.cs-learning-section-title span:first-child{font-size:12px;color:#3170a6;font-weight:800}.cs-learning-section-title h2{margin:4px 0;font-size:21px}.cs-learning-section-title p{margin:0;color:#768397;font-size:13px}
.cs-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cs-learning-opportunity{display:grid;gap:13px;padding:19px;border:1px solid #dfe5ed;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(24,46,70,.045)}.cs-learning-opportunity header,.cs-learning-opportunity footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.cs-learning-opportunity header span,.cs-learning-opportunity footer span{font-size:12px;color:#778398}.cs-learning-opportunity h3{margin:4px 0 0;font-size:18px}.cs-learning-opportunity header>strong{font-size:24px;color:#174c77}.cs-learning-opportunity header>strong small{display:block;font-size:10px;color:#8190a4;text-align:right}
.cs-learning-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cs-learning-rates span{display:grid;gap:3px;padding:9px;border-radius:9px;background:#f4f7fa;color:#778398;font-size:11px}.cs-learning-rates b{color:#244766;font-size:14px}.cs-learning-samples{padding:12px;border-radius:10px;background:#faf8f3}.cs-learning-samples>b{font-size:12px;color:#6c5b3f}.cs-learning-samples p{margin:7px 0 0;font-size:12px;color:#4f5968;line-height:1.55}.cs-learning-opportunity details{border-top:1px solid #edf0f4;padding-top:10px}.cs-learning-opportunity summary{cursor:pointer;font-size:12px;color:#3c668c;font-weight:700}.cs-learning-proposal{margin-top:9px;padding:12px;border-radius:9px;background:#f6f9fc;font-size:12px;line-height:1.65}.cs-learning-proposal p{margin:6px 0 0}
.cs-learning-recommendation{display:flex;gap:11px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #edf0f4}.cs-learning-recommendation:last-child{border:0}.cs-learning-recommendation b{font-size:14px}.cs-learning-recommendation p{margin:4px 0 0;color:#68758a;font-size:12px;line-height:1.55}
.cs-learning-flow{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;border-radius:14px;background:#eef5fa}.cs-learning-flow>div{display:flex;align-items:center;gap:9px}.cs-learning-flow>div>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1b5c89;color:#fff}.cs-learning-flow span{display:grid}.cs-learning-flow strong{font-size:13px}.cs-learning-flow small{font-size:11px;color:#718097}.cs-learning-flow i{color:#91a1b2;font-style:normal}
@media(max-width:1200px){.cs-learning-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.cs-learning-hero,.cs-learning-toolbar,.cs-learning-section-title{align-items:stretch;flex-direction:column}.cs-learning-summary,.cs-learning-grid{grid-template-columns:1fr}.cs-learning-flow{align-items:stretch;flex-direction:column}.cs-learning-flow>i{transform:rotate(90deg);text-align:center}}