/* PROG-03: four phase cards joined by a gold hairline. */
.cc-p-prog-03 { border-bottom: 1px solid var(--wp--preset--color--line); }
.cc-p-prog-03 .cc-phases__wrap { box-sizing: border-box; max-width: 1200px; margin-inline: auto !important; padding-inline: 1.5rem; }
.cc-p-prog-03 .cc-phases { position: relative; display: grid; grid-template-columns: 1fr; gap: 3rem; }
@media (min-width: 782px) { .cc-p-prog-03 .cc-phases { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .cc-p-prog-03 .cc-phases { grid-template-columns: repeat(4, 1fr); } .cc-p-prog-03 .cc-phases::before { content: ""; position: absolute; top: 26px; left: 6%; right: 6%; height: 1px; background: var(--wp--preset--color--gold-light); } }
.cc-p-prog-03 .cc-phase { position: relative; z-index: 1; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 1.5rem; background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--line); }
.cc-p-prog-03 .cc-phase > * { margin: 0; }
.cc-p-prog-03 .cc-phase__head { display: flex; align-items: center; gap: 1rem; width: 100%; margin-bottom: 1rem !important; }
.cc-p-prog-03 .cc-phase__head > * { margin: 0; }
.cc-p-prog-03 .cc-phase__n { display: flex; flex: none; align-items: center; justify-content: center; box-sizing: border-box; width: 52px; height: 52px; background: var(--wp--preset--color--navy-deep); border: 1px solid var(--wp--preset--color--gold); color: var(--wp--preset--color--gold-light); font: 700 .75rem/1 var(--wp--preset--font-family--label); letter-spacing: .12em; }
.cc-p-prog-03 .cc-phase__k { font: 600 .6875rem/1rem var(--wp--preset--font-family--label); letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--gold-deep); }
.cc-p-prog-03 .cc-phase__h { margin-bottom: .5rem !important; font-size: 22px; line-height: 1.375; font-weight: 600; color: var(--wp--preset--color--navy); }
.cc-p-prog-03 .cc-phase__t { margin-top: .5rem !important; font-size: 1rem; line-height: 1.625; }