@import url("/topic-stage-interaction.css");
/* An editorial curriculum sequence, distinct from the level-selection cards. */
.journey-topic-showcase{padding-block:22px 24px;color:var(--ink)}
.journey-topic-showcase h2{margin:0 0 6px;font-size:26px;line-height:1.3}
.journey-topic-support{margin:0 0 20px;max-width:72ch;font-size:15px;line-height:1.55;color:var(--muted)}
.journey-topic-stages{display:grid;grid-template-columns:repeat(var(--showcase-columns),minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.journey-topic-stages>li{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:10px;align-items:stretch;min-width:0;margin:0}
.journey-topic-stage{padding:12px 0 0;border:0;border-top:2px solid #dce4f2;border-radius:0;background:transparent;min-width:0;overflow-wrap:anywhere}
.journey-topic-stage .journey-topic-level{display:block;margin:0 0 8px;padding:0;color:var(--blue);font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.025em}
.journey-topic-stage>h3{margin:0 0 10px;font-size:18px;line-height:1.35;font-weight:600}
.journey-topic-stage p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.journey-topic-stage .journey-topic-outcome-label{margin:0 0 3px;font-size:12px}
.journey-topic-arrow{align-self:center;color:var(--blue);font-size:20px;line-height:1}
.journey-topic-link{display:inline-block;margin-top:10px;color:var(--blue);font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.journey-topic-link:hover{color:var(--blue-hover)}.journey-topic-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:3px}
/* Larger definitions stay vertical instead of squeezing arbitrary stage counts. */
.journey-topic-long{grid-template-columns:1fr;max-width:820px}.journey-topic-long>li{grid-template-columns:1fr;gap:10px}.journey-topic-long .journey-topic-arrow{justify-self:start;transform:rotate(90deg)}
@media(min-width:601px) and (max-width:1279px){.journey-topic-stages:not(.journey-topic-long){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}.journey-topic-stages:not(.journey-topic-long)>li{grid-template-rows:subgrid;grid-row:span 2;row-gap:12px}.journey-topic-stages:not(.journey-topic-long) .journey-topic-stage{grid-column:1;grid-row:1}.journey-topic-stages:not(.journey-topic-long) .journey-topic-arrow{grid-column:2;grid-row:1}.journey-topic-stages:not(.journey-topic-long)>li:nth-child(2n) .journey-topic-arrow{grid-column:1 / -1;grid-row:2;justify-self:start;transform:rotate(135deg)}}
@media(max-width:600px){.journey-topic-showcase{padding-block:18px}.journey-topic-showcase h2{font-size:22px}.journey-topic-support{font-size:14px;margin-bottom:14px}.journey-topic-stages{grid-template-columns:1fr;gap:8px}.journey-topic-stages>li{grid-template-columns:1fr;gap:8px}.journey-topic-stage{padding-top:10px}.journey-topic-stage .journey-topic-level{float:left;margin:0 10px 0 0;line-height:24px}.journey-topic-stage>h3{font-size:17px;margin-bottom:6px;line-height:24px}.journey-topic-stage .journey-topic-outcome-label{display:inline;margin-right:4px}.journey-topic-stage>p[lang]{display:inline}.journey-topic-link{display:block;width:fit-content;margin-top:6px}.journey-topic-arrow{justify-self:start;transform:rotate(90deg)}}
