.pathway-choice-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.pathway-choice{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:10px;
    min-height:310px;
    padding:24px;
    background:#fff;
    border:1px solid #d8e1e5;
    border-radius:12px;
    cursor:pointer;
    box-shadow:0 6px 18px rgba(23,50,77,.04);
}
.pathway-choice:hover{border-color:#94adb8}
.pathway-choice:has(input:checked){
    border:2px solid #2d7773;
    box-shadow:0 8px 24px rgba(45,119,115,.12);
}
.pathway-choice input{
    position:absolute;
    top:18px;
    right:18px;
    width:20px;
    height:20px;
}
.pathway-choice-tag{
    align-self:flex-start;
    padding:5px 8px;
    border-radius:999px;
    background:#edf4f3;
    color:#2d7773;
    font-size:.68rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.pathway-choice strong{
    margin-top:12px;
    color:#17324d;
    font-size:1.35rem;
    line-height:1.2;
}
.pathway-choice>span:not(.pathway-choice-tag){
    color:#65727c;
    font-size:.92rem;
}
.pathway-choice small{
    margin-top:auto;
    padding-top:15px;
    border-top:1px solid #e6ecef;
    color:#17324d;
    font-weight:700;
    line-height:1.45;
}
.pathway-choice-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}

.journey-section{max-width:1260px}
.journey-heading{
    display:flex;
    justify-content:space-between;
    gap:32px;
    align-items:end;
    margin-bottom:18px;
}
.journey-heading h2,
.journey-branch-head h2{
    margin:5px 0 0;
    color:#17324d;
    font-size:1.9rem;
}
.journey-heading p{
    max-width:570px;
    color:#66737d;
    margin:0;
    text-align:right;
}
.journey-row{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:14px;
    margin-bottom:42px;
}
.journey-card{
    min-height:285px;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #dce3e8;
    border-top:4px solid #d0d9de;
    border-radius:10px;
    padding:19px;
}
.journey-enrolled{border-top-color:#2d7773}
.journey-available{border-top-color:#b68c48}
.journey-locked{background:#f8fafb}
.journey-coming_soon{background:#fafafa}
.journey-card-top{
    display:flex;
    justify-content:space-between;
    gap:12px;
}
.journey-stage{
    color:#b68c48;
    font-size:.72rem;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.07em;
}
.journey-state{
    color:#67747d;
    background:#eef2f4;
    padding:4px 7px;
    border-radius:999px;
    font-size:.65rem;
    text-transform:uppercase;
    letter-spacing:.06em;
    font-weight:800;
}
.journey-card h3{
    margin:16px 0 8px;
    color:#17324d;
    font-size:1.22rem;
}
.journey-card p{
    color:#65727c;
    font-size:.86rem;
    flex:1;
}
.journey-prereq{
    display:block;
    color:#7b8790;
    margin-top:8px;
}
.journey-card-action{
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #e8edef;
    min-height:48px;
    display:flex;
    align-items:center;
}
.journey-card-action>span{
    color:#76828b;
    font-size:.78rem;
}
.journey-branch-head{
    margin:46px 0 17px;
    padding:18px 20px;
    border-left:5px solid;
    background:#fff;
}
.journey-branch-head span{
    font-size:.7rem;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.1em;
}
.journey-branch-head.practitioner{border-left-color:#2d7773}
.journey-branch-head.practitioner span{color:#2d7773}
.journey-branch-head.researcher{border-left-color:#6f7394}
.journey-branch-head.researcher span{color:#5b6081}

@media(max-width:900px){
    .pathway-choice-grid{grid-template-columns:1fr}
    .pathway-choice{min-height:auto}
    .journey-heading{display:block}
    .journey-heading p{text-align:left;margin-top:9px}
}
