/* Older pages inside the new design. Loaded after Bootstrap 3 and the old theme CSS. */
body.legacy{background:#fff;font:400 17px/1.6 var(--sans);color:var(--ink-2)}
body.legacy .site-header,body.legacy footer{font-family:var(--sans)}
body.legacy .site-header ul,body.legacy footer ul{margin:0;padding:0}
body.legacy .site-header a:hover,body.legacy .site-header a:focus{text-decoration:none}
body.legacy footer a:hover{text-decoration:underline}
body.legacy footer h2{font-family:var(--sans);margin-top:0}
body.legacy .site-header .btn,body.legacy .mc-related .btn,body.legacy footer .btn{white-space:nowrap;font-family:var(--sans);font-size:15px;line-height:1.2;border-radius:999px}
body.legacy h1,body.legacy h2,body.legacy h3,body.legacy h4{font-family:var(--sans)}
body.legacy .legacy-main img{max-width:100%;height:auto}
body.legacy .site-header .brand img{width:168px;height:auto;max-width:none}
body.legacy footer .brand img{width:237px;height:auto;max-width:100%}
body.legacy .site-header .sub b,body.legacy .site-header .sub span{white-space:normal}
.legacy-main{display:block;min-height:40vh}
/* breadcrumb */
.mc-crumbs{max-width:860px;margin:0 auto;padding:22px 20px 0}
.mc-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:#6B7480}
.mc-crumbs li+li::before{content:"/";margin-right:6px;color:#B4BCC6}
.mc-crumbs a{color:#4A5563;text-decoration:none}
.mc-crumbs a:hover{color:#0F1E2E;text-decoration:underline}
/* article body */
.legacy-main .courses{padding:20px 0 24px;background:#fff}
.legacy-main .courses>.container{max-width:860px;width:auto;padding:0 20px;margin:0 auto}
.legacy-main .courses h1{font-size:clamp(2rem,1.35rem + 2.2vw,3rem);line-height:1.08;letter-spacing:-.025em;font-weight:700;color:#0F1E2E;margin:10px 0 14px;text-align:left}
.legacy-main .courses h4{font-size:14px;line-height:1.5;color:#6B7480;margin:2px 0;font-weight:500}
.legacy-main .courses h4 i{font-style:normal}
.legacy-main .courses h2{font-size:clamp(1.45rem,1.2rem + .8vw,1.85rem);line-height:1.2;letter-spacing:-.02em;margin:40px 0 12px;color:#0F1E2E;font-weight:650}
.legacy-main .courses h3{font-size:1.25rem;line-height:1.3;margin:28px 0 10px;color:#0F1E2E;font-weight:620}
.legacy-main .courses p,.legacy-main .courses li{font-size:18px!important;line-height:1.75!important;text-align:left!important;color:#2B3440}
.legacy-main .courses p{margin:0 0 18px}
.legacy-main .courses ul,.legacy-main .courses ol{padding-left:22px;margin:0 0 18px}
.legacy-main .courses img{max-width:100%;height:auto;border-radius:14px;margin:8px 0}
.legacy-main .courses center{text-align:left}
.legacy-main .courses a{color:#2F6E1F;text-decoration:underline;text-underline-offset:3px}
.legacy-main .courses hr{border:0;border-top:1px solid #E3E6EA;margin:22px 0}
.legacy-main .courses br+br{display:none}
.legacy-main .courses table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:16px;display:block;overflow-x:auto}
.legacy-main .courses th,.legacy-main .courses td{border:1px solid #E3E6EA;padding:10px 12px;text-align:left;vertical-align:top}
.legacy-main .courses th{background:#F4F9F1}
.legacy-main .general-content-1,.legacy-main .ptc-section{padding:0;background:none}
/* related + next step */
.mc-related{background:var(--canvas,#F6F7F5);border-top:1px solid var(--line,#E3E6EA);padding:56px 0}
.mc-related .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.mc-related .mc-k{font-size:12px;letter-spacing:.12em;font-weight:700;color:#2F6E1F;margin:0 0 10px}
.mc-related h2{font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);line-height:1.15;margin:0 0 12px;color:#0F1E2E}
.mc-related p{font-size:16px;color:#4A5563;margin:0 0 18px}
.mc-btns{display:flex;flex-wrap:wrap;gap:12px}
.mc-more ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.mc-more li a{display:block;padding:14px 16px;background:#fff;border:1px solid #E3E6EA;border-radius:12px;color:#0F1E2E;text-decoration:none;font-weight:600;font-size:15px;line-height:1.4}
.mc-more li a:hover{border-color:#4E9A2A}
.mc-more .more{font-weight:600;color:#2F6E1F}
@media (max-width:860px){.mc-related .wrap{grid-template-columns:minmax(0,1fr)}}