:root{--ink:#20352c;--muted:#718078;--line:#e0e6df;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f6f7f3;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #839d43;outline-offset:4px}a{color:inherit}aside{width:224px;background:#182d25;position:fixed;inset:0 auto 0 0;padding:32px 20px;color:#ecf1e9;display:flex;flex-direction:column;z-index:5}.brand{font-weight:850;letter-spacing:1px;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:15px}.brand>span{display:grid;place-items:center;background:#ffe700;color:#182d25;border-radius:10px;width:40px;height:40px;font-weight:900;letter-spacing:-1px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#9bb2a5;margin:48px 10px 14px}nav a{font-size:13px;padding:15px 12px;display:block;text-decoration:none;border-radius:8px;margin:5px 0;color:#b5c6ba}nav a.active,nav a:hover{background:#2d4437;color:#ffec5f}.sidebar-note{margin:auto 8px 28px;border-top:1px solid #3a4b40;padding-top:24px;font-size:12px;line-height:1.8;color:#b2c2b6}.sidebar-note b{display:block;color:#e4ebdf;font-size:13px}.sidebar-note p{margin-top:6px}.sidebar-footer{font-size:10px;color:#a2b6a8;padding:12px 8px}.sidebar-footer a{display:block;margin-top:15px}main{margin-left:224px;padding:0 40px;max-width:1900px}header{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}header b{font-weight:500;color:#48594d}.readonly{padding:8px 11px;background:#eaf0e6;border:1px solid #d9e1d3;border-radius:20px;color:#5a705b;font-size:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 38px;gap:30px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:750;color:#798770;margin:0 0 12px}h1{font-size:43px;letter-spacing:-1.8px;line-height:1.1;margin:0;font-weight:700}h1>span{font-weight:450;color:#6b7d69}.intro{font-size:12px;line-height:1.8;color:#728074;margin:16px 0 0}.passport-stamp{width:153px;height:153px;flex-shrink:0;border:1px solid #b8c7ac;border-radius:50%;padding:23px 10px;text-align:center;transform:rotate(9deg);color:#829477;outline:1px dashed #bdc9b2;outline-offset:-7px;margin-right:28px}.passport-stamp>span{font-size:8px;letter-spacing:3px}.passport-stamp strong{display:block;font-size:21px;line-height:1.2;letter-spacing:1px;margin:9px 0}.passport-stamp small{font-size:7px;letter-spacing:1px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}h2{font-size:19px;letter-spacing:-.4px;font-weight:650;margin:0}.section-heading p{font-size:11px;color:var(--muted);margin:7px 0 0}.pathway-toggle{display:flex;border:1px solid #dce3d7;border-radius:8px;padding:4px;background:#edf0e8;gap:3px;flex-shrink:0}.pathway-toggle button{border:0;background:transparent;font-size:11px;color:#72816e;padding:10px 13px;border-radius:5px;font-weight:550}.pathway-toggle button[aria-pressed=true]{background:white;color:#263e2b;box-shadow:0 2px 5px #20302010}.language-flow{display:grid;grid-template-columns:2fr 3fr;margin:0 0 12px;gap:18px}.language-flow>span{font-size:9px;font-weight:800;letter-spacing:1.5px;display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:4px}.language-flow small{font-weight:400;letter-spacing:0;font-size:10px}.scratch-segment{color:#936125;background:#f6edda}.python-segment{color:#477366;background:#e2eee8}.all-python{grid-template-columns:1fr}.journey-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.level-card{position:relative;border:1px solid #dce2d5;border-radius:11px;padding:16px;background:#fff;color:var(--ink);text-align:left;display:flex;flex-direction:column;min-height:226px;transition:transform .15s,box-shadow .15s}.level-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #283e2810}.level-card.selected{background:#244a38;border-color:#244a38;color:white;box-shadow:0 8px 20px #244a3818}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#7c8978}.card-top>span:last-child{font-size:16px}.level-symbol{font-size:29px;line-height:1;margin:18px 0 12px;color:#84946f}.scratch .level-symbol{color:#bb8a46}.selected .level-symbol{color:#ffe700}.level-card h3{font-size:23px;letter-spacing:-.7px;margin:0 0 8px;font-weight:600}.level-card p{font-size:11px;line-height:1.6;color:#798575;margin:0 0 17px;max-width:160px}.selected p,.selected .card-top{color:#c3d3c0}.card-bottom{display:flex;justify-content:space-between;gap:4px;align-items:center;margin-top:auto;font-size:9px;color:#87917e}.language-chip{background:#edf2e8;color:#627954;border-radius:4px;padding:4px 7px;font-size:9px}.scratch .language-chip{background:#fbf1df;color:#9a7238}.selected .language-chip{background:#ffffff17;color:#e6eecb}.selected .card-bottom{color:#c4d3bc}.transition-tag{font-size:7px;letter-spacing:1px;position:absolute;top:-9px;left:10px;background:#e2eee8;padding:4px 8px;border:1px solid #c6dcd0;border-radius:4px;color:#527a66;font-weight:750}.journey-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#7c8876;margin:16px 0 32px}.journey-caption p{margin:0;line-height:1.7}.journey-caption b{color:#526a4e}.journey-caption>span{white-space:nowrap;color:#718367}.explorer{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;scroll-margin-top:18px}.explorer-toolbar{display:flex;align-items:center;gap:16px;padding:22px 25px;border-bottom:1px solid var(--line)}.explorer-toolbar .eyebrow{font-size:8px;margin-bottom:6px}.explorer-toolbar h2{font-size:17px}.search-wrap{margin-left:auto;display:flex;align-items:center;border:1px solid #dce2d7;border-radius:7px;padding:0 11px;gap:7px;max-width:420px;width:45%}.search-wrap>span:not(.sr-only){font-size:23px;color:#89977d}.search-wrap input{width:100%;border:0;background:transparent;padding:11px 0;font-size:11px;color:var(--ink);min-width:0}.search-wrap input:focus{outline:0}.search-wrap:focus-within{outline:2px solid #849d4e;outline-offset:2px}.search-wrap kbd{font-family:inherit;border:1px solid #dce2d7;border-radius:3px;padding:1px 5px;font-size:10px;color:#97a18d}.text-button{background:none;border:0;font-size:11px;color:#496a44;text-decoration:underline}.explorer-layout{display:grid;grid-template-columns:1.08fr 1fr;align-items:start}.skills-column{padding:25px;border-right:1px solid var(--line);min-width:0}.level-context{display:flex;gap:14px;align-items:center}.context-icon{background:#f1f4e9;color:#758b59;border-radius:11px;width:49px;height:49px;display:grid;place-items:center;font-size:25px;flex-shrink:0}.level-context .eyebrow{font-size:8px;margin:0 0 6px}.level-context h3{font-size:23px;margin:0;font-weight:600;letter-spacing:-.5px}.level-context p:last-child{font-size:10px;color:#819078;margin:5px 0 0;line-height:1.5}.level-description{font-size:11px;color:#7d8974;line-height:1.8;margin:17px 0}.concept-filters{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:10px;color:#788570}.concept-filters select{border:1px solid #e0e6d8;border-radius:5px;padding:7px 10px;color:#5c7053;background:#fafbf7;max-width:calc(100% - 65px);font-size:10px}.result-count{font-size:9px;color:#8a9583;margin:17px 0 10px}.skill-row{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;border:1px solid transparent;border-top-color:#edf0e8;background:white;padding:15px 10px;border-radius:6px;color:var(--ink)}.skill-row:hover{background:#fafbf6}.skill-row.selected{border:1px solid #c7d7b3;background:#f3f7eb}.skill-number{font-size:10px;color:#9ca78e;padding-top:3px;min-width:19px}.skill-copy{display:block;flex:1;font-size:11px;line-height:1.7}.skill-copy b{font-size:10px;display:block;margin-bottom:4px;color:#5b7347;text-transform:capitalize}.skill-copy>span{display:block}.skill-copy small{font-size:9px;display:block;margin-top:8px;color:#789063}.skill-arrow{font-size:14px;color:#83916f}.skill-detail{padding:28px 30px;background:#fcfdf9;min-width:0;position:sticky;top:0}.detail-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:28px}.detail-top .eyebrow{font-size:8px;margin:0}.detail-code{font-size:8px;color:#93a282;border:1px solid #e1e8d8;border-radius:4px;padding:4px 6px}.detail-level{font-size:8px;letter-spacing:1px;font-weight:700;color:#70865b;line-height:1.8}.skill-detail h3{text-transform:capitalize;font-size:23px;font-weight:600;letter-spacing:-.5px;line-height:1.4;margin:10px 0 16px}.skill-statement{font-size:14px;line-height:1.85;margin:0;color:#40543a;white-space:pre-line}hr{border:0;border-top:1px solid #e4eadc;margin:25px 0}.skill-detail h4{font-size:11px;margin:0 0 10px}.teaching-notes{font-size:11px;color:#7a8970;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}.project-placeholder{border:1px dashed #ced9c0;border-radius:8px;padding:18px;display:flex;gap:13px;background:#f5f8ee;margin-top:25px}.project-placeholder>span{font-size:25px;color:#93a57c}.project-placeholder p{font-size:10px;color:#7c8e6a;line-height:1.8;margin:0 0 12px}.project-placeholder small{font-size:8px;color:#82936e;background:#eaf0df;padding:5px 7px;border-radius:4px;display:inline-block}.source{font-size:9px;color:#8d9b7e;margin-top:22px}.source summary{cursor:pointer}.source p{line-height:1.9}.open-level{border:1px solid #bcccaa;padding:10px 13px;background:white;color:#5e7946;font-size:10px;border-radius:6px;margin-top:18px}.empty{padding:25px;text-align:center;font-size:12px;color:#7e8e70}.empty h3{font-size:16px}.empty button{border:1px solid #ccdaba;background:#f1f6e8;border-radius:5px;color:#557238;padding:10px;font-size:11px}.assessment-note{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:28px 0 12px;border:1px solid #e0e7d7;border-radius:10px;padding:24px;background:#edf2e6}.assessment-note .eyebrow{font-size:8px;margin-bottom:8px}.assessment-note h2{font-size:17px}.assessment-note p:last-child{font-size:10px;color:#7b8b6c;line-height:1.8;margin-bottom:0}.assessment-steps{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.assessment-steps>span{font-size:10px;white-space:nowrap;color:#5e744e}.assessment-steps i{font-style:normal;display:inline-grid;place-items:center;background:#dce6ce;width:22px;height:22px;border-radius:50%;font-size:9px;margin-right:6px}footer{padding:20px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8b9780;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1600px){main{padding:0 58px}h1{font-size:49px}.level-card{min-height:245px;padding:20px}.level-card p{font-size:12px}.level-card h3{font-size:27px}.intro{font-size:13px}.skill-copy{font-size:12px}.skill-detail{padding:32px 38px}.skill-statement{font-size:15px}.skills-column{padding:28px 32px}}@media(max-width:1150px){aside{width:190px;padding:25px 15px}main{margin-left:190px;padding:0 25px}.journey-grid{gap:8px}.level-card{padding:12px;min-height:218px}.level-card h3{font-size:19px}.level-card p{font-size:10px}.card-bottom{flex-wrap:wrap;gap:8px}.passport-stamp{width:125px;height:125px;margin-right:0;padding:18px 8px}.passport-stamp strong{font-size:16px}.passport-stamp small{font-size:6px}.section-heading{align-items:flex-start}.pathway-toggle button{font-size:10px;padding:8px}.journey-caption>span{display:none}.assessment-note{align-items:flex-start;flex-direction:column}.skill-detail{padding:25px 20px}.skills-column{padding:22px 18px}}@media(max-width:850px){aside{position:static;width:auto;padding:15px 22px;flex-direction:row;align-items:center;justify-content:space-between}aside nav{display:flex;gap:8px}aside nav a{font-size:10px;padding:8px}.sidebar-note,.sidebar-footer,.nav-label{display:none}main{margin:0;padding:0 22px}.page-heading{margin:28px 0}h1{font-size:35px}.section-heading{flex-wrap:wrap}.level-card{min-height:205px}.skill-statement{font-size:12px}}@media(max-width:620px){.brand{font-size:12px}.brand>span{width:30px;height:30px}aside nav a{font-size:9px}main{padding:0 16px}header{height:60px;font-size:10px}.readonly{font-size:8px;padding:6px}.passport-stamp{display:none}h1{font-size:34px}.intro{font-size:11px}.language-flow{gap:8px}.language-flow>span{font-size:8px;padding:8px;gap:6px}.language-flow small{display:none}.journey-grid{grid-template-columns:repeat(5,145px);overflow-x:auto;padding:10px 2px 15px;margin-top:-10px}.level-card{min-height:210px}.journey-caption{font-size:9px;margin-top:8px}.explorer-toolbar{padding:18px;flex-wrap:wrap}.search-wrap{width:100%;max-width:none;margin-left:0;order:3}.explorer-layout{grid-template-columns:1fr}.skills-column{border-right:0;border-bottom:1px solid var(--line)}#skill-list{max-height:440px;overflow-y:auto}.skill-detail{position:static}.skill-copy{font-size:12px}.skill-statement{font-size:14px}.assessment-steps{gap:10px}.assessment-steps>span{font-size:9px}footer{flex-direction:column;gap:4px}.assessment-note{padding:20px}.pathway-toggle{width:100%}.pathway-toggle button{flex:1}.level-context p:last-child{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.level-card{transition:none}}

@media(min-width:621px){#skill-list{max-height:570px;overflow-y:auto;scrollbar-width:thin;padding-right:5px}.skill-detail{min-height:570px}}

.area-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 25px;margin:0 0 30px}.area-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.area-panel .eyebrow{font-size:8px;margin-bottom:8px}.area-panel h2{font-size:18px}.area-toggle{display:flex;flex-wrap:wrap;gap:5px;border:1px solid #e1e6da;background:#f2f5ed;padding:4px;border-radius:8px}.area-toggle button{border:0;background:transparent;color:#63745b;font-size:11px;padding:10px 14px;border-radius:5px}.area-toggle button[aria-pressed=true]{background:#244a38;color:#fff}.area-panel>p{font-size:11px;line-height:1.8;color:#728368;max-width:1000px;margin:16px 0 10px}.area-panel-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:10px;color:#637b52}.area-panel-bottom label{display:flex;align-items:center;gap:6px;margin-left:auto}.area-panel-bottom input{accent-color:#426b35}.mapping-guide{margin-top:13px;font-size:10px;color:#829373}.mapping-guide summary{cursor:pointer}.mapping-guide p{line-height:1.9;max-width:1000px}.area-count{border-top:1px solid #e4eadc;margin-top:13px;padding-top:10px;font-size:10px;font-weight:600;color:#527b42}.selected .area-count{color:#e0edb8;border-color:#ffffff22}.level-card.no-match{background:#f0f2ec;color:#83907b}.no-match .area-count{font-weight:400;color:#939e89}.result-level{font-size:9px;letter-spacing:1px;color:#748d5f;margin:18px 10px 9px}.result-level span{letter-spacing:0;font-weight:400;margin-left:8px}.mapping-badge{display:inline-block!important;font-size:8px!important;font-weight:500;padding:3px 7px;border-radius:4px;margin-top:9px!important;width:max-content;background:#e6efdc;color:#5b7946!important;line-height:1.5}.mapping-badge.supporting{background:#f2eddf;color:#8b784a!important}.mapping-badge.game-context{background:#e8e6f2;color:#77628e!important}.mapping-explanation{margin-top:22px;border:1px solid #dce5cf;background:#f3f7ec;padding:16px;border-radius:8px}.mapping-explanation>h4{font-size:11px}.mapping-explanation>div{margin:12px 0}.mapping-explanation b{font-size:11px;margin-right:8px}.mapping-explanation p{font-size:10px;line-height:1.9;color:#74866a;margin:6px 0}.mapping-explanation .mapping-caveat{font-size:9px;color:#8b997c;border-top:1px solid #dee6d3;padding-top:10px}.advancement{font-size:10px;color:#6b8056;background:#f2f6eb;padding:12px;border-radius:5px;line-height:1.8}.excel-audit{margin-top:26px;border:1px solid #dce5d1;border-radius:10px;background:#f0f5e8;color:#6e805e;font-size:11px}.excel-audit>summary{display:flex;justify-content:space-between;gap:14px;padding:17px 23px;cursor:pointer}.excel-audit>summary>span:last-child{font-size:10px;color:#8a9a77}.excel-audit>div{padding:0 23px 20px}.excel-audit p{font-size:11px;line-height:1.9}.excel-audit table{border-collapse:collapse;width:100%;font-size:10px;background:#f9fbf5}.excel-audit th,.excel-audit td{border:1px solid #dce5cf;padding:11px;text-align:left;line-height:1.8;vertical-align:top}.excel-audit th{color:#597046}.source p{overflow-wrap:anywhere}@media(max-width:850px){.area-panel-top{flex-wrap:wrap}.area-toggle{width:100%}.area-toggle button{flex:1}.area-panel-bottom label{margin-left:0}.excel-audit>summary{flex-direction:column}}@media(max-width:620px){.area-panel{padding:18px}.area-toggle button{padding:10px 7px;font-size:10px}.area-panel h2{font-size:17px}.excel-audit>div{padding:0 14px 16px}.excel-audit th,.excel-audit td{padding:8px;font-size:9px}}

aside nav .nav-label{margin:36px 10px 12px;font-size:9px}aside nav .student-nav-label{margin-top:30px}aside nav a>span{display:inline-block;width:21px;font-size:16px;vertical-align:middle;margin-right:5px}aside nav a{font-size:12px}.sidebar-footer a{line-height:1.8}@media(max-width:850px){aside{display:block;padding:18px 22px}aside .brand{margin-bottom:8px}aside nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}aside nav .nav-label{display:block;margin:8px 0 3px;grid-row:1;font-size:8px}aside nav .student-nav-label{grid-column:3 / 5}aside nav .nav-label:first-child{grid-column:1 / 3}aside nav a{font-size:11px;margin:0;grid-row:2;padding:10px}aside nav a>span{width:auto;margin-right:3px;font-size:13px}}@media(max-width:620px){aside{padding:15px 16px}aside nav a{font-size:9px;padding:9px 5px}aside nav a>span{display:none}aside nav .nav-label{font-size:7px}}
