/* Shared presentation for the MMp educational pages. This stylesheet is
   deliberately loaded after older page styles to give every learning page
   the same logo, header, hero, card and navigation without changing the app. */
:root{color-scheme:light}
*,*:before,*:after{box-sizing:border-box}
body.learning-page{margin:0;background:linear-gradient(160deg,#fffbf5,#f1f8f2);color:#354c44;font:16px/1.65 system-ui,-apple-system,sans-serif}
.learning-page .wrap{width:min(920px,100%);max-width:920px;padding:20px clamp(16px,4vw,32px);margin:0 auto}
.learning-page .learning-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:14px;row-gap:9px;border-bottom:1px solid #e6dccb;min-height:95px}
.learning-page .learning-topbar>a:first-child{display:inline-flex;align-items:center;justify-self:start;width:154px;max-width:100%;min-width:0;flex:none}
.learning-page .learning-topbar img.logo{display:block;width:154px;max-width:100%;max-height:66px;height:auto;object-fit:contain}
.learning-page .learning-topbar .back-link{grid-column:2;justify-self:center;text-align:center;white-space:nowrap;color:#366353;text-decoration:none;font:700 .96rem/1.4 system-ui,-apple-system,sans-serif}
.learning-page .learning-topbar .mmp-language-switch{grid-column:3;justify-self:end;position:static!important;margin:0!important}
.learning-page .learning-topbar .mmp-language-select{max-width:132px}
.learning-page .hero.learning-hero{text-align:center;padding:30px 12px 23px;margin:4px auto 9px;background:transparent;border:0}
.learning-page .learning-hero .eyebrow{display:block;text-transform:none;color:#7a643f;font:750 .94rem/1.4 system-ui,sans-serif;letter-spacing:.075em}
.learning-page .learning-hero h1{font:500 clamp(1.9rem,4.5vw,3rem)/1.16 Georgia,serif;letter-spacing:.005em;color:#294940;margin:12px auto 15px;max-width:840px}
.learning-page .learning-hero p,.learning-page .learning-hero .subtitle{max-width:700px;margin:0 auto;font:400 clamp(.98rem,2.4vw,1.12rem)/1.6 system-ui,-apple-system,sans-serif;color:#52685f;letter-spacing:normal;text-transform:none}
.learning-page .card{border:1px solid #e5d6bb;border-radius:24px;background:rgba(255,255,252,.9);box-shadow:0 12px 30px rgba(56,80,63,.06);padding:clamp(21px,4vw,35px);margin:18px auto}
.learning-page .card h2{font:500 clamp(1.55rem,3vw,2.15rem)/1.22 Georgia,serif;color:#2e584c;margin:0 0 15px}
.learning-page .card h3{font:500 clamp(1.2rem,2.4vw,1.46rem)/1.3 Georgia,serif;color:#2e584c;margin:23px 0 12px}
.learning-page .card p{font-size:1rem;line-height:1.7}
.learning-page .learning-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:11px;margin:22px auto 11px;padding:0;border:0}
.learning-page .learning-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:10px 18px;border-radius:999px;text-decoration:none;text-align:center;color:#366353;border:1px solid #bed6c4;background:#e8f2e8;font:700 .94rem/1.4 system-ui,-apple-system,sans-serif}
.learning-page .learning-actions a.primary{background:#36796b;color:#fff;border-color:#36796b}
.learning-page a:focus-visible{outline:3px solid #c9a262;outline-offset:3px}
.learning-page .learning-footer{text-align:center;color:#657468;font-size:.86rem;margin-bottom:24px}
.learning-page .timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:12px;padding:0;margin:22px 0}
.learning-page .timeline li{border:1px solid #e5decf;border-radius:17px;padding:17px 15px;background:#fffaf1;margin:0}
.learning-page .timeline .number{display:block;font-size:.78rem;color:#84652f;font-weight:800;letter-spacing:.05em}
.learning-page .timeline strong{display:block;color:#355b4b;font-size:.98rem;margin:8px 0}
.learning-page .timeline p{font-size:.88rem;line-height:1.5;color:#637269;margin:0}
.learning-page .note{background:#f2f8f3;border-left:4px solid #9dbda8;padding:14px 18px;border-radius:10px;margin:20px 0}
.learning-page .worldwide-local-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;gap:8px;margin:12px 0;padding:0}
.learning-page .worldwide-local-times li{margin:0;padding:10px 12px;border:1px solid #dae6d8;background:#fffdf8;border-radius:10px}
.learning-page .worldwide-local-times time{font-size:.93rem;color:#325c4d;font-weight:650}
.learning-page .worldwide-zone{font-size:.86rem;color:#6c776d}
.learning-page #benefits>p:last-child{font:italic 1.2rem/1.5 Georgia,serif;color:#315b4d}
@media(max-width:700px){
 .learning-page .wrap{padding:14px}
 .learning-page .learning-topbar{grid-template-columns:minmax(0,1fr) auto;min-height:78px;padding-top:10px;padding-bottom:10px}
 .learning-page .learning-topbar>a:first-child{width:120px}
 .learning-page .learning-topbar img.logo{width:120px;max-height:53px}
 .learning-page .learning-topbar .back-link{grid-column:2;font-size:.85rem;white-space:normal}
 .learning-page .learning-topbar .mmp-language-switch{grid-column:1/-1;justify-self:end}
 .learning-page .hero.learning-hero{padding:18px 5px 16px}
 .learning-page .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
 .learning-page .learning-actions{gap:9px}
 .learning-page .learning-actions a{width:100%}
}
@media(max-width:430px){.learning-page .timeline,.learning-page .worldwide-local-times{grid-template-columns:1fr}}

/* Dedicated testimonial page uses the common learning page design. */
.learning-page .experience-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:8px 0}
.learning-page .experience-quote{margin:0;padding:clamp(14px,3vw,25px);background:#f6f9f3;border:1px solid #e0e9dc;border-radius:19px;color:#344f45}
.learning-page .experience-quote>span[aria-hidden]{display:block;color:#ae9156;font:44px/1 Georgia,serif;height:28px}
.learning-page .experience-quote p{line-height:1.75;margin:12px 0}
.learning-page .experience-quote footer{font-weight:700;color:#59746a;margin-top:18px}