#cadpathJourney{max-width:1100px;margin:0 auto;padding:28px 22px 70px;color:#25343c}#cadpathJourney.hidden{display:none!important}.journey-head{text-align:center;margin:16px auto 28px}.journey-back{float:left;border:0;background:none;color:#aa1732;font-weight:700;cursor:pointer;padding:8px}.journey-brand{font-weight:900;font-size:21px;letter-spacing:1px;color:#a51935}.journey-brand span{color:#343c42}.journey-head h1{font-size:clamp(30px,4vw,45px);margin:28px 0 8px}.journey-head p{color:#667780;font-size:17px}.journey-notice{padding:16px 20px;border-radius:10px;background:#f9e9ec;color:#8f2038;line-height:1.55}.journey-map{margin:30px 0;padding:35px 24px;background:#a71938;border-radius:22px;color:white;text-align:center}.journey-map>p{font-size:18px;font-weight:700;margin:0 0 30px}.journey-route{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 12px}.journey-province{border:0;color:white;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:16px;min-width:120px;padding:12px 8px}.journey-province:hover,.journey-province:focus-visible{background:#ffffff20;border-radius:12px}.journey-dot{width:18px;height:18px;border-radius:50%;background:white;border:4px solid #e6b5bf;box-shadow:0 0 0 3px #ffffff44}.journey-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.journey-options button{background:#fff;border:2px solid #e0e5e7;border-radius:14px;min-height:150px;padding:24px;font-weight:800;font-size:21px;cursor:pointer;color:#243b45}.journey-options button:hover{border-color:#9cb8ae;background:#f2f7f5}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.journey-interest{min-height:82px;padding:17px 12px;border:1px solid #d9dfe2;border-radius:12px;background:white;color:#26383f;font-size:18px;font-weight:800;cursor:pointer}.journey-interest.active{background:#b8d5c8;border:2px solid #739b88;color:#203d32}.journey-interest:focus-visible{outline:3px solid #567b6a;outline-offset:2px}.journey-subhead{font-size:22px;margin-top:32px}.journey-actions{display:flex;justify-content:space-between;gap:12px;margin:30px 0}.journey-actions button{padding:15px 22px;border-radius:9px;cursor:pointer;font-weight:800}.journey-clear{background:white;border:1px solid #cdd5d9}.journey-actions #journeyContinue{background:#a71938;border:0;color:white}.journey-actions #journeyContinue:disabled{opacity:.4;cursor:not-allowed}@media(max-width:700px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-options{grid-template-columns:1fr}.journey-interest{font-size:15px}.journey-province{min-width:105px}}

/* Approved CADPATH red Canada map: clickable invisible targets over route markers */
.journey-map-visual{position:relative;width:100%;margin:18px auto 28px;overflow:visible}
.journey-map-visual img{display:block;width:100%;height:auto}
.journey-map-point{position:absolute;transform:translate(-50%,-50%);width:clamp(24px,3.1vw,46px);height:clamp(24px,3.1vw,46px);border:0;border-radius:50%;background:transparent;cursor:pointer;z-index:2}
.journey-map-point:hover{outline:3px solid rgba(255,255,255,.95);background:rgba(255,255,255,.24);box-shadow:0 0 0 5px #a71938}
.journey-map-point:focus-visible{outline:4px solid #234e46;outline-offset:3px;background:rgba(255,255,255,.35)}
@media(max-width:700px){.journey-map-visual{min-width:680px}.journey-map-visual{transform-origin:top left}#cadpathJourney{overflow-x:auto}}

.journey-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:22px 0}.journey-result-card{background:#fff;border:1px solid #e2e4e6;border-radius:14px;padding:20px}.journey-result-card h3{margin:0 0 10px;color:#981632}.journey-result-card p{margin:6px 0}.journey-result-card a{display:inline-block;margin-top:12px;color:#981632;font-weight:700}.journey-results-status{font-weight:700;margin:20px 0}.journey-results-empty{padding:28px;background:#fff;border-radius:12px}

/* Province pathway choices: illustrated Canadian landscape cards; existing data-kind behavior unchanged. */
#cadpathJourney .journey-options{gap:18px;margin-top:36px}
#cadpathJourney .journey-options .journey-scenic-card{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;min-height:220px;overflow:hidden;padding:28px 22px;border:1px solid #f2e9e8;border-radius:22px;background:linear-gradient(110deg,#fff 0%,#fff7f6 62%,#fbe7e5 100%);box-shadow:0 8px 22px rgba(25,40,45,.08);text-align:left;color:#bc001c;transition:transform .18s ease,box-shadow .18s ease}
#cadpathJourney .journey-options .journey-scenic-card::before{content:"";position:absolute;z-index:-1;right:0;bottom:0;width:75%;height:85%;background-image:linear-gradient(to right,#fffaf9 0%,rgba(255,250,249,.82) 17%,rgba(255,250,249,0) 55%),var(--scenic);background-size:100% 100%,cover;background-position:center,right bottom;background-repeat:no-repeat}
#cadpathJourney .journey-options .journey-scenic-universities{--scenic:url('journey-universities.webp')}
#cadpathJourney .journey-options .journey-scenic-colleges{--scenic:url('journey-colleges.webp')}
#cadpathJourney .journey-options .journey-scenic-scholarships{--scenic:url('journey-scholarships.webp')}
#cadpathJourney .journey-options .journey-scenic-label{position:relative;z-index:1;max-width:90%;font-size:22px;font-weight:800;line-height:1.25;text-shadow:0 1px 7px #fff9f7}
#cadpathJourney .journey-options .journey-scenic-arrow{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fbe7e7;color:#c40020;font-size:28px;font-weight:400;line-height:1}
#cadpathJourney .journey-options .journey-scenic-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(25,40,45,.13);border-color:#eac3c9}
#cadpathJourney .journey-options .journey-scenic-card:focus-visible{outline:3px solid #a71938;outline-offset:3px}
@media(max-width:700px){#cadpathJourney .journey-options .journey-scenic-card{min-height:175px}}

/* Clean image-only art, with labels drawn exclusively in HTML. */
#cadpathJourney .journey-options .journey-scenic-card::before{right:0;top:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(90deg,#fffaf9 0%,rgba(255,250,249,.98) 19%,rgba(255,250,249,.76) 42%,rgba(255,250,249,.03) 78%),var(--scenic);background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}
#cadpathJourney .journey-options .journey-scenic-label{font-size:21px;max-width:88%;text-shadow:none}
#cadpathJourney .journey-options .journey-scenic-card{min-height:220px}
/* East Coast coastline, without lighthouse or embedded lettering. */
#cadpathJourney .journey-options .journey-scenic-colleges{--scenic:url('journey-colleges-coast.webp')}
#cadpathJourney .journey-options .journey-scenic-colleges::before{background-image:linear-gradient(180deg,#fffaf9 0%,rgba(255,250,249,.97) 25%,rgba(255,250,249,.58) 57%,rgba(255,250,249,0) 100%),var(--scenic);background-size:100% 100%,100% 68%;background-position:center,bottom center;background-repeat:no-repeat}