/* Course outline pages and the /courses/ hub. Builds on finance.css. */
.m5{--mc:#0E7C66;--mc-fg:#FFFFFF}
.fs-top h1 .kick{display:block;font-size:.42em;letter-spacing:-.02em;margin-bottom:10px;color:var(--offer-kicker)}
.fit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.fit h2{margin-top:12px}
.fit .lead{margin-top:16px}
.fit .problem{border-top:3px solid var(--mc,var(--l2));padding-top:16px}
.fit .problem p{font-size:18px;line-height:1.6;color:var(--body);margin-top:12px}
.fit .problem .gets{margin-top:20px;font-weight:600;color:var(--ink)}
.session-c .ask,.session-c .keep{margin-top:12px;font-size:16px;line-height:1.5}
.session-c .ask b,.session-c .keep b{color:var(--ink)}
.session-c .keep{padding-top:12px;border-top:1px solid var(--line)}
.session-c ol.weeks li b{color:var(--ink)}
.binder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.binder li{border:2px solid var(--ink);border-radius:10px;padding:18px 20px;background:var(--paper)}
.binder span{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.binder b{display:block;margin-top:6px;font:700 20px/1.2 var(--display);letter-spacing:-.02em;text-transform:none}
.capstone{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;font-size:18px;line-height:1.55;color:var(--body)}
.capstone b{color:var(--ink)}
.prog-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.prog-grid.three .prog h3{font-size:clamp(24px,2.2vw,30px)}
.prog-grid.three .prog p{font-size:17px}
.hub-note{margin-top:28px;font-size:17px;color:var(--muted)}
@media (max-width:1024px){
  .fit{grid-template-columns:minmax(0,1fr);gap:36px}
  .binder,.prog-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .binder,.prog-grid.three{grid-template-columns:minmax(0,1fr)}
}