/* Province comparison and education pathways: all styles owned by this page. */
.edu-system{--navy:#041a42;--gold:#b4883c;--line:#dce3e9;--paper:#fafbf9;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0 var(--ef-content-inset) var(--ef-content-inset);color:var(--navy);font:400 14px/1.7 "Open Sans",Arial,sans-serif}
.edu-system *{box-sizing:border-box}
.edu-system[dir="rtl"],.edu-system[dir="rtl"] h2,.edu-system[dir="rtl"] h3,
.edu-system[dir="rtl"] button,.edu-system[dir="rtl"] select{font-family:Tahoma,'FreeSerif',Arial,serif;letter-spacing:normal}

.edu-system h1,.edu-system h2,.edu-system h3,.edu-system strong{font-weight:700}
.edu-system h2{font:700 clamp(21px,2vw,28px)/1.35 "Lora",Georgia,serif;color:var(--navy);margin:0}
.edu-system h3{font:700 16px/1.5 "Open Sans",Arial,sans-serif;color:var(--navy);margin:0}
.edu-system__toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:24px 0;border-top:2px solid var(--navy)}
.edu-system__picker{display:grid;gap:6px;min-width:260px;font-size:12px;font-weight:700;margin:0}
.edu-system__picker select{width:100%;max-width:400px;min-height:44px;border:1px solid #9aaec0;border-radius:6px;background:#fff;padding:10px 36px 10px 12px;color:var(--navy);font:400 14px/1.4 "Open Sans",Arial,sans-serif}
.edu-system__legend{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 16px;font-size:12px}
.edu-system__swatch{display:inline-flex;align-items:center;gap:8px}
.edu-system__swatch:before{content:"";width:12px;height:12px;background:#e8efed}
.edu-system__swatch.is-middle:before{background:#f6ebbc}
.edu-system__swatch.is-secondary:before{background:var(--navy)}
.edu-system__scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#8da2b4 #f2f5f7;border:1px solid var(--line)}
.edu-system__scroll:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.edu-system__table{border-collapse:separate;border-spacing:0;width:100%;min-width:1040px;table-layout:fixed;margin:0;font-size:12px;color:var(--navy)}
.edu-system__table thead th{background:#f3f5f6;text-align:center;font-weight:700;padding:12px 3px;border-bottom:1px solid var(--line);width:5.3%}
.edu-system__table thead th:first-child{width:24%;text-align:start;padding-inline:16px}
.edu-system__table thead th:nth-child(2){width:12%}
.edu-system__table tbody th{padding:0;background:#fff;font-weight:400;border-bottom:1px solid var(--line);text-align:start}
.edu-system__table td{padding:10px 7px;text-align:center;border-inline-start:3px solid #fff;border-bottom:3px solid #fff;vertical-align:middle}
.edu-system__table tr:last-child th{border-bottom:0}
.edu-system__province{appearance:none;display:flex;align-items:center;gap:12px;width:100%;min-height:66px;border:0;background:transparent;padding:12px 14px;text-align:start;color:var(--navy);font:700 12px/1.4 "Open Sans",Arial,sans-serif;cursor:pointer}
.edu-system__code{font-size:10px;min-width:38px;opacity:.6}
.edu-system__province small{display:block;font-size:10px;font-weight:400;margin-top:4px}
.edu-system__pre{font-size:10px;background:#f6f7f8;overflow-wrap:anywhere}
.edu-system__grade span,.edu-system__grade small{display:block}
.edu-system__grade span{font-weight:700}.edu-system__table tbody tr:hover .edu-system__province{background:#eef3f5}
.edu-system__grade small{font-size:10px;margin-top:2px}
.edu-system__grade.is-elementary{background:#e8efed;color:#254d50}
.edu-system__grade.is-middle{background:#f6ebbc;color:#594a19}
.edu-system__grade.is-secondary{background:#102d54;color:#fff}
.edu-system__cegep{font-size:9px;font-weight:700;background:#f6ebbc;overflow-wrap:anywhere}
.edu-system__table tr.is-selected th{background:#f6ebbc}
.edu-system__table tr.is-selected td{box-shadow:inset 0 2px var(--gold),inset 0 -2px var(--gold)}
.edu-system__province:hover{background:#eef3f5}
.edu-system__province:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.edu-system__footnote{font-size:12px;color:#516578;margin:16px 0 0;max-width:105ch}
.edu-system__paths{margin-top:52px}
.edu-system__section-head{display:flex;gap:16px;align-items:baseline;border-top:2px solid var(--navy);padding-top:24px}
.edu-system__section-head>span{font-size:12px;color:#41747c;font-weight:700}
.edu-system__paths>p{margin:12px 0 24px;color:#516578}
.edu-system__flows{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.edu-system__flow{min-width:0;padding:24px 22px;background:var(--paper);border-top:3px solid #b9c8cf;transition:border-color .2s,background .2s}
.edu-system__flow.is-selected{border-color:var(--gold);background:#fffdf4}
.edu-system__flow>header{display:flex;align-items:start;gap:12px;min-height:84px}
.edu-system__flow>header h3{font-size:15px}
.edu-system__flow-code{background:var(--navy);color:#f6eb8f;padding:3px 8px;font-size:10px;font-weight:700}
.edu-system__canvas{position:relative;padding-top:10px}
.edu-system__wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:#8fa3b5;overflow:visible}
.edu-system__wire{fill:none;stroke:currentColor;stroke-width:1.4;transition:stroke .18s,opacity .18s}
.edu-system__wire.is-alt{stroke-dasharray:4 4}
.edu-system__wire.is-active{stroke:#b4883c;stroke-width:2.3;color:#b4883c}
.edu-system__level{position:relative;display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:40px}
.edu-system__level.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.edu-system__level.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.edu-system__level:last-child{margin-bottom:8px}
.edu-system__node{position:relative;z-index:1;appearance:none;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:6px;min-height:92px;min-width:0;padding:16px 12px;background:#fff;border:1px solid #b7c7d2;border-radius:6px;text-align:start;color:var(--navy);font:400 11px/1.5 "Open Sans",Arial,sans-serif;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.edu-system__node strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.edu-system__node.is-school{background:var(--navy);color:#fff;border-color:var(--navy)}
.edu-system__node.is-college{border-top:3px solid #b4883c}
.edu-system__node.is-university{border-top:3px solid #41747c}
.edu-system__node.is-related{background:#f6ebbc;border-color:#b4883c;color:var(--navy)}
.edu-system__node:hover,.edu-system__node:focus-visible,.edu-system__node[aria-pressed=true]{background:var(--navy);color:#f6eb8f;border-color:#b4883c;box-shadow:0 4px 12px #041a421a}
.edu-system__node:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.edu-system__flow-note{font-size:11px;color:#516578;margin:20px 0 0}
.edu-system__details{display:flex;gap:18px;padding:20px 0;margin-top:12px;border-block:1px solid var(--line);font-size:13px;min-height:78px}
.edu-system__details strong{min-width:150px}
.edu-system__exceptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:28px 0}
.edu-system__exceptions section{border-inline-start:2px solid #b4883c;padding-inline-start:16px}
.edu-system__exceptions section>span{font-size:10px;color:#41747c;font-weight:700}
.edu-system__exceptions h3{margin:6px 0 10px;font-size:14px}
.edu-system__exceptions p{font-size:12px;color:#516578;margin:0 0 8px}
.edu-system__key{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}
.edu-system__sources{display:flex;flex-wrap:wrap;gap:10px 20px;border-top:1px solid var(--line);padding:20px 0;margin-top:24px;font-size:11px}
.edu-system__sources a{color:#41747c;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.edu-system__flows{gap:20px}.edu-system__flow{padding:20px 14px}.edu-system__level.is-three{gap:8px}.edu-system__node{padding:12px 8px}.edu-system__node strong{font-size:12px}}
@media(max-width:760px){.edu-system__toolbar{align-items:start;flex-direction:column;gap:16px}.edu-system__picker{width:100%}.edu-system__picker select{max-width:none}.edu-system__flows{grid-template-columns:1fr;gap:28px}.edu-system__flow>header{min-height:auto;margin-bottom:24px}.edu-system__exceptions{grid-template-columns:1fr;gap:20px}.edu-system__details{flex-direction:column;gap:8px}.edu-system__legend{gap:12px}.edu-system__node strong{font-size:13px}.edu-system__level.is-three{gap:12px}.edu-system__flow{padding:20px 14px}.edu-system__paths{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.edu-system__flow,.edu-system__node,.edu-system__wire{transition:none}}