/*
 * DA Live Cohort 1 — waitlist LP additions on top of aise-lp-light.css and aise-elements.css.
 * Source design: DA_Bootcamp_Waitlist_LP_Career_Booster.html. Layout, spacing and type come from
 * main.min.css utilities in the markup; only the LP tokens (colours, borders, radii) and
 * grid overrides of the shared aise grids live here.
 */
/* aise-elements.css resets margin/padding on .aise-lp *, which strips Bootstrap's row gutters; restore them */
.aise-lp .row { margin: calc(-1 * var(--bs-gutter-y)) calc(-.5 * var(--bs-gutter-x)) 0 }
.aise-lp .row > * { padding: 0 calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) }

.hero .hl { font-size: clamp(17px, 3vw, 20px); color: var(--navy); background: #FFF4C2; border-radius: 10px }
.dates.three { max-width: 720px; grid-template-columns: repeat(3, 1fr) }
@media(max-width:620px) { .dates.three { grid-template-columns: 1fr } }

/* Why join + Your career tiles */
.tile-n { background: var(--blue-light) }
.proof-strip { background: var(--navy); color: var(--on-dark-2); border-radius: var(--radius-card); font-size: 15px }
.proof-strip b { color: #fff }

/* Career ladder */
.lv { border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--card) }
.lv-n { color: var(--blue) }
.lv-t { color: var(--text) }
.lv-w { color: var(--text-sec) }
.lv-w b { color: var(--blue) }
.lv.top { background: var(--navy); border-color: var(--navy) }
.lv.top .lv-n { color: var(--lime) }
.lv.top .lv-t, .lv.top .lv-w b { color: #fff }
.lv.top .lv-w { color: var(--on-dark-2) }
/* On phones the week and description sit under the title, in line with it (56px = the level label width) */
@media(max-width:575.98px) { .lv .lv-w { padding-left: 56px } }
.lv-note { color: var(--text-sec) }

/* Skill pillars */
.pillar { border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--card) }
.pillar-tag { letter-spacing: .08em }
.pillar-row { border-top: 1px solid var(--border) }
.pillar-today { color: var(--text-sec) }

/* GreenPlate leadership team strip */
.team-mem { border: 1px solid var(--border); border-radius: 14px; background: var(--card) }
.team-cap { color: var(--text-sec) }

/* Six-week curriculum with "You ship" tags */
@media(min-width:1000px) { .curriculum-grid.six { grid-template-columns: repeat(3, 1fr) } }
.curriculum-arc .ship { color: #1D4ED8; background: var(--blue-light) }
.curriculum-arc.cap { background: var(--navy); border-color: var(--navy) }
.curriculum-arc.cap .title { color: #fff }
.curriculum-arc.cap .desc { color: var(--on-dark-2) }
.curriculum-arc.cap .tag { color: var(--lime) }
.curriculum-arc.cap .ship { background: var(--lime); color: var(--navy) }

/* One review column beside the next-cohort card; its reviews sit two across */
@media(min-width:760px) {
  .cohort-cols.two { grid-template-columns: 2fr 1fr }
  .cohort-cols.two > div:first-child { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; align-content: start }
  .cohort-cols.two > div:first-child .col-head { grid-column: 1 / -1 }
}

.cmp .new { background: var(--teal); vertical-align: 2px }
/* On phones the third column sits off-screen; show Codebasics second so it is seen without a swipe */
@media(max-width:620px) {
  .cmp tr { display: flex }
  .cmp th, .cmp td { flex: 1 1 0 }
  .cmp .us { order: 1 }
  .cmp thead th:nth-child(2), .cmp td.them { order: 2 }
}