:root{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#243d51;background:#f5f7fa;font-synthesis:none;--ink:#17364d;--blue:#288bc7;--blue-dark:#176da3;--muted:#6b7d8d;--line:#dce5ec;--soft:#eef5fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e7ad39;outline-offset:3px}button{touch-action:manipulation}a{color:#176da3}button svg{pointer-events:none}[hidden]{display:none!important}.skip-link{position:absolute;top:-50px;left:15px;z-index:20;background:white;padding:10px}.skip-link:focus{top:10px}.site-header{height:88px;background:#fff;border-bottom:1px solid #e6ecf1;display:flex;align-items:center;gap:40px;padding:0 max(24px,calc((100vw - 1060px)/2))}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:850;font-size:25px;letter-spacing:1px;white-space:nowrap}.brand b{font-weight:450;color:#2583bd}.brand small{display:block;font-size:7.8px;letter-spacing:1.8px;color:#7890a2;margin-top:2px;font-weight:600}.brand-mark{display:grid;grid-template-columns:repeat(2,12px);gap:3px;transform:rotate(-7deg)}.brand-mark i{width:12px;height:12px;border-radius:3px;background:#60ace0}.brand-mark i:nth-child(2){background:#aacd73}.brand-mark i:nth-child(3){background:#eabf5d}.brand-mark i:nth-child(4){background:#ce7094}.site-header nav{display:flex;gap:6px;margin-left:auto}.nav-link{border:0;background:transparent;padding:12px 17px;border-radius:24px;color:#758391;font-size:12px;font-weight:650;white-space:nowrap}.nav-link.active{color:#1c75ad;background:#edf6fc}.nav-link:hover{background:#f2f6f9}.help-button{height:29px;width:29px;border:1px solid #d5e1e9;background:#fff;border-radius:50%;color:#7390a5;font-weight:700}main{max-width:1060px;padding:0 24px;margin:auto}.intro{max-width:940px;margin:28px auto 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow,.step-label,.selection-kicker,.modal-eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:750;color:#738a9b}.intro h1{font-size:29px;letter-spacing:-.9px;font-weight:720;margin:7px 0;color:var(--ink)}.intro h1 em{font-style:normal;color:#288bc7}.intro p{font-size:12px;color:var(--muted);margin:0}.progress-summary{display:flex;align-items:center;gap:12px;color:#83909c;font-size:10px;line-height:1.6;white-space:nowrap}#progress-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;position:relative;background:conic-gradient(#58a8d7 var(--progress,0%),#e5ebf0 0)}#progress-ring:before{content:"";position:absolute;inset:4px;background:#f5f7fa;border-radius:50%}#progress-ring strong,#progress-ring small{z-index:1}#progress-ring strong{font-size:20px;color:#2a6d98;line-height:1.1}#progress-ring small{font-size:7px;font-weight:700;letter-spacing:1px;margin-top:2px}.board-shell{max-width:940px;margin:auto;background:white;border:1px solid #d9e5ee;border-radius:18px;box-shadow:0 12px 36px #244b6e0a,0 2px 4px #244b6e04;overflow:hidden}.board-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 23px 14px;border-bottom:1px solid #eaf0f4}.step-label{font-size:8px;color:#5c96bb;letter-spacing:1.4px}.board-heading h2{font-size:18px;margin:5px 0 0;font-weight:650;letter-spacing:-.35px}.save-status{font-size:9px;color:#81929d;display:flex;align-items:center;gap:6px}.save-status span{height:5px;width:5px;border-radius:50%;background:#71ac96}.save-status.warning{color:#a37623}.save-status.warning span{background:#c99232}.board-toolbar{padding:12px 15px 9px;display:flex;align-items:center;justify-content:space-between;gap:14px}.board-toolbar p{font-size:10px;color:#738594;margin:0}.board-toolbar b{font-weight:650;color:#3c647e}.search-box{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dee8ef;border-radius:7px;background:#f8fafc;width:172px;flex-shrink:0;color:#6d8ba0}.search-box input{min-width:0;max-width:100%;width:100%;border:0;outline:0;background:transparent;font-size:10px;color:#33586e}.search-box span{font-size:18px;line-height:13px}.search-box kbd{font-size:8px;padding:0 3px}kbd{font-family:inherit;border:1px solid #d7e1e9;border-radius:3px;background:#fff;padding:1px 4px;font-size:9px}.board{display:grid;grid-template-columns:515px minmax(0,1fr);gap:12px;padding:0 14px 12px}.skill-bank{min-width:0;background:#f4f8fb;border:1px solid #deebf2;border-radius:9px;overflow:hidden}.bank-title{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:8px;color:#68889c;letter-spacing:1.1px;font-weight:700}.bank-title span:last-child{letter-spacing:0;font-size:8px;font-weight:500;color:#8a9ba6}.skill-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 4px}.skill-column{min-width:0}.category-bar{margin:0;height:18px;display:flex;align-items:center;gap:5px;padding:0 6px;background:var(--cat);color:var(--cat-text,#fff);font-size:9px;font-weight:650;letter-spacing:.05px;border-radius:3px 3px 0 0}.category-bar .category-dot{width:4px;height:4px;border:1px solid currentColor;border-radius:50%;opacity:.6}.skill-chip{width:100%;min-width:0;height:18px;display:flex;align-items:center;gap:3px;padding:0 3px;border:0;border-left:3px solid var(--cat);border-bottom:1px solid #e6ebef;background:#fff;color:#344c5d;font-size:11px;text-align:left;transition:background .12s,box-shadow .12s;position:relative;border-radius:0;user-select:none}.skill-chip:hover{background:#f0f7fc}.skill-chip .skill-number{font-size:8px;color:#99a9b4;flex-shrink:0;width:14px;font-variant-numeric:tabular-nums}.skill-chip .skill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.skill-chip .grip{opacity:0;color:#7497ad;font-size:11px;width:7px;flex-shrink:0;touch-action:none}.skill-chip:hover .grip,.skill-chip:focus-visible .grip{opacity:.8}.skill-chip.assigned{background:#eef3f6;color:#91a0ab}.skill-chip.assigned .grip{opacity:.7;color:#719aae}.skill-chip.selected{background:#dcedf9;box-shadow:inset 0 0 0 1px #429bd1;color:#1a6593;z-index:1}.skill-chip.dimmed{opacity:.25}.skill-chip.dragging{opacity:.3}.bank-tip{font-size:8px;height:23px;padding:5px 7px;color:#8ca1af;display:flex;align-items:center;gap:5px}.bank-tip span{font-size:12px}.sorting-side{display:flex;flex-direction:column;gap:10px;min-width:0}.zones-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:1}.left-zones{display:flex;flex-direction:column;gap:10px}.zone{border:1px solid #a9cee7;background:#e7f3fb;border-radius:9px;overflow:hidden;transition:box-shadow .12s,background .12s}.zone-header{background:#64aadd;background:linear-gradient(120deg,#68b1e2,#4c9bd0);color:white;padding:9px 8px 8px;position:relative;min-height:60px;display:grid;grid-template-columns:27px 1fr;gap:1px 6px;align-items:center}.zone-number{grid-row:span 2;color:#ffe4a0;background:#ffffff22;width:26px;height:29px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:450;border-radius:8px;letter-spacing:-1.5px}.zone-header h3{font-size:11px;font-weight:700;margin:0;line-height:1.15;letter-spacing:-.1px}.zone-subtitle{font-size:8px;color:#e5f3fd;margin-top:3px}.zone-add{position:absolute;right:6px;top:6px;background:#ffffff25;color:white;border:1px solid #ffffff35;width:17px;height:17px;padding:0;border-radius:50%;font-size:13px;line-height:12px}.zone-header h3{padding-right:9px}.zone-slots{padding:6px 5px 0;display:flex;flex-direction:column;gap:2px}.slot{height:18px;border:1px dashed #bbd5e7;border-radius:3px;background:#f7fbfe;display:flex;align-items:center;gap:4px;color:#afc3d1;padding:0 5px;font-size:8px;text-align:left;width:100%}.slot .slot-dot{width:3px;height:3px;flex-shrink:0;border-radius:50%;background:#a5c7db}.slot .slot-hint{font-size:9px;color:#89aac1}.slot.filled{border:1px solid #ccdfeb;border-left:3px solid var(--cat);background:#fff;color:#32536b;padding:0 3px;font-size:10px;user-select:none}.slot.filled .skill-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.slot.filled .skill-number{font-size:7px;color:#8ca6b7}.slot.filled .grip{font-size:10px;opacity:.3;touch-action:none}.slot.filled:hover{background:#f2f8fc}.slot.filled.selected{outline:2px solid #268bc9;outline-offset:-2px;background:#e8f5ff}.slot.filled.dragging{opacity:.4}.zone-count{display:flex;align-items:center;justify-content:space-between;padding:8px 7px;font-size:8px;color:#7196ae}.zone-count b{font-weight:700;color:#367da9}.zone-count .mini-track{width:55px;height:3px;background:#cddfeb;border-radius:3px;overflow:hidden}.mini-track i{display:block;height:100%;background:#68acd7;width:var(--progress,0%)}.zone.complete .zone-count b{color:#2e8979}.zone.complete .mini-track i{background:#53aa92}.drop-over{outline:3px solid #e5b44b;outline-offset:-3px;background:#fff7d8!important}.definition-well{border:1px dashed #a3cbe6;border-radius:9px;background:#eff7fd;color:#5082a4;display:flex;align-items:center;gap:9px;padding:11px;min-height:67px}.info-symbol{border:1px solid #8ebddd;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Georgia,serif;font-size:15px}.definition-well b{font-size:10px;display:block}.definition-well p{font-size:9px;margin:4px 0 0;line-height:1.45}.selection-panel{min-height:89px;border-top:1px solid #e3edf4;border-bottom:1px solid #e3edf4;background:#f8fbfe;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 20px}.selection-copy{min-width:0;max-width:415px}.selection-kicker{display:block;font-size:7px;letter-spacing:1.2px;color:#92a5b3;margin-bottom:4px}.selection-copy b{display:block;font-size:12px;color:#426b87}.selection-copy p{font-size:10px;line-height:1.4;margin:5px 0 0;color:#8194a3}.key-hint{font-size:9px;color:#98a9b6;white-space:nowrap}.assign-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:430px}.assign-actions button{font-size:9px;border:1px solid #c9ddeb;background:#fff;color:#467b9f;padding:8px;border-radius:5px;white-space:nowrap}.assign-actions button:hover{background:#e9f4fc}.assign-actions button b{font-size:8px;margin-right:5px;color:#a2b9c9;font-weight:500}.assign-actions .return-button{border-color:transparent;background:transparent;color:#8499a7}.board-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;gap:12px}.board-tools{display:flex;gap:18px}.text-button{border:0;background:transparent;color:#7b92a2;font-size:10px;padding:5px 0}.text-button:hover{color:#247fb7}.primary-button{border:1px solid #237eb7;background:#288bc7;color:white;box-shadow:0 3px 7px #288bc722;border-radius:7px;padding:11px 17px;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary-button:hover{background:#197bb8}.primary-button span{font-size:18px;line-height:13px}.primary-button.incomplete{background:#4e98c4;border-color:#4e98c4}.under-board{max-width:940px;margin:13px auto 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#95a3af;gap:15px}.under-board p{margin:0}.under-board p span{font-size:13px;margin-right:5px}.under-board div{display:flex;gap:8px;align-items:center}.under-board button{border:0;background:transparent;color:#7892a5;font-size:9px;padding:3px}.site-footer{max-width:940px;margin:29px auto 22px;border-top:1px solid #e2e8ee;padding:17px 0 0;display:flex;justify-content:space-between;font-size:9px;color:#9aa8b3;gap:16px}.footer-dot{color:#bcc8d2;margin:0 7px}.site-footer button{font-size:9px;color:#8ca1b1;background:transparent;border:0;padding:0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#173b55;color:white;box-shadow:0 5px 22px #193d5533;border-radius:9px;padding:12px 20px;font-size:12px;max-width:min(90vw,620px);z-index:50;transition:.2s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d6e4ee;border-radius:16px;padding:0;max-width:680px;width:calc(100% - 30px);max-height:88vh;color:#29485d;box-shadow:0 24px 80px #142d5033}dialog::backdrop{background:#193a5370;backdrop-filter:blur(3px)}.modal-top{position:sticky;top:0;background:#fff;z-index:2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7eef4;padding:14px 22px}.modal-top button{border:0;border-radius:50%;width:26px;height:26px;font-size:22px;background:#f1f6fa;color:#6a8aa0}.modal-eyebrow{font-size:8px}#modal-body{padding:24px}#modal-body h2{font-size:23px;letter-spacing:-.5px;margin:0 0 13px;color:#214860}#modal-body h3{font-size:13px;color:#3e718f;margin:21px 0 9px}#modal-body p,#modal-body li{font-size:12px;line-height:1.7;color:#71899a}#modal-body ol{padding-left:22px}#modal-body ul{padding-left:20px}#modal-body .small-note{font-size:10px}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:24px}.secondary-button{border:1px solid #d0e0eb;border-radius:7px;padding:10px 15px;background:#f7fbfd;font-size:11px;color:#4e7893;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.secondary-button:hover{background:#eaf4fa}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide-item{border:1px solid #e0eaf0;border-left:4px solid var(--cat);border-radius:5px;padding:10px;background:#fbfdfe;text-align:left}.guide-item strong{font-size:11px}.guide-item p{font-size:10px!important;margin:4px 0 0;line-height:1.5!important}.results-intro{margin:35px 0 25px}.results-intro .eyebrow{color:#6c9ebf}.results-intro h1{font-size:30px;letter-spacing:-.8px;color:#21465e;margin:7px 0 10px}.results-intro p{max-width:650px;font-size:12px;color:#7b91a2;line-height:1.6}.results-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.empty-state{text-align:center;border:1px solid #dce9f2;border-radius:16px;background:#fff;padding:55px 20px;margin:32px 0}.empty-state h1,.empty-state h2{font-size:23px;color:#2b5b7a}.empty-state p{font-size:12px;color:#8298a8;line-height:1.6}.empty-state .empty-numbers{font-size:40px;color:#9fc6df;letter-spacing:6px;font-weight:300}.results-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.results-tabs{display:flex;gap:5px;margin:0 0 16px;border-bottom:1px solid #dee8ef;padding-bottom:10px}.results-tabs button{border:0;border-radius:6px;padding:9px 13px;background:transparent;color:#879eae;font-size:11px}.results-tabs .active{background:#e6f2fb;color:#287fae}.results-count{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8da3b1;margin:15px 0}.career-list{display:flex;flex-direction:column;gap:10px}.career-card{display:grid;grid-template-columns:33px 1fr 52px;gap:12px;align-items:center;background:#fff;border:1px solid #dce7ef;border-radius:11px;padding:17px 15px;position:relative}.rank-number{font-size:12px;color:#aec1cd;align-self:start;padding-top:4px}.career-title{border:0;background:transparent;text-align:left;color:#2b6386;font-size:14px;font-weight:650;padding:0;line-height:1.4}.career-title:hover{text-decoration:underline}.career-family{font-size:9px;color:#91a5b3;margin-top:4px}.career-reasons{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.reason-tag{font-size:8px;border-radius:4px;background:#edf5fa;color:#6c94af;padding:3px 6px}.fit-score{font-size:24px;color:#368abf;text-align:right;font-variant-numeric:tabular-nums;font-weight:550;letter-spacing:-1px}.fit-score small{display:block;font-size:7px;letter-spacing:.6px;font-weight:500;color:#90adbf;margin-top:2px}.save-career{position:absolute;bottom:12px;right:14px;border:0;background:transparent;color:#8cacc0;padding:4px;font-size:13px}.career-card .fit-score{align-self:start}.results-sidebar{display:flex;flex-direction:column;gap:14px}.insight-card{border:1px solid #dae7f0;border-radius:12px;padding:19px;background:#fff}.insight-card h2{font-size:13px;color:#447896;margin:0 0 13px}.insight-card p{font-size:10px;color:#8ba1b0;line-height:1.6}.your-five{display:flex;flex-direction:column;gap:7px}.your-five span{font-size:10px;color:#537e98;display:flex;align-items:center;gap:7px}.your-five i{width:5px;height:5px;flex-shrink:0;background:var(--cat);border-radius:2px}.theme-row{margin:12px 0}.theme-row>div{display:flex;justify-content:space-between;font-size:9px;color:#718e9f}.theme-bar{display:block;height:4px;border-radius:4px;background:#e6f0f6;margin-top:6px}.theme-bar i{display:block;height:100%;border-radius:4px;background:var(--theme-color,#6ca9ce);width:var(--value)}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #dce7ef;border-radius:9px;padding:10px;margin:0 0 14px}.filter-bar label{display:flex;align-items:center;gap:5px;font-size:10px;color:#8199a9;flex:1}.filter-bar input,.filter-bar select{min-width:0;border:1px solid #dbe7ef;border-radius:5px;padding:8px;background:#f8fbfd;color:#5c8098;font-size:11px;max-width:100%}.filter-bar input{width:100%}.filter-bar select{max-width:210px}.filter-bar .search-label{min-width:170px}.summary-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-tier{background:#fff;border:1px solid #dce8ef;border-radius:11px;padding:18px}.summary-tier h2{font-size:13px;color:#568bb0;margin:0 0 13px}.summary-tier ul{margin:0;padding:0;list-style:none}.summary-tier li{padding:6px 0;border-bottom:1px solid #eef3f7;font-size:11px;color:#6b899c}.family-card{display:flex;justify-content:space-between;border:1px solid #dce8ef;background:white;border-radius:10px;margin:9px 0;padding:16px}.family-card b{font-size:12px;color:#4d7894}.family-card small{display:block;font-size:9px;color:#97acba;margin-top:4px}.family-card strong{font-size:22px;color:#5a99c0;font-weight:500}.detail-meta{display:flex;gap:6px;flex-wrap:wrap}.detail-meta span{font-size:9px;color:#638ba7;background:#edf5fa;border-radius:4px;padding:5px 8px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.compare-table{border-collapse:collapse;width:100%;font-size:10px;margin-top:12px}.compare-table th{text-align:left;font-size:9px;color:#86a0b2;border-bottom:2px solid #dce9f2;padding:9px 5px}.compare-table td{padding:6px 5px;border-bottom:1px solid #eaf0f4;color:#718da1}.compare-table td:first-child{color:#446c85}.compare-table .comparison-match{background:#f2f9fb}.tier-label{font-size:8px;padding:3px 5px;border-radius:4px;background:#eef5f9;color:#7695a9}.tier-label.very{background:#dbedf8;color:#2b78a9}.tier-label.moderate{background:#e8f3fb;color:#5890b6}.source-link{font-size:10px}.match-notice{background:#edf6fc;padding:12px 15px;border:1px solid #d3e7f4;border-radius:8px;font-size:10px;line-height:1.7;color:#628ba6;margin:15px 0}.drag-ghost{position:fixed;pointer-events:none;z-index:99;background:white;border:1px solid #70acd2;border-radius:5px;padding:8px 14px;color:#2b658b;font-size:12px;box-shadow:0 8px 20px #1b537244;max-width:230px}.noscript{padding:35px}.print-summary{display:none}
@media(min-width:1400px){.intro{margin-top:34px}}
@media(max-width:1000px){.site-header{padding:0 24px;gap:14px}.board{grid-template-columns:minmax(410px,1.35fr) minmax(320px,1fr)}.skill-chip{font-size:10px}.skill-chip .skill-number{font-size:7px;width:12px}.board-toolbar p{max-width:330px}.intro h1{font-size:27px}.selection-copy{max-width:340px}}
@media(max-width:800px){main{padding:0 16px}.site-header{height:auto;min-height:78px;padding:14px 20px;flex-wrap:wrap}.site-header nav{gap:0}.nav-link{font-size:11px;padding:10px}.brand{font-size:23px}.help-button{display:none}.intro{margin:22px 0}.intro h1{font-size:25px}.eyebrow{font-size:7px}.progress-summary>span:last-child{display:none}.board{grid-template-columns:1fr;padding:0 12px 12px;gap:15px}.skill-bank{overflow:auto}.skill-columns{min-width:500px}.skill-chip{font-size:10px;height:24px}.category-bar{height:20px}.skill-chip .skill-number{font-size:8px}.skill-chip .grip{opacity:.35}.sorting-side{max-width:540px;width:100%;margin:auto}.zone-header{grid-template-columns:35px 1fr;min-height:65px}.zone-header h3{font-size:13px}.zone-subtitle{font-size:9px}.zone-number{width:32px;height:33px;font-size:25px}.slot{height:26px}.slot.filled{font-size:11px}.slot.filled .skill-number{font-size:8px}.definition-well p{font-size:10px}.definition-well b{font-size:11px}.zone-count{font-size:10px}.selection-panel{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.selection-copy{max-width:100%}.selection-copy p{font-size:11px}.assign-actions{justify-content:flex-start;max-width:100%}.assign-actions button{font-size:10px}.board-heading{padding:17px}.board-toolbar p{font-size:9px;max-width:280px}.results-layout{grid-template-columns:1fr}.results-sidebar{display:grid;grid-template-columns:1fr 1fr}.results-intro h1{font-size:27px}.summary-tiers{gap:8px}.summary-tier{padding:14px}.summary-tier li{font-size:10px}.site-footer{line-height:1.5}.under-board{flex-wrap:wrap}.filter-bar select{max-width:190px}}
@media(max-width:520px){.site-header{gap:12px;padding:16px 18px 0}.brand{font-size:24px}.site-header nav{width:100%;margin:0;border-top:1px solid #edf1f5;justify-content:space-between;padding-top:5px;padding-bottom:5px}.nav-link{flex:1;font-size:11px}.brand small{font-size:7px}.intro{gap:10px;align-items:flex-start}.intro h1{font-size:24px;line-height:1.25;max-width:250px}.intro p{font-size:11px;line-height:1.6}.intro .eyebrow{font-size:6.5px;letter-spacing:1px}.progress-summary{margin-top:15px}#progress-ring{width:46px;height:46px}#progress-ring strong{font-size:16px}.board-shell{border-radius:12px}.board-heading h2{font-size:17px}.board-heading{padding:15px 12px}.save-status{font-size:7px;max-width:80px;text-align:right;line-height:1.4}.board-toolbar{align-items:flex-start;padding:12px;flex-direction:column;gap:8px}.board-toolbar p{max-width:none;line-height:1.6;font-size:10px}.search-box{width:100%;padding:8px}.search-box input{font-size:11px}.board{padding:0 9px 10px}.board-footer{padding:13px 12px;flex-wrap:wrap;gap:13px}.board-tools{gap:18px}.primary-button{font-size:11px}.board-footer .primary-button{width:100%}.text-button{font-size:10px}.site-footer{flex-direction:column;align-items:flex-start;font-size:8px}.site-footer button{font-size:8px}.under-board{font-size:8px}.results-intro h1{font-size:25px}.career-card{grid-template-columns:22px 1fr 42px;padding:14px 10px;gap:7px}.career-title{font-size:13px}.fit-score{font-size:21px}.career-reasons{padding-right:10px}.results-sidebar{grid-template-columns:1fr}.summary-tiers{grid-template-columns:1fr}.summary-tier li{font-size:11px}.guide-grid{grid-template-columns:1fr}#modal-body{padding:18px}#modal-body h2{font-size:21px}.filter-bar{gap:7px}.filter-bar label{min-width:100%}.filter-bar input,.filter-bar select{width:100%;max-width:100%}.results-tabs button{font-size:10px;padding:9px}.slot.filled{font-size:9px}.slot.filled .skill-number{font-size:7px}.zone-header h3{font-size:11px}.zone-count{font-size:8px}.assign-actions{gap:4px}.assign-actions button{padding:9px 7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:#111}.site-header,.site-footer,.under-board,.board-footer,.board-toolbar,.selection-panel,.results-actions,.results-tabs,.filter-bar,.save-career,.toast,dialog,.skip-link{display:none!important}main{max-width:none;padding:0}.career-card,.insight-card,.summary-tier,.family-card{break-inside:avoid;box-shadow:none}.results-layout{display:block}.results-sidebar{display:none}.career-card{margin-bottom:8px}.career-list{gap:5px}.results-intro{margin:10px 0}.results-intro h1{font-size:22px}.print-summary{display:block;border-top:1px solid #ccc;padding-top:12px;margin-top:20px;font-size:10px}.print-summary h2{font-size:14px}.board-shell{border:none;box-shadow:none}#sort-view .board{display:block}.sorting-side{margin-top:15px}.skill-bank{display:none}.board-heading{display:none}.intro{margin:10px 0}.progress-summary{display:none}.results-count{color:#555}}


/* Desktop board: use the available viewport instead of a tall landing-page layout.
   All rows remain in normal layout; overflow is not hidden to fake a fit. */
@media screen and (min-width: 801px) and (min-height: 640px) {
  body:has(#sort-view:not([hidden])) {
    height: 100dvh;
    display: flex;
    flex-direction: column;
  }
  body:has(#sort-view:not([hidden])) .site-header {
    height: 46px;
    min-height: 46px;
    flex: 0 0 46px;
    padding: 0 max(18px, calc((100vw - 1100px) / 2));
    gap: 18px;
  }
  body:has(#sort-view:not([hidden])) .brand { font-size: 22px; gap: 9px; }
  body:has(#sort-view:not([hidden])) .brand small { display: none; }
  body:has(#sort-view:not([hidden])) .nav-link { padding: 7px 14px; font-size: 11px; }
  body:has(#sort-view:not([hidden])) main {
    width: 100%;
    max-width: 1132px;
    padding: 6px 16px 4px;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  #sort-view:not([hidden]) {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  #sort-view .intro { display: none; }
  #sort-view .board-shell {
    width: 100%;
    max-width: 1100px;
    flex: 1 1 0;
    min-height: 0;
    display: grid;
    grid-template-rows: 32px 30px minmax(0, 1fr) 50px 46px;
    border-radius: 11px;
  }
  #sort-view .board-heading { padding: 4px 12px; min-height: 0; }
  #sort-view .board-heading .step-label { display: none; }
  #sort-view .board-heading h2 { font-size: 15px; margin: 0; }
  #sort-view .save-status { font-size: 9px; }
  #sort-view .board-toolbar { padding: 3px 10px; min-height: 0; gap: 10px; }
  #sort-view .board-toolbar p { max-width: none; font-size: 10px; }
  #sort-view .search-box { padding: 3px 7px; }
  #sort-view .board {
    min-height: 0;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 10px;
    padding: 0 10px 8px;
  }
  #sort-view .skill-bank { min-height: 0; display: flex; flex-direction: column; }
  #sort-view .bank-title { height: 20px; flex: 0 0 20px; }
  #sort-view .bank-tip { display: none; }
  #sort-view .skill-columns { flex: 1 1 0; min-height: 0; padding: 0 4px 4px; }
  #sort-view .skill-column { min-height: 0; display: flex; flex-direction: column; }
  #sort-view .category-bar { height: 16px; flex: 0 0 16px; font-size: 9px; }
  #sort-view .skill-chip {
    height: auto;
    min-height: 0;
    flex: 1 1 0;
    font-size: clamp(10px, 1.45vh, 12px);
    line-height: 1.05;
  }
  #sort-view .skill-chip .skill-number { font-size: 8px; width: 14px; }
  #sort-view .sorting-side { min-height: 0; gap: 6px; }
  #sort-view .zones-grid { flex: 1 1 0; min-height: 0; gap: 8px; }
  #sort-view .left-zones {
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1.55fr);
    gap: 6px;
  }
  #sort-view #right-zone { min-height: 0; }
  #sort-view .zone { min-height: 0; height: 100%; display: flex; flex-direction: column; }
  #sort-view .zone-header {
    min-height: 0;
    height: 42px;
    flex: 0 0 42px;
    padding: 5px 7px;
    column-gap: 6px;
  }
  #sort-view .zone-number { font-size: 20px; height: 26px; }
  #sort-view .zone-header h3 { font-size: 11px; }
  #sort-view .zone-subtitle { font-size: 8px; margin-top: 1px; }
  #sort-view .zone-slots {
    flex: 1 1 0;
    min-height: 0;
    display: grid;
    grid-auto-rows: minmax(0, 1fr);
    padding: 4px 4px 0;
    gap: 2px;
  }
  #sort-view .slot {
    min-height: 0;
    height: auto;
    font-size: clamp(9px, 1.4vh, 11px);
    line-height: 1;
  }
  #sort-view .zone-count { height: 20px; flex: 0 0 20px; padding: 4px 6px; }
  #sort-view .definition-well { min-height: 0; flex: 0 0 48px; padding: 5px 8px; }
  #sort-view .definition-well p { font-size: 9px; line-height: 1.3; margin-top: 2px; }
  #sort-view .selection-panel { min-height: 0; padding: 4px 10px; gap: 10px; }
  #sort-view .selection-kicker { display: none; }
  #sort-view .selection-copy { max-width: 48%; }
  #sort-view .selection-copy b { font-size: 11px; }
  #sort-view .selection-copy p { font-size: 10px; line-height: 1.25; margin-top: 2px; }
  #sort-view .assign-actions { max-width: none; gap: 4px; flex-wrap: nowrap; }
  #sort-view .assign-actions button { font-size: 9px; padding: 7px 6px; }
  #sort-view .assign-actions button b { margin-right: 3px; }
  #sort-view .board-footer { min-height: 0; padding: 4px 10px; }
  #sort-view .primary-button { padding: 7px 14px; font-size: 11px; }
  #sort-view .under-board { width: 100%; max-width: 1100px; height: 22px; flex: 0 0 22px; margin: 0 auto; }
  body:has(#sort-view:not([hidden])) .site-footer {
    width: 100%;
    max-width: 1100px;
    height: 18px;
    flex: 0 0 18px;
    min-height: 0;
    margin: 0 auto;
    border: 0;
    padding: 0;
    align-items: center;
  }
}


/* Five familiar destinations, with original vector icons. */
#sort-view .board-footer {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:7px 10px;background:#d5eafb;border-top:1px solid #bdd8ec;}
.board-menu-button {min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #85bde3;border-radius:7px;background:linear-gradient(#77b9e9,#5da5d8);box-shadow:inset 0 1px #ffffff70,0 1px 2px #4985ad15;color:#fff;font-size:12px;font-weight:650;padding:8px 6px;white-space:nowrap;}
.board-menu-button:hover {background:linear-gradient(#69b0e3,#4596cc);border-color:#519dd0;}
.board-menu-button:active {transform:translateY(1px);}
.menu-icon {width:25px;height:25px;border-radius:50%;background:#f5fbff;color:#579bd0;display:grid;place-items:center;flex-shrink:0;box-shadow:0 1px 2px #3e85b65c;}
.menu-icon svg {width:18px;height:18px;}
.results-menu-button {background:linear-gradient(#58ade3,#368fc8);border-color:#4699ce;}
.selection-copy p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.definition-well > div {min-width:0;}
.definition-well p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.skill-chip.selected .skill-number,.slot.selected .skill-number {color:#176da3;font-weight:700;}
.skill-chip.selected .grip,.slot.selected .grip {opacity:1;color:#176da3;}
.reset-dialog {max-width:664px;padding:30px;background:#202020;border:1px solid #424242;border-radius:17px;color:#eee;box-shadow:0 18px 70px #0005;}
.reset-dialog::backdrop {background:#13263860;}
.reset-dialog h2 {margin:3px 0 20px;font-size:18px;font-weight:650;color:#eee;letter-spacing:0;}
.reset-dialog p {font-size:13px;line-height:1.6;margin:0;color:#f3f3f3;}
.reset-actions {display:flex;justify-content:flex-end;gap:12px;margin-top:25px;}
.reset-actions button {min-width:94px;min-height:45px;padding:10px 22px;border:0;border-radius:26px;font-size:13px;font-weight:600;color:#fff;background:#00577d;}
.reset-actions #confirm-reset-button {background:#b4d1f7;color:#07335d;}
.reset-actions button:focus-visible {outline:3px solid #abcdfb;outline-offset:3px;}
.shell-badge {display:inline-block;padding:5px 8px;border-radius:5px;background:#eaf3fb;color:#467b9f;font-size:10px;}
@media screen and (min-width:801px) and (min-height:640px) {
 #sort-view .board-menu-button {padding:4px 5px;font-size:11px;gap:7px;height:32px;}
 #sort-view .menu-icon {width:24px;height:24px;}
 #sort-view .board-footer {padding:6px 10px;}
}
@media(max-width:800px) {
 #sort-view .board-footer {gap:5px;}
 .board-menu-button {flex-direction:column;font-size:10px;gap:5px;padding:8px 3px;white-space:normal;}
 .menu-icon {width:24px;height:24px;}
}
@media(max-width:520px) {
 #sort-view .board-footer {padding:7px 5px;}
 .board-menu-button {font-size:9px;}
 .under-board {gap:7px;}
 .reset-dialog {padding:24px;}
 .reset-dialog h2 {font-size:16px;overflow-wrap:anywhere;}
}

/* Skill actions stay close to the card and respect each section's capacity. */
.skill-context-menu {position:fixed;z-index:60;width:206px;padding:5px;background:#fff;color:#294b63;border:1px solid #cbdde9;border-radius:9px;box-shadow:0 10px 32px #1d405b33;font-size:12px;}
.context-label {font-size:10px;color:#7a93a6;padding:6px 8px 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #eaf0f5;margin-bottom:4px;}
.skill-context-menu button {width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:none;border:0;border-radius:5px;padding:9px 8px;font-size:12px;color:inherit;white-space:nowrap;}
.skill-context-menu button:not(:disabled):hover,.skill-context-menu button:not(:disabled):focus {background:#e8f4fd;color:#176da3;outline:none;}
.skill-context-menu button:disabled {opacity:1;color:#9aaab6;cursor:not-allowed;}
.skill-context-menu button small {font-size:9px;color:#8499a9;}
#skill-send-menu {position:absolute;left:calc(100% + 3px);top:0;width:242px;padding:5px;border:1px solid #cbdde9;border-radius:9px;background:#fff;box-shadow:0 10px 32px #1d405b33;}
#skill-send-menu::before {content:"";position:absolute;right:100%;top:0;width:8px;height:100%;}
.context-flip #skill-send-menu {left:auto;right:calc(100% + 3px);}
.context-flip #skill-send-menu::before {left:100%;right:auto;}
.context-stacked #skill-send-menu {left:0;right:auto;top:100%;}
@media print {.skill-context-menu{display:none!important}}

/* Approved FreeIS identity and the focused instruction / occupation screens. */
.brand img{display:block;width:180px;height:60px;object-fit:contain}
body:has(#home-view:not([hidden])),body:has(#occupations-view:not([hidden])){background:#fff}
.instructions-view,.occupations-view{max-width:940px;margin:34px auto 28px;color:#333}
.instructions-view h1,.occupations-view>h1{font-size:25px;font-weight:650;margin:0 0 24px;letter-spacing:.15px;color:#142e40}
.instructions-view h1{text-align:center}
.instructions-view p{font-size:14px;line-height:1.75;margin:0 0 16px}
.instructions-intro{display:grid;grid-template-columns:1fr 205px;gap:28px}
.download-links{display:flex;align-items:flex-start;flex-direction:column;gap:12px}
.download-links a{display:flex;justify-content:space-between;gap:15px;color:#1477af;border:1px solid #b1d0e3;text-decoration:none;font-size:12px;font-weight:700;padding:11px 14px;white-space:nowrap}
.download-links a:hover{background:#edf6fc;border-color:#5aa6d4}
.instructions-view h2{font-size:20px;font-weight:600;font-style:italic;margin:24px 0 26px;color:#233f52}
.prepare-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;position:relative}
.prepare-columns::after{content:"";position:absolute;left:50%;height:100%;border-left:1px solid #afb7be}
.instructions-view .prepare-box{background:#e5e9fc;padding:15px 16px;margin:0 0 14px;min-height:82px;line-height:1.75}
.prepare-box strong{font-weight:650}
.satisfaction-levels{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 20px;padding-left:28px;gap:24px;font-size:14px}
.satisfaction-levels span{display:block;font-size:11px;color:#6d8697;margin-top:5px}
.instructions-view .interaction-note{font-size:12px;color:#6d8595}
.instructions-actions{display:flex;gap:18px;margin:25px 0}
.instruction-action{border:1px solid #8fbedb;padding:12px 19px;background:#fff;color:#176da3;font-size:13px;font-weight:650;min-width:140px}
.instruction-action:hover{background:#eaf5fc}
.instructions-view .instructions-note{border:1px solid #b6c7d2;padding:13px 16px;font-size:13px}
.occ-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0}
.occ-heading h2{display:flex;gap:10px;align-items:center;font-size:15px;color:#233f52;margin:0}
.occ-cancel{border:1px solid #a7c8df;border-radius:24px;background:white;padding:9px 18px;color:#176da3;font-size:12px;font-weight:700}
.occ-instructions{background:#f1f3ef;padding:12px;font-size:14px;line-height:1.7;margin:0 0 24px}
.occ-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;border-bottom:3px double #a3bfd2;padding:0 0 10px}
.occ-tabs{display:flex;gap:12px;align-items:center}
.occ-tabs button{border:1px solid #8baed0;border-radius:3px 3px 0 0;padding:5px 14px;font-size:11px;color:#fff;background:#81a8d4;font-weight:700;letter-spacing:.35px}
.occ-tabs button[aria-selected="true"]{background:#246b9d;border-color:#246b9d}
.occ-search{font-size:10px;color:#7b919f;display:flex;flex-direction:column;gap:4px}
.occ-search input{border:1px solid #cfdee8;border-radius:5px;padding:8px 10px;font-size:12px;width:260px;max-width:100%;background:#fafcfe;color:#33586c}
.occupation-alphabet{display:flex;gap:3px;padding:22px 10px 10px;flex-wrap:wrap}
.occupation-alphabet button{font-size:14px;color:#1879af;border:0;background:transparent;padding:4px 6px;min-width:25px}
.occupation-alphabet button[aria-current]{font-weight:750;color:#17364d;background:#e4f2fb;border-radius:3px}
.occupation-alphabet button:disabled{color:#c5cdd2;opacity:1}
.occupation-layout{margin-top:7px}
.occupation-layout.with-clusters{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;margin-top:20px}
.occupation-list-header{display:flex;align-items:center;justify-content:space-between;background:#cce2f2;padding:13px 18px;gap:12px;min-height:54px}
.occupation-list-header h3{margin:0;font-size:14px;color:#233f52}
.occupation-list-header>span{font-size:10px;color:#527994;white-space:nowrap}
.occupation-list{list-style:none;padding:0 10px;margin:8px 0}
.occupation-list li:nth-child(even){background:#f1f3ef}
.occupation-list button{display:grid;grid-template-columns:65px 1fr 15px;align-items:center;gap:15px;width:100%;padding:11px 10px;color:#196f9f;font-size:13px;font-weight:650;text-align:left;border:0;background:transparent}
.occupation-list button:hover{background:#e4f2fb}
.occ-arrow{color:#93adc0;font-size:18px}
.occupation-empty{padding:26px 16px;font-size:13px;color:#7c919e}
.cluster-list h3{font-size:13px;margin:0;background:#cce2f2;padding:18px 12px;color:#233f52}
.cluster-list button{display:flex;align-items:start;gap:8px;border:0;background:#fff;width:100%;padding:9px 8px;font-size:11px;color:#2b719c;text-align:left;line-height:1.5}
.cluster-list button:nth-of-type(even){background:#f1f3ef}
.cluster-list button[aria-current]{background:#e4f2fb;color:#17364d;font-weight:700;border-left:3px solid #288bc7}
.cluster-list button>span{color:#a1b9c8;font-size:16px;line-height:16px}
.occupation-source-note{font-size:10px;color:#849aa8;margin:22px 0}
.profile-counts{display:flex;gap:12px;margin:18px 0}
.profile-counts span{padding:9px 12px;border:1px solid #d7e7f1;background:#eef7fd;border-radius:6px;font-size:11px;color:#5f8198}
.profile-counts b{color:#147db5;margin-right:4px}
.save-status{max-width:58%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media screen and (min-width:801px) and (min-height:640px){body:has(#sort-view:not([hidden])) .brand img{width:148px;height:44px}}
@media(max-width:800px){.instructions-intro{grid-template-columns:1fr}.download-links{flex-direction:row;flex-wrap:wrap;margin-bottom:14px}.instructions-view,.occupations-view{margin-top:24px}.prepare-columns{gap:20px}.instructions-view .prepare-box{padding:12px;font-size:13px}.occupation-layout.with-clusters{grid-template-columns:190px minmax(0,1fr);gap:10px}.occupation-list button{grid-template-columns:22px 1fr 12px;gap:8px}.occ-search input{width:230px}}
@media(max-width:520px){.brand img{width:160px;height:53px}.prepare-columns{grid-template-columns:1fr;gap:0}.prepare-columns::after{display:none}.instructions-view h1,.occupations-view>h1{font-size:21px}.instructions-view p{font-size:13px}.satisfaction-levels{grid-template-columns:1fr;gap:14px}.occ-toolbar{align-items:stretch;flex-direction:column}.occ-search input{width:100%}.occupation-layout.with-clusters{grid-template-columns:1fr}.cluster-list{max-height:210px;overflow:auto;border:1px solid #dbe6ee}.instructions-actions{flex-wrap:wrap}.profile-counts{gap:5px}.profile-counts span{padding:8px}.occupation-list-header{padding:12px}.occ-heading h2{font-size:13px}}

/* The reference guide: a compact list and a two-column expanded table. */
.menu-info{font-family:Georgia,serif;font-size:22px;font-weight:700;font-style:normal;line-height:1}
#modal.definitions-modal{width:min(980px,calc(100% - 28px));max-width:980px;height:min(86dvh,820px);max-height:calc(100dvh - 28px);overflow:hidden}
#modal.definitions-modal[open]{display:flex;flex-direction:column}
.definitions-modal .modal-top{flex-shrink:0;padding:12px 22px;background:#f7fbff}
#modal.definitions-modal #modal-body{padding:0;min-height:0;display:flex;flex:1;overflow:hidden}
.definitions-browser{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:#fff}
.definitions-heading{padding:18px 24px 13px;flex-shrink:0}
#modal-body .definitions-heading h2{font-size:23px;letter-spacing:-.4px;margin:0 0 5px}
#modal-body .definitions-heading p{margin:0;color:#63788c;font-size:12px}
.definition-tabs{display:flex;gap:5px;border-bottom:1px solid #aebfcf;padding:0 24px;background:linear-gradient(transparent,#f1f5f9)}
.definition-tabs button{border:1px solid #bfccd7;border-bottom:0;border-radius:6px 6px 0 0;background:#e7edf3;color:#546b7e;padding:11px 20px;font-size:13px;font-weight:650;position:relative;bottom:-1px}
.definition-tabs button[aria-selected="true"]{background:#fff;color:#176da3;border-top:3px solid #2587c2;padding-top:9px;border-bottom:1px solid #fff}
.definition-tabs button:hover{color:#175c8c;background:#f6faff}
.definition-tools{display:flex;align-items:end;gap:15px;padding:13px 24px;border-bottom:1px solid #dce5ed;flex-shrink:0}
.definition-tools label{font-size:10px;font-weight:650;color:#627b90;display:flex;flex-direction:column;gap:5px;flex:1;max-width:440px}
.definition-tools input{width:100%;border:1px solid #bfd0dc;border-radius:6px;background:#fbfdff;padding:8px 10px;font-size:12px;color:#25475f}
#definition-count{font-size:11px;white-space:nowrap;color:#71889a;padding-bottom:9px}
#all-definitions{font-size:11px;padding-bottom:9px;white-space:nowrap}
.definitions-content{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:6px 24px 24px}
.definitions-content:focus-visible{outline:2px solid #5c9fc9;outline-offset:-3px}
#modal-body .definition-group h3{color:#1b5c90;font-size:14px;margin:24px 0 12px}
#modal-body .definition-group>ul{list-style:none;padding:0;margin:0}
.definitions-content .guide-item{border:0;border-radius:0;background:transparent;text-align:left}
#modal-body .definition-group .definition-row{padding:6px 0;line-height:1.65;font-size:12px;color:#344a5d}
.definition-skill{border:0;padding:0;background:transparent;font-size:inherit;font-weight:700;line-height:inherit;text-align:left;color:#173d58}
.definition-skill:hover{text-decoration:underline;color:#166da3}
.definition-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:18px 0 26px;font-size:12px}
.definition-table th{border:1px solid #203f58;padding:11px 13px;background:#173d58;color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.35px;font-size:11px;line-height:1.5}
.definition-table th:first-child{width:37%}
.definition-table td{border:1px solid #bdcbd5;vertical-align:top;padding:11px 13px;line-height:1.55;color:#344a5d}
.definition-table tbody tr:nth-child(even){background:#f7fafc}
#modal-body .definition-table p{margin:3px 0 0;font-size:12px;line-height:1.55;color:#526b7e}
#modal-body .definition-table ul{padding:0;margin:0;list-style:none}
#modal-body .definition-table li{font-size:12px;line-height:1.6;color:#344a5d;margin:0 0 3px}
#modal-body .definition-table li:last-child{margin-bottom:0}
.definition-empty{text-align:center;padding:26px 10px}
.definitions-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;border-top:1px solid #dce5ed;background:#f6f9fc;flex-shrink:0}
#modal-body .definitions-footer p{font-size:10px;color:#788b9a;line-height:1.5;margin:0;max-width:540px}
.definitions-footer button{white-space:nowrap;background:#fff}
@media(max-width:600px){
 #modal.definitions-modal{width:calc(100% - 12px);max-height:calc(100dvh - 12px);height:calc(100dvh - 12px);border-radius:10px}
 .definitions-heading{padding:14px 15px 10px}
 #modal-body .definitions-heading h2{font-size:20px}
 .definition-tabs{padding:0 12px;gap:4px}
 .definition-tabs button{flex:1;padding:10px 8px;font-size:11px}
 .definition-tabs button[aria-selected="true"]{padding-top:8px}
 .definition-tools{padding:10px 15px;gap:10px;flex-wrap:wrap}
 .definition-tools label{flex-basis:65%;max-width:none}
 .definitions-content{padding:0 13px 18px}
 .definition-table th{padding:8px;font-size:10px}
 .definition-table th:first-child{width:40%}
 .definition-table td{padding:8px}
 #modal-body .definition-table p,#modal-body .definition-table li,.definition-table{font-size:11px}
 .definitions-footer{padding:10px 14px;gap:12px}
 #modal-body .definitions-footer p{font-size:9px}
 .definitions-footer button{padding:8px 10px}
}

/* Warm brand masthead and original mountain panorama. */
.brand-lockup{display:flex;align-items:center;gap:18px;min-width:0}
.brand-tagline{font-size:15px;line-height:1.3;font-weight:500;color:#697661;white-space:nowrap;border-left:1px solid #d8dfd2;padding-left:18px;margin:0;letter-spacing:.1px}
.site-header{gap:20px}
.mountain-banner{width:calc(100% - 32px);max-width:1100px;height:132px;flex-shrink:0;margin:10px auto 0;border-radius:9px;background:#a1b6bd url("mountain-banner.png") center 35%/cover no-repeat;box-shadow:inset 0 0 0 1px #274b521a,0 3px 12px #18353d0c}
@media screen and (min-width:801px) and (min-height:640px){
 body:has(#sort-view:not([hidden])) .mountain-banner{height:clamp(44px,8vh,76px);flex:0 0 clamp(44px,8vh,76px);margin:5px auto 1px}
 body:has(#sort-view:not([hidden])) .brand-tagline{font-size:13px}
}
@media screen and (min-width:801px) and (max-height:719px) and (min-height:640px){
 body:has(#sort-view:not([hidden])) .mountain-banner{height:40px;flex-basis:40px}
 #sort-view .board-shell{grid-template-rows:28px 26px minmax(0,1fr) 44px 42px}
 #sort-view .category-bar{height:14px;flex-basis:14px}
 #sort-view .zone-header{height:36px;flex-basis:36px}
 #sort-view .zone-subtitle{display:none}
 #sort-view .definition-well{flex-basis:40px}
}
@media(max-width:1000px){.brand-lockup{gap:10px}.brand-tagline{font-size:12px;padding-left:10px}.site-header{gap:12px}}
@media(max-width:800px){.brand-lockup{gap:16px;flex-wrap:wrap}.mountain-banner{height:110px}.brand-tagline{font-size:13px}}
@media(max-width:520px){.brand-lockup{gap:9px;flex:1}.brand-tagline{font-size:11px;white-space:normal;max-width:125px;padding-left:9px}.mountain-banner{width:calc(100% - 24px);height:90px;margin-top:8px}}

/* Report navigation follows the familiar skills-report sequence. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.report-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 22px}
.report-intro h1{font-size:30px;letter-spacing:-.7px;color:#23475c;margin:6px 0 8px}
.report-intro p{font-size:12px;line-height:1.65;color:#718694;max-width:550px;margin:0}
.report-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.report-actions button{font-size:10px;white-space:nowrap}
.report-nav{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid #d4e1ea;padding-bottom:17px;margin-bottom:24px}
.report-nav button{border:1px solid #b5d1e4;border-radius:6px;padding:9px 13px;background:linear-gradient(#edf6fc,#d9eaf6);color:#3b6380;font-size:11px;font-weight:550}
.report-nav button:hover{background:#cde4f3}
.report-nav button.active{background:#2e6c96;color:white;border-color:#2e6c96;box-shadow:0 2px 6px #2e6c9620}
.report-content{background:#fff;border:1px solid #dce5eb;border-radius:12px;padding:24px;box-shadow:0 4px 18px #284e6610}
.report-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:21px}
.report-heading img{margin-top:1px}
.report-heading h2{font-size:20px;font-weight:650;color:#214961;margin:0 0 7px;letter-spacing:-.2px}
.report-heading p{font-size:12px;line-height:1.7;color:#718391;max-width:740px;margin:0}
.report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}
.report-summary-column{background:#f3f4ef;border:1px solid #e0e5dc;padding:9px;border-radius:7px}
.report-summary-column h3{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#425744;margin:3px 4px 12px}
.report-summary-column h3 span{font-size:11px;background:#fff;border:1px solid #d5dfcf;border-radius:12px;padding:3px 7px}
.report-summary-column ul{margin:0;padding:14px 14px 14px 29px;border:1px solid #adc6a5;border-radius:5px;background:#e7f2e2;color:#54784e;min-height:175px}
.report-summary-column:first-child ul{background:#d3e6c9}
.report-summary-column li{padding:4px 0;font-size:12px;line-height:1.5}
.report-summary-column button{border:0;background:transparent;padding:0;text-align:left;color:#466f43;font:inherit;font-weight:600}
.report-summary-column button:hover{text-decoration:underline}
.report-next{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e2e9ed;margin-top:25px;padding-top:20px}
.report-next p{font-size:12px;line-height:1.7;max-width:600px;color:#718694;margin:0}
.report-next button{white-space:nowrap}
.report-method-link{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:14px 2px 0;font-size:10px;color:#8da098}
.report-method-link .text-button{color:#5b8195}
.report-note{font-size:11px;line-height:1.75;color:#7c8d98;margin:15px 0}
.report-filters{display:flex;align-items:end;gap:12px;background:#f4f8fb;border:1px solid #d9e6ed;border-radius:7px;padding:12px}
.report-filters label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#678196}
.report-filters label:first-child{flex:1}
.report-filters input,.report-filters select{border:1px solid #c7d7e1;border-radius:5px;padding:8px;background:white;color:#405e71;font-size:12px;min-width:0;width:100%}
.report-filters select{max-width:270px}
.report-list-count{display:flex;justify-content:space-between;gap:15px;margin:17px 0 10px;color:#7892a3;font-size:10px}
.report-occupation-table{width:100%;border-collapse:collapse;table-layout:auto}
.report-occupation-table th{font-size:10px;letter-spacing:.1px;text-align:left;color:#587c96;background:#e3eff8;padding:10px 12px;border-bottom:1px solid #c1d9e9}
.report-occupation-table thead th:first-child{width:55px}
.report-occupation-table td{padding:9px 12px;font-size:12px;color:#5c7686;border-bottom:1px solid #e7edf2}
.report-occupation-table .report-occupation.is-striped{background:#f7fafc}
.report-occupation-table .report-cluster-heading th{font-size:12px;color:#1e5980;background:#e8f2f9;border-top:15px solid white;padding:11px 12px}
.report-rating{font-variant-numeric:tabular-nums;font-weight:700;color:#326b91!important}
.report-career-title{border:0;background:transparent;padding:0;text-align:left;color:#255f89;font-weight:550;line-height:1.45}
.report-career-title:hover{text-decoration:underline}
.report-match-marker{width:20px;padding-left:0!important;padding-right:0!important;color:#ae9557!important;font-size:11px!important}
.compare-button{border:1px solid #cbdce7;border-radius:4px;background:white;font-size:10px;padding:5px 8px;color:#4a7897;white-space:nowrap}
.compare-button:hover{background:#eaf3fa}
.report-save{font-size:19px;line-height:1;border:0;background:transparent;padding:3px;color:#8ca6b7}
.report-save[aria-pressed="true"]{color:#aa853b}
.report-empty{text-align:center;padding:35px 15px}
.report-empty h3{font-size:18px;color:#476f89}
.report-empty p{font-size:12px;color:#8098a8}
.legacy-saved{padding-top:20px;margin-top:15px;border-top:1px solid #dbe6ed}
.legacy-saved h3{font-size:16px}.legacy-saved p{font-size:12px;color:#7b8f9d}
.legacy-saved button{margin:4px}
.theme-overview{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;background:#f5f8f6;border:1px solid #dce6e0;border-radius:10px;padding:25px}
.theme-overview strong{display:block;font-size:40px;color:#567969;font-weight:550;letter-spacing:5px;margin:12px 0}
.theme-overview p{font-size:12px;line-height:1.7;color:#7b9084}
.report-theme-row{display:grid;grid-template-columns:95px 1fr 28px;align-items:center;gap:12px;margin:12px 0;font-size:12px;color:#597384}
.report-theme-row>div{height:10px;background:#e0e7e6;border-radius:5px;overflow:hidden}
.report-theme-row i{display:block;height:100%;border-radius:5px}
.report-theme-row b{text-align:right;font-weight:600}
.theme-descriptions{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}
.theme-descriptions section{display:flex;gap:13px;padding:18px;border:1px solid #e0e8ee;border-radius:8px}
.theme-descriptions section>span{flex:0 0 33px;height:33px;border-radius:7px;color:#fff;display:grid;place-items:center;font-weight:600;font-size:17px}
.theme-descriptions h3{font-size:13px;color:#48697e;margin:0 0 6px}
.theme-descriptions p{font-size:12px;line-height:1.65;color:#7b8e9b;margin:0}
.cluster-report{border:1px solid #d4e2ec;border-radius:8px;overflow:hidden}
.cluster-report-row{display:grid;grid-template-columns:40px 1fr 150px 16px;gap:14px;align-items:center;width:100%;border:0;border-bottom:1px solid #e1eaf1;background:white;text-align:left;padding:12px 17px}
.cluster-report-row:nth-child(even){background:#f5f9fc}
.cluster-report-row:hover{background:#eaf3f9}
.cluster-report-row b{font-size:12px;color:#426b85}
.cluster-report-row small{display:block;color:#829aa9;font-size:10px;margin-top:3px}
.cluster-meter{display:block;height:6px;background:#e0ebf2;border-radius:3px;overflow:hidden}
.cluster-meter i{display:block;height:100%;background:#73a8cb;border-radius:3px}
.learning-leaders{background:#f3f7ee;border:1px solid #dce5d1;border-radius:8px;padding:20px}
.learning-leaders strong{display:block;margin-top:7px;color:#557346;font-weight:600;font-size:20px}
.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.learning-card{border:1px solid #d9e4eb;border-radius:8px;padding:20px}
.learning-card h3{display:flex;justify-content:space-between;gap:10px;font-size:14px;line-height:1.5;color:#3d6882;margin:0 0 9px}
.learning-card h3 span{font-size:12px;color:#6b95ae;white-space:nowrap}
.learning-card p{font-size:11px;color:#8095a3;line-height:1.7}
.learning-card ul{list-style:none;padding:0;margin:13px 0 0}
.learning-card li{font-size:12px;border-bottom:1px solid #edf1f4;padding:6px 0}
.learning-card button{border:0;background:transparent;color:#39789f;text-align:left;font:inherit;padding:0;line-height:1.5}
.learning-card button:hover{text-decoration:underline}
.learning-empty{font-style:italic}
.reflection-prompts{background:#f4f7ef;border:1px solid #dfe6d5;border-radius:8px;padding:15px 20px;margin-bottom:22px}
.reflection-prompts p{font-size:12px;line-height:1.7;color:#718166;margin:6px 0}
.reflection-label{display:block;font-size:12px;font-weight:600;color:#4f7185;margin-bottom:8px}
.report-reflection{width:100%;resize:vertical;min-height:230px;border:1px solid #bed1dd;border-radius:8px;background:#fcfdff;color:#344e61;font:13px/1.8 "Segoe UI",Arial,sans-serif;padding:15px}
#modal.comparison-modal{max-width:1040px;width:calc(100% - 28px)}
.comparison-stats{display:flex;gap:8px;margin:20px 0}
.comparison-stats>span{flex:1;border:1px solid #dce7ee;background:#f4f9fc;border-radius:7px;padding:12px;font-size:11px;color:#7891a1}
.comparison-stats b{display:block;color:#397a9f;font-size:23px;font-weight:550;margin-bottom:3px}
.comparison-prompt{font-size:12px;line-height:1.7;color:#7c876d;background:#f5f7ed;border:1px solid #e2e7d5;border-radius:7px;padding:12px 15px;margin:19px 0}
.comparison-all{display:flex;align-items:center;gap:7px;font-size:12px;color:#638397;margin:15px 0}
.comparison-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.comparison-group{border:1px solid #cfdee8;border-radius:6px;overflow:hidden}
#modal-body .comparison-group h3{font-size:12px;margin:0;padding:12px;background:#e7f1f8;color:#3e6b86}
.comparison-group .compare-table{margin:0;font-size:10px}
.comparison-group .compare-table th,.comparison-group .compare-table td{padding:9px 8px;vertical-align:top;line-height:1.5}
.comparison-group tbody th{font-size:10px;text-align:left;font-weight:550;color:#476b82;width:44%;border-bottom:1px solid #eaf0f4}
.comparison-level{display:flex;flex-direction:column;gap:3px;font-size:8px;color:#6a8ca2;min-width:62px}
.comparison-level.pool{color:#a0adb6}
.level-blocks{display:flex;gap:2px}
.level-blocks i{display:inline-block;width:13px;height:5px;background:#e8eef2;border:1px solid #d1dce4}
.level-blocks i.on{background:#69a4cd;border-color:#5995bd}
.report-print-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.report-print-options label{display:flex;align-items:center;gap:7px;font-size:12px;color:#58798e}
#report-print{display:none}
@media(max-width:800px){
 .report-intro{align-items:flex-start;flex-direction:column}.report-actions{justify-content:flex-start}
 .report-content{padding:18px}.report-summary{gap:8px}.report-summary-column{padding:6px}
 .report-summary-column h3{font-size:11px}.report-summary-column ul{padding-left:24px}
 .report-filters{flex-wrap:wrap}.report-filters label:first-child{flex-basis:100%}
 .report-filters label{flex:1}.report-filters select{max-width:none}
 .report-next{align-items:flex-start;flex-direction:column}.report-method-link{flex-direction:column;align-items:flex-start;gap:6px}
 .theme-overview{gap:20px;padding:20px}.cluster-report-row{grid-template-columns:32px 1fr 90px 12px;gap:9px}
 .comparison-groups{grid-template-columns:1fr}
}
@media(max-width:520px){
 .report-nav{gap:5px}.report-nav button{font-size:10px;padding:8px 9px}
 .report-content{padding:14px 10px}.report-heading h2{font-size:18px}.report-summary{grid-template-columns:1fr}
 .report-summary-column ul{min-height:0}.report-summary-column h3{font-size:13px}
 .report-summary-column li{font-size:12px}.report-list-count{flex-direction:column;gap:6px}
 .report-occupation-table th,.report-occupation-table td{padding:8px 5px;font-size:11px}
 .report-occupation-table thead th:first-child{width:34px}
 .compare-button{font-size:0;width:25px;height:26px;padding:0}.compare-button::after{content:"⇄";font-size:16px}
 .report-occupation-table thead th:nth-child(4){font-size:0}
 .theme-overview,.theme-descriptions,.learning-grid{grid-template-columns:1fr}
 .theme-overview{gap:10px}.theme-overview strong{font-size:32px}.theme-descriptions section{padding:14px}
 .cluster-report-row{grid-template-columns:30px 1fr 12px}.cluster-meter{display:none}
 .learning-card{padding:15px}.comparison-stats{gap:5px}.comparison-stats>span{padding:9px;font-size:9px}
 .report-print-options{grid-template-columns:1fr}.report-intro h1{font-size:26px}
}
@media print{
 .mountain-banner,.report-nav,.report-actions,.report-method-link,.report-next,.report-filters,.report-save,.compare-button,.report-match-marker,.legacy-saved{display:none!important}
 .report-content{border:0;padding:0;box-shadow:none}.report-occupation-table{font-size:9px}
 .report-occupation-table th,.report-occupation-table td{padding:5px;font-size:9px}
 .report-occupation-table thead{display:table-header-group}
 .report-occupation-table tr,.report-summary-column,.theme-descriptions section,.learning-card{break-inside:avoid}
 body:has(#report-print){height:auto!important;display:block!important;background:#fff}
 body:has(#report-print)>:not(#report-print){display:none!important}
 #report-print{display:block!important;color:#222;font:11px/1.5 "Segoe UI",Arial,sans-serif}
 #report-print button{color:#222;border:0;background:transparent;text-align:left;padding:0}
 #report-print .report-cluster-heading th{border-top-width:8px}
 #report-print .report-print-options{display:none}
 .printed-brand{display:flex;align-items:center;gap:20px;border-bottom:1px solid #c8d7df;padding-bottom:12px;margin-bottom:15px}
 .printed-brand img{width:150px;height:50px;object-fit:contain}
 .printed-brand p{color:#617455;font-size:14px}
 .printed-section{break-before:page}
 .printed-section:first-of-type{break-before:auto}
 .printed-reflection{white-space:pre-wrap}
 .theme-overview{grid-template-columns:1fr 1.5fr}.learning-grid,.theme-descriptions{grid-template-columns:1fr 1fr}
 .cluster-report-row{display:grid;grid-template-columns:35px 1fr;width:100%;padding:7px;border-bottom:1px solid #ddd!important}
 .cluster-report-row>span:nth-child(n+3){display:none}
 .report-summary{grid-template-columns:repeat(3,1fr)}
 .report-summary-column ul{min-height:0}
}

/* Keep report sections reachable while reading long occupation lists. */
.report-nav{position:sticky;top:0;z-index:4;background:#f5f7fa;padding-top:10px}
@media print{.printed-brand+h1+p+.printed-section{break-before:auto}}

/* Boutique marquee: a slow glow-and-lift transition inside the existing heading row. */
.board-heading .board-title{flex:1;min-width:0}
.quip-lockup{display:flex;align-items:center;gap:8px;max-width:385px;min-width:0}
.quip-spark{width:15px;height:18px;flex:none;color:#bd709d;filter:drop-shadow(0 0 4px #eba9d269)}
.board-heading h2.skill-quips{position:relative;flex:1;min-width:0;height:1.35em;line-height:1.35;font-weight:700;letter-spacing:-.025em;color:#285568;text-shadow:0 0 11px #65d6c05c,0 0 25px #e7a6ce40}
.quip-line{position:absolute;inset:0;display:flex;align-items:center;white-space:nowrap}
.quip-next{opacity:0;pointer-events:none}
.skill-quips.is-changing .quip-current{animation:quip-away .7s cubic-bezier(.4,0,.2,1) both}
.skill-quips.is-changing .quip-next{animation:quip-arrive .85s cubic-bezier(.22,.61,.36,1) both}
@keyframes quip-away{to{opacity:0;transform:translateY(-.28em);filter:blur(2px)}}
@keyframes quip-arrive{0%,18%{opacity:0;transform:translateY(.3em);filter:blur(3px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
.quip-toggle{flex:none;display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#8b9ba7;cursor:pointer}
.quip-toggle:hover{background:#f2eaf2;color:#82516f;border-color:#e7d5e5}
.quip-toggle:focus-visible{outline:2px solid #946389;outline-offset:2px}
.quip-toggle span{display:block;width:7px;height:8px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.quip-toggle[aria-pressed="true"] span{width:0;height:0;margin-left:2px;border:4px solid transparent;border-left:6px solid currentColor;border-right:0}
@media(min-width:801px){.board-heading .save-status{flex:none;max-width:35%;margin-left:12px}}
@media(max-width:520px){
 .board-heading{flex-wrap:wrap;row-gap:5px}
 .board-heading .board-title{flex-basis:100%}
 .board-heading h2.skill-quips{height:2.7em;margin:3px 0;font-size:17px}
 .quip-line{white-space:normal}
 .board-heading .save-status{max-width:100%;text-align:left;white-space:normal;margin-left:23px}
}
@media(prefers-reduced-motion:reduce){
 .skill-quips.is-changing .quip-line{animation:none!important;filter:none!important;transform:none!important}
 .skill-quips .quip-next{display:none}
}


/* Reference-style skills reports, with FreeIS branding and readable controls. */
#results-view.results-classic{max-width:1100px;margin:0 auto 22px;padding:27px clamp(18px,6vw,90px) 0;background:#fff;border:1px solid #e1e8ec;box-shadow:0 3px 13px #2543550c}
.classic-report-header{display:flex;align-items:center;justify-content:space-between;margin:0 9% 26px 17%}
.classic-report-header h1{font:500 24px/1.5 Arial,sans-serif;color:#121d23;margin:8px 0}
.report-print-icon{width:27px;height:27px;border:0;background:transparent;color:#a25538;padding:4px;cursor:pointer}
.report-print-icon svg{width:18px;height:18px}
.report-print-icon:hover{background:#f6eee9;border-radius:3px}
.results-classic .report-nav{display:block;position:sticky;top:0;background:#fff;border:0;padding:12px 16px 13px;margin:0 0 17px;z-index:4}
.report-nav-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:16px}
.report-nav-row:last-child{margin-bottom:0}
.results-classic .report-nav button{padding:5px 7px;border:1px solid #9cafbc;border-radius:4px;background:#b8d9f1;color:#14384f;font:12px/1.5 Arial,sans-serif;box-shadow:none;font-weight:400}
.results-classic .report-nav button.active{background:#326e94;color:#fff;font-weight:700}
.results-classic .report-nav button:hover{background:#cce4f5;color:#14384f}
.report-utility{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 28px;font-size:10px;color:#8c989e}
.report-utility>div{display:flex;gap:12px}
.report-utility button{border:0;background:transparent;padding:2px 0;font-size:10px;color:#688291;cursor:pointer}
.report-utility button.active,.report-utility button:hover{text-decoration:underline;color:#214b66}
.results-classic .report-content{padding:0;border:0;border-radius:0;box-shadow:none;background:white}
.results-classic .report-heading{align-items:center;gap:5px;margin:0 0 8px}
.results-classic .report-heading img{width:23px;height:23px;margin:0}
.results-classic .report-heading h2{font:700 16px/1.5 "Trebuchet MS",Arial,sans-serif;color:#15232c;letter-spacing:0;margin:0}
.results-classic .report-summary{gap:0;background:#f1f2ed;padding:0 4px 22px;align-items:start}
.results-classic .report-summary-column{padding:4px 6px 0;background:transparent;border:0;border-radius:0}
.results-classic .report-summary-column h3{display:block;margin:3px 0 9px;color:#193119;font:700 11px/1.4 Arial,sans-serif}
.results-classic .report-summary-column ul{margin:0;min-height:0;padding:12px 12px 13px 27px;border:1px solid #548649;outline:9px solid #fff;border-radius:2px;background:#e7f3e0}
.results-classic .report-summary-column:first-child ul{background:#c5dfb6}
.results-classic .report-summary-column:last-child ul{background:#f4f5f0}
.results-classic .report-summary-column li{font:11px/1.65 Verdana,Arial,sans-serif;padding:2px 0}
.results-classic .report-summary-column button{color:#386a30;font-weight:400}
.classic-explanation{background:#f2f3ee;padding:2px 8px 12px;margin:0 0 18px;color:#222}
.classic-explanation p,.classic-explanation li,.classic-closing{font:13px/1.7 "Trebuchet MS",Arial,sans-serif}
.classic-explanation p{margin:4px 0 13px}
.classic-explanation p:last-child{margin-bottom:0}
.classic-compare-help{margin:22px 0 0;padding:0 7px}
.classic-compare-help img{vertical-align:middle;margin-right:3px}
.classic-compare-help ul{padding-left:24px;margin:15px 0 1px}
.classic-star{font-weight:bold;color:#334f9b}
.classic-theme-table{border-collapse:collapse;margin:15px 9px 0;font:14px/1.5 Arial,sans-serif}
.classic-theme-table td{padding:6px 9px 6px 0}
.classic-theme-table .report-rating{text-align:right;min-width:35px;font-weight:400;color:#222}
.theme-code{font-size:12px!important;color:#566e7c}
.classic-description-intro{font:13px/1.65 "Trebuchet MS",Arial,sans-serif;margin:25px 4px 15px}
.classic-theme-descriptions{border-collapse:collapse;color:#25323a;font:13px/1.7 "Trebuchet MS",Arial,sans-serif}
.classic-theme-descriptions th{width:110px;text-align:left;vertical-align:top;padding:12px 18px 12px 4px}
.classic-theme-descriptions td{padding:12px 5px}
.classic-theme-descriptions tr:nth-child(odd){background:#f4f4ef}
.classic-cluster-table{width:100%;border-collapse:collapse;font:13px/1.65 "Trebuchet MS",Arial,sans-serif}
.classic-cluster-table th{background:#e4e8ff;color:#1c3d9e;text-align:left;border-block:1px solid #b6bed7;padding:3px 8px}
.classic-cluster-table td{padding:4px 8px}
.classic-cluster-table tbody tr:nth-child(odd){background:#f3f4ef}
.classic-cluster-table .report-rating{width:70px;font-weight:400;color:#333}
.classic-cluster-table button,.results-classic .report-cluster-heading button{background:transparent;border:0;padding:0;text-align:left;color:#974b30;font:inherit;font-weight:700;cursor:pointer}
.classic-cluster-table button:hover,.results-classic .report-cluster-heading button:hover{text-decoration:underline}
.report-filter-disclosure{margin:0 0 13px;font-size:11px;color:#678292}
.report-filter-disclosure>summary{cursor:pointer;padding:5px 2px}
.report-filter-disclosure .report-filters{margin-top:8px}
.results-classic .report-list-count{font-size:10px;margin:12px 0 8px}
.results-classic .report-occupation-table th{font:700 13px/1.6 "Trebuchet MS",Arial,sans-serif;padding:2px 5px;border:1px solid #bdc6dc;background:#e4e8ff;color:#24449c;letter-spacing:0}
.results-classic .report-occupation-table td{padding:2px 5px;border:0;color:#333;font:13px/1.55 "Trebuchet MS",Arial,sans-serif}
.results-classic .report-occupation-table .report-occupation.is-striped{background:#f2f3ee}
.results-classic .report-occupation-table .report-rating{font-weight:400;width:55px;text-align:left}
.results-classic .report-match-marker{font-size:18px;color:#24449c;width:24px}
.results-classic .report-view-column{width:30px}
.results-classic .compare-button{display:inline-flex;align-items:center;justify-content:center;padding:1px;border:0;border-radius:0;background:transparent;cursor:pointer}
.results-classic .compare-button img{display:block}
.results-classic .report-career-title{font:700 13px/1.55 "Trebuchet MS",Arial,sans-serif;color:#974b30}
.results-classic .report-occupation-table .report-cluster-heading th{background:#eaf1f6;color:#214e6c;padding:8px 12px;border:0;border-top:19px solid white;font:700 13px/1.55 "Trebuchet MS",Arial,sans-serif}
.results-classic .report-cluster-label{display:inline-block;margin-right:12px;color:#587487;font:700 9px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.7px;vertical-align:1px}
.results-classic .report-cluster-heading button{color:#214e6c}
.results-classic .report-save{font-size:16px;padding:1px 4px}
.results-classic .report-note{font-size:10px;line-height:1.7;margin:16px 3px;color:#7c8c93}
.results-classic .learning-grid{display:block}
.results-classic .learning-leaders{display:block;margin:12px 0 18px;padding:0 0 0 28px;background:transparent;border:0}
.results-classic .learning-leaders li{margin:4px 0}
.results-classic .learning-card{border:0;border-radius:0;padding:0;margin:22px 0 28px;background:#fff}
.learning-description{background:#f2f3ee;padding:10px 8px}
.results-classic .learning-description p,.results-classic .learning-description h3{margin:0;font:13px/1.7 "Trebuchet MS",Arial,sans-serif;color:#222}
.results-classic .learning-description h3{margin-top:8px;font-weight:400}
.results-classic .learning-card ul{list-style:none;padding:0 8px;margin:9px 0}
.results-classic .learning-card li{margin:4px 0}
.results-classic .learning-card button{font:700 13px/1.6 "Trebuchet MS",Arial,sans-serif;color:#974b30}
.results-classic .report-method-link{margin:28px 0 24px}
.report-resources{margin:0 calc(-1 * clamp(18px,6vw,90px));min-height:180px;background:#617a85 url("mountain-banner.png") center 56%/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center}
.report-resources>span{background:#345061a8;display:block;width:100%;padding:15px;color:#fff;font-size:24px;font-weight:650}
.report-resources em{color:#ffe2aa}
.report-resources button{background:#fff;border:1px solid #e4e9e8;border-radius:4px;padding:7px 14px;color:#315568;font-size:12px;cursor:pointer}
@media(max-width:800px){
 #results-view.results-classic{padding:22px 20px 0}
 .results-classic .report-nav{padding-inline:0}
 .classic-report-header{margin-inline:0 6%;margin-bottom:18px}
 .results-classic .report-summary{gap:0}
 .results-classic .report-summary-column li{font-size:10px}
 .report-resources{margin-inline:-20px}
}
@media(max-width:520px){
 #results-view.results-classic{padding:18px 12px 0}
 .report-nav-row{gap:5px;margin-bottom:10px}
 .results-classic .report-nav button{font-size:10px;padding:5px}
 .results-classic .report-summary{grid-template-columns:1fr;padding:9px 5px;gap:18px}
 .results-classic .report-summary-column li{font-size:12px}
 .report-utility{flex-wrap:wrap}
 .results-classic .report-occupation-table td{font-size:11px;padding:3px}
 .results-classic .report-career-title{font-size:11px}
 .results-classic .report-occupation-table .report-cluster-heading th{padding-inline:8px;font-size:12px}
 .results-classic .report-cluster-label{display:block;margin:0 0 2px}
 .results-classic .report-occupation-table .report-rating{width:35px}
 .results-classic .report-match-marker{width:10px}
 .classic-theme-descriptions th{width:85px;padding-right:8px}
 .report-resources{margin-inline:-12px}
}

/* Keep the expanded exploration navigation within the compact skill-board masthead. */
.site-header nav{gap:2px}.site-header .nav-link{padding-left:11px;padding-right:11px}
@media(min-width:801px) and (max-width:950px){.site-header .brand-lockup{display:block}.site-header .brand-tagline{border:0;padding:0 0 0 8px;font-size:11px;margin-top:-5px}.site-header{gap:12px}.site-header .nav-link{padding-left:10px;padding-right:10px}body:has(#sort-view:not([hidden])) .site-header .nav-link{padding-left:10px;padding-right:10px}}
@media(max-width:600px){.site-header nav{flex-wrap:wrap;justify-content:center;gap:2px}.site-header .nav-link{padding:9px 7px;font-size:10px;flex:auto}}

@media(min-width:801px) and (max-width:950px) and (min-height:640px){body:has(#sort-view:not([hidden])) .brand img{width:120px;height:30px}body:has(#sort-view:not([hidden])) .brand-tagline{font-size:10px;line-height:13px;margin-top:-3px}}

/* Phone/tablet controls: keep the desktop board compact, and make tap-to-assign
   usable without dragging across a long page or scrolling sideways in the bank. */
.touch-instructions,.mobile-selection-clear{display:none}
textarea:focus-visible,summary:focus-visible{outline:3px solid #e7ad39;outline-offset:3px}
@media screen and (max-width:800px){
 .pointer-instructions{display:none}.touch-instructions{display:inline}
 .site-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:3px}
 .site-header .nav-link{min-height:44px;padding:10px 8px;font-size:12px;white-space:normal}
 .primary-button,.secondary-button,.instruction-action,.download-links a,.occ-cancel,.modal-actions button{min-height:44px}
 .modal-top button,.quip-toggle{min-width:44px;min-height:44px}
 main input:not([type=checkbox]):not([type=radio]):not([type=range]),main select,main textarea{font-size:16px;min-height:44px;max-width:100%}
 .board-toolbar .search-box{padding:0 10px}
 .board-toolbar .search-box input{min-height:44px}
 #sort-view .intro{margin-block:18px}
 #sort-view .intro h1{font-size:22px}
 #sort-view .board-heading{padding:10px 12px}
 #sort-view .board-heading .step-label,#sort-view .intro .eyebrow{display:none}
 #sort-view .skill-bank{max-height:min(55dvh,560px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
 #sort-view .bank-title{height:30px;font-size:10px;position:sticky;top:0;background:#eef5fa;z-index:2}
 #sort-view .skill-columns{display:block;min-width:0;padding:0 5px 5px}
 #sort-view .skill-column{min-width:0}
 #sort-view .skill-chip{height:auto;min-height:44px;font-size:14px;padding:6px;gap:6px}
 #sort-view .skill-chip .skill-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}
 #sort-view .skill-chip .skill-number{font-size:10px;width:19px}
 #sort-view .skill-chip .grip{width:24px;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:17px;opacity:.65}
 #sort-view .skill-chip.dimmed{display:none}
 #sort-view .skill-column:not(:has(.skill-chip:not(.dimmed))){display:none}
 #sort-view .category-bar{height:auto;min-height:30px;padding:6px;font-size:11px;line-height:1.4}
 #sort-view .zones-grid{grid-template-columns:1fr}
 #sort-view .zone-header{min-height:62px;padding-right:52px}
 #sort-view .zone-header h3{font-size:14px}
 #sort-view .zone-add{width:40px;height:40px;font-size:23px}
 #sort-view .slot{min-height:24px}
 #sort-view .slot.filled{height:auto;min-height:44px;font-size:13px;padding:6px}
 #sort-view .slot.filled .skill-name{white-space:normal;line-height:1.4}
 #sort-view .slot.filled .skill-number{font-size:10px}
 #sort-view .zone-count{font-size:11px}
 #sort-view .selection-panel:has(.assign-actions){position:fixed;inset:auto 8px max(8px,env(safe-area-inset-bottom));z-index:35;border:1px solid #a8c6d9;border-radius:12px;background:#f8fcff;box-shadow:0 -5px 28px #17364d24;padding:12px;gap:8px;max-height:45dvh;overflow-y:auto}
 #sort-view .selection-panel:has(.assign-actions) .selection-copy{padding-right:36px;width:100%}
 #sort-view .selection-panel:has(.assign-actions) .selection-kicker{display:none}
 #sort-view .selection-copy b{font-size:14px}
 #sort-view .selection-copy p{font-size:12px;line-height:1.5;margin:4px 0}
 #sort-view .assign-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #sort-view .assign-actions button{min-height:44px;font-size:12px;white-space:normal;padding:8px 4px}
 #sort-view .assign-actions button b{display:none}
 #sort-view .assign-actions .return-button{grid-column:1/-1;min-height:36px}
 #sort-view .mobile-selection-clear{display:flex;position:absolute;right:5px;top:5px;width:36px;height:36px;align-items:center;justify-content:center;background:transparent;border:0;font-size:22px;color:#416881}
 body:has(#sort-view:not([hidden]) .assign-actions){padding-bottom:230px}
 body:has(#sort-view:not([hidden]) .assign-actions) .toast{bottom:245px}
 #sort-view [data-chip]{scroll-margin-block:12px 240px}
 .under-board button,.site-footer button{min-height:36px;font-size:11px}
 .board-menu-button{min-height:44px}
 .occupation-alphabet button,.library-alphabet button{min-width:36px;min-height:36px}
 .occ-tabs button,.definition-tabs button{min-height:44px}
 .results-classic .report-nav{position:static}
 .results-classic .report-nav button{min-height:44px;font-size:12px;padding:8px}
 .results-classic .report-career-title{font-size:13px;min-height:44px;display:inline-flex;align-items:center;text-align:left}
 .results-classic .report-occupation-table td{font-size:12px}
 .results-classic .report-save,.results-classic .compare-button{min-height:44px;min-width:28px}
 .results-classic .report-summary-column button{min-height:32px;font-size:13px;text-align:left}
 .library-subnav a,.pathway-subnav a,.guide-subnav a,.library-topic-nav a{min-height:44px;display:inline-flex;align-items:center}
 .library-toolbar{grid-template-columns:1fr}
 .library-toolbar .library-search{grid-column:auto}
 .library-region-selector select{min-width:0}
 .library-profile-header h1,.library-collection-intro h1{overflow-wrap:anywhere}
 .library-table-wrap{max-width:100%;overscroll-behavior-x:contain}
}