:root{--ink:#1f343b;--muted:#526366;--line:#cbd5d3;--paper:#f8f8f3;--accent:#125e61}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}header,main,footer{max-width:1280px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}header>a{font-weight:750}nav{display:flex;gap:22px}a{color:var(--accent)}h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(36px,5vw,60px);margin:10px 0 20px}h2{font-size:27px}h3{font-size:22px}.intro{max-width:810px;padding:18px 0}.intro>p{max-width:70ch}.eyebrow{color:var(--accent);font-weight:650}.small,small{font-size:14px;color:var(--muted)}button,.file{font:inherit;border:1px solid var(--accent);border-radius:4px;background:white;color:var(--accent);padding:9px 13px;cursor:pointer}button:hover{background:#e4efeb}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a86519;outline-offset:3px}#new{background:var(--accent);color:white}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 22px}.file input{max-width:190px;font-size:13px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:38px}aside{border-right:1px solid var(--line);padding-right:24px}label{display:block;margin:12px 0 5px}input[type=search]{width:100%;padding:11px;font:inherit;border:1px solid #809594;border-radius:3px}select{padding:7px;font:inherit;max-width:100%}.match,.occupation{border-bottom:1px solid var(--line);padding:14px 0}.match p{margin:5px 0}.match button{margin-top:8px}.occupation strong{display:block}.occupation button{margin-left:12px}.results-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.results-head button{font-size:14px}details{margin:14px 0;border:1px solid var(--line);padding:14px;border-radius:4px}summary{cursor:pointer;font-weight:650}summary .share{float:right;font-variant-numeric:tabular-nums;margin-left:10px}details.area{background:white;border-left:5px solid var(--accent)}details.area>p{color:var(--muted)}details.area details{background:#f4f7f4}details.area details details{background:white}.weight{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.task{padding:12px 0;border-bottom:1px solid var(--line)}.task p{margin:0 0 8px}.task button{font-size:14px}.other{background:#edf1ed;padding:10px;color:var(--muted);font-size:14px}.review{margin-top:24px}footer{border-top:1px solid var(--line);margin-top:40px;font-size:14px}.skip{position:absolute;top:-80px}.skip:focus{top:10px;background:white;padding:10px;z-index:10}#message{min-height:26px;color:var(--accent)}pre{overflow:auto;background:#edf1ed;padding:18px}.prose{max-width:850px}@media(max-width:800px){header,main,footer{padding:20px}.workspace{grid-template-columns:1fr}aside{border-right:0;padding-right:0}.results-head{align-items:flex-start;flex-direction:column}header{gap:16px;flex-wrap:wrap}nav{gap:16px}h1{font-size:38px}}
/* JAAT presentation: dark canvas, Seaborn deep categorical accents. */
:root{--ink:#e8edf5;--muted:#b2bfd0;--line:#37465d;--paper:#111827;--accent:#9bbce8}body{background:var(--paper)}header{background:#111827}a{color:#a8c9f0}button,.file{background:#1e2a3e;color:#e8edf5;border-color:#647e9d}button:hover{background:#2d4160}#new{background:#4c72b0;color:white}.eyebrow{color:#8bb9e7}input[type=search],select{background:#172235;color:#e8edf5;border:1px solid #64748b}.area:nth-child(6n+1){--area:#6e98cf}.area:nth-child(6n+2){--area:#df9a62}.area:nth-child(6n+3){--area:#6eb991}.area:nth-child(6n+4){--area:#d77a80}.area:nth-child(6n+5){--area:#af97cf}.area:nth-child(6n){--area:#c7aa88}details.area{background:#1b273b;border-left-color:var(--area)}details.area>summary{color:var(--area)}details.area details{background:#172235}details.area details details{background:#111c2d}.other,pre{background:#263249;color:#c6d2e2}.skip:focus{background:#1e2a3e;color:white}input[type=checkbox]{accent-color:#6e98cf}.toolbar{align-items:center}.toolbar>label[for]{margin:0}.results-head h2{margin-right:10px}

.privacy-note{border-left:3px solid #6eb991;padding:10px 16px;background:#172235;font-size:14px;color:#c6d2e2}.privacy-note strong{color:#e8edf5}

.competency-pyramid{display:flex;flex-direction:column;gap:14px;margin:24px 0}.competency-tier{width:var(--tier-width);margin-inline:auto;background:#19263b;border:1px solid #485b78;border-top:3px solid #779bc9;padding:16px;border-radius:8px}.competency-tier h3{font:650 17px/1.3 system-ui,sans-serif;margin:0 0 12px}.competency-tier>p{font-size:13px;color:var(--muted);margin-bottom:0}.tier-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.tier-areas:has(details[open]){grid-template-columns:1fr}.tier-areas details.area{margin:0}.occupation-chips{display:flex;gap:8px;flex-wrap:wrap}.occupation-chips span{padding:5px 9px;background:#293f5b;border-radius:4px;font-size:14px}.area[data-competency="relationships"]{--area:#76b9a0}.area[data-competency="inquiry"]{--area:#85a7dc}.area[data-competency="practice"]{--area:#e1a16d}.area[data-competency="strategy"]{--area:#b6a1d4}.area[data-competency="advice"]{--area:#d994a1}.area[data-competency="learning"]{--area:#d2be7c}.area[data-competency="leadership"]{--area:#7eb8c9}.task-preview{margin-top:30px}@media(max-width:800px){.competency-tier{width:100%;padding:12px}.tier-areas{grid-template-columns:1fr}}