/* Learning Journey only: shared containers, quieter supporting context. */
.journey-intro{padding-block:16px 18px}
.journey-intro .breadcrumbs{margin-bottom:12px}
.journey-eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 8px}
.journey-intro h1{max-width:920px;font-size:clamp(28px,3.1vw,40px);line-height:1.15;margin:0 0 12px}
.journey-copy{max-width:76ch;font-size:17px;line-height:1.55;color:var(--muted);margin:0}
.journey-explanation{padding-block:10px 6px}
.journey-explanation h2{font-size:20px;line-height:1.35;margin:0 0 14px}
.journey-concepts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding-block:10px;border-block:1px solid #e6eaf2}
.journey-concepts>div{position:relative;min-width:0}
.journey-concepts>div:not(:last-child)::after{content:'→';position:absolute;left:100%;top:0;width:28px;text-align:center;color:var(--blue);font-weight:400}
.journey-concepts dt{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px;line-height:1.4}
.journey-concepts dd{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.journey-materials-note,.journey-support-line{font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.journey-materials-note{max-width:90ch}
.journey-start{padding-block:8px 12px}
.journey-start h2{font-size:14px;font-weight:600;line-height:1.4;color:var(--muted);margin:0 0 6px}
.journey-audiences{display:flex;flex-wrap:wrap;gap:6px 20px;padding:0;margin:0;list-style:none}
.journey-audiences li{min-width:0;font-size:14px;line-height:1.5}
.journey-audiences strong{font-weight:400}
.journey-audiences a,.journey-support-line a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.journey-audiences a:hover,.journey-support-line a:hover{color:var(--blue-hover)}
.journey-audiences a:focus-visible,.journey-support-line a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:3px}
.level-picker#learning-journey{padding-block:14px 12px;scroll-margin-top:130px}
.level-picker#learning-journey:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:12px}
#level-selection-title{font-size:26px;line-height:1.3;margin:0 0 16px}
#learning-journey .level-grid{display:flex;flex-wrap:wrap;gap:16px}
/* Flexible rows fill the width for any count, including the last row. */
#learning-journey .level-card{flex:1 1 calc((100% - 64px)/5);min-width:0;padding:20px;border:1px solid #dfe5ef;border-radius:12px;background:#fff;min-height:0;box-shadow:0 2px 8px #17234303;transition:border-color 200ms ease-out,box-shadow 200ms ease-out,transform 200ms ease-out}
#learning-journey .level-number{font-size:14px;font-weight:600;line-height:1.4;color:var(--blue);background:var(--blue-pale);align-self:flex-start;padding:3px 8px;border-radius:6px;margin-bottom:12px}
#learning-journey .level-card h3{font-size:21px;line-height:1.3;margin:0 0 10px;overflow-wrap:anywhere}
#learning-journey .block-copy{white-space:pre-line;font-size:15px;line-height:1.55;margin:0 0 18px;color:var(--muted);overflow-wrap:anywhere}
#learning-journey .level-count{font-size:12px;line-height:1.5;color:var(--muted);margin-top:auto}
#learning-journey .level-action{font-size:14px;font-weight:600;line-height:1.5;border-color:#e6eaf2;margin-top:12px;padding-top:12px;overflow-wrap:anywhere}
#learning-journey .level-action::after{content:' →';white-space:nowrap}
#learning-journey .level-card:hover{border-color:var(--blue);box-shadow:0 6px 18px #1723430a;transform:translateY(-2px)}
#learning-journey .level-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-color:var(--blue)}
@media(max-width:1199px) and (min-width:901px){#learning-journey .level-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:900px) and (min-width:601px){.journey-concepts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}.journey-concepts>div:nth-child(2)::after{content:'↙'}#learning-journey .level-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){.journey-intro{padding-block:14px 12px}.journey-copy{font-size:16px}.journey-explanation{padding-block:6px}.journey-explanation h2{font-size:18px;margin-bottom:10px}.journey-concepts{grid-template-columns:1fr;gap:14px;padding-block:8px}.journey-concepts dt,.journey-concepts dd{display:inline;margin:0}.journey-concepts dt::after{content:' — '}.journey-concepts>div:not(:last-child)::after{content:'↓';left:0;top:100%;height:14px;line-height:14px;width:16px}.journey-start{padding-block:6px 10px}.journey-audiences{flex-direction:column;gap:5px}#level-selection-title{font-size:24px;margin-bottom:12px}#learning-journey .level-grid{gap:12px}#learning-journey .level-card{flex-basis:100%;padding:18px}#learning-journey .level-number{margin-bottom:8px}#learning-journey .block-copy{margin-bottom:14px}}
@media(hover:none){#learning-journey .level-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){#learning-journey .level-card{transition:none}#learning-journey .level-card:hover{transform:none}}