/* The team skills assessments (one page per industry, built by tools/build_assessment.py).
   Skills list on the left, the live team profile pinned on the right; one column on a phone.
   Brand tokens come from site.css; the four rating tones below are tints of them, nothing new. */
:root{
  --a-neg:var(--slate);
  --a-mid:rgba(34,28,70,.34);
  --a-goal:var(--orange);
  --a-chip:var(--tint);
  --a-track:var(--tint-strong);
  --a-muted:rgba(61,58,80,.72);
}
.assess{padding:40px 0 56px}
.assess .top{display:grid;gap:16px;padding-bottom:28px}
.assess .top .label{margin-bottom:0}
.assess h1 .us,.assess h2 .us{color:var(--orange)}
.assess .lede{max-width:62ch;font-size:17px}

details.scale{border:1px solid var(--rule);border-radius:6px;max-width:760px;background:var(--paper)}
details.scale summary{cursor:pointer;padding:12px 16px;font-weight:600;font-size:15px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
details.scale summary::-webkit-details-marker{display:none}
details.scale summary::after{content:"+";color:var(--orange);font:700 20px/1 'Poppins',sans-serif}
details.scale[open] summary::after{content:"-"}
.levels{display:grid;padding:0 16px 14px}
.lv{display:grid;grid-template-columns:44px 170px 1fr;gap:12px;padding:7px 0;border-top:1px solid var(--rule);font-size:14px;align-items:baseline}
.lv .n{font:700 17px/1.2 'Poppins',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.lv .nm{font-weight:600;color:var(--ink)}
.lv.goal .n,.lv.goal .nm{color:var(--orange)}
@media (max-width:560px){.lv{grid-template-columns:38px 1fr}.lv .d{grid-column:2}}

.agrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
@media (max-width:900px){.agrid{grid-template-columns:minmax(0,1fr)}}

.group{display:grid;gap:12px;margin-bottom:30px;padding:0}
.ghead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;border-bottom:2px solid var(--ink);padding-bottom:6px}
.ghead h2{font-size:24px}
.ghead span{color:var(--a-muted);font-size:14px}

.skill{border:1px solid var(--rule);border-radius:6px;padding:16px 18px 14px;display:grid;gap:10px;min-width:0;background:var(--paper)}
.skill.rated{border-color:rgba(34,28,70,.4)}
.srow{display:flex;gap:14px;justify-content:space-between;align-items:flex-start}
.skill h3{font-size:18px}
.skill p{margin-top:3px;font-size:15px;max-width:60ch}
.needs{display:grid;gap:6px;flex:none}
.star{border:1px solid var(--rule);border-radius:5px;background:transparent;color:var(--a-muted);font:600 12.5px/1 'Inter',sans-serif;padding:8px 10px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.star svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.star[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:#fff}
.star[aria-pressed="true"] svg{fill:currentColor}
.star.skipb[aria-pressed="true"]{background:var(--slate);border-color:var(--slate);color:#fff}
.skill.skipped h3,.skill.skipped p{opacity:.55}
@media (max-width:560px){.srow{flex-direction:column}.needs{grid-auto-flow:column;justify-content:start}}

.btns{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px}
.btns button{font:700 14px/1 'Poppins',sans-serif;font-variant-numeric:tabular-nums;padding:10px 0;border:0;border-radius:3px;cursor:pointer;background:var(--a-chip);color:var(--slate)}
.btns button:hover{outline:2px solid var(--a-mid);outline-offset:-2px}
.btns button.goal{box-shadow:inset 0 -3px 0 var(--orange)}
.btns button.neg[aria-pressed="true"]{background:var(--a-neg);color:#fff}
.btns button.zero[aria-pressed="true"]{background:var(--a-mid);color:#fff}
.btns button.posv[aria-pressed="true"]{background:var(--ink);color:#fff}
.btns button.goal[aria-pressed="true"]{background:var(--orange);color:#fff}
.ends{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;font-size:11.5px;color:var(--a-muted);letter-spacing:.02em}
.ends span:nth-child(1){grid-column:1/4}
.ends span:nth-child(2){grid-column:4/7;text-align:center}
.ends span:nth-child(3){grid-column:7/10;text-align:center;color:var(--orange);font-weight:600}
.ends span:nth-child(4){grid-column:10/12;text-align:right}
@media (max-width:420px){.ends span:nth-child(2){display:none}.ends span:nth-child(3){grid-column:5/10}}
.picked{font-size:14px}
.picked:empty{display:none}
.unsure{background:none;border:0;padding:0;color:var(--a-muted);font:500 13px 'Inter',sans-serif;text-decoration:underline;cursor:pointer;justify-self:start}
.unsure[aria-pressed="true"]{color:var(--orange)}
.assess button:focus-visible,.assess input:focus-visible,.assess summary:focus-visible,.assess a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

aside.panel{position:sticky;top:80px;border:1px solid var(--rule);border-radius:8px;padding:20px;display:grid;gap:16px;background:var(--paper)}
@media (max-width:900px){aside.panel{position:static}}
.panel .label{margin-bottom:4px}
.panel h2{font-size:24px}
.prog{display:grid;gap:6px}
.prog .bar{height:6px;background:var(--a-track);border-radius:3px;overflow:hidden}
.prog .bar i{display:block;height:100%;width:0;background:var(--orange);transition:width .25s ease}
.prog small{color:var(--a-muted);font-size:13px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stat{background:var(--tint);border-radius:5px;padding:10px}
.stat b{display:block;font:700 26px/1 'Poppins',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.stat span{font-size:12px;line-height:1.3;display:block;margin-top:4px}
.stat.goal b{color:var(--orange)}
.chart{display:grid;gap:7px}
.crow{display:grid;gap:3px;font-size:13px}
.crow .lbl{line-height:1.3}
.crow .lbl.st{color:var(--orange);font-weight:600}
.trk{position:relative;height:16px;background:var(--a-track)}
.trk .zero,.trk .gl{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--a-mid)}
.trk .gl{background:var(--orange);width:2px}
.trk .fill{position:absolute;top:3px;bottom:3px}
.trk .v{position:absolute;top:50%;transform:translate(-50%,-50%);font:700 11px/1 'Poppins',sans-serif;background:var(--paper);color:var(--ink);padding:1px 3px;border:1px solid var(--rule);font-variant-numeric:tabular-nums}
.axis{position:relative;height:14px;font-size:11px;color:var(--a-muted)}
.axis span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.axis span:first-child{transform:none}
.axis span:last-child{transform:translateX(-100%)}
.empty{color:var(--a-muted);font-size:14px;border:1px dashed var(--rule);border-radius:5px;padding:14px}
.start h3{font-size:17px}
.start ol{margin:6px 0 0;padding-left:20px;display:grid;gap:4px;font-size:15px}
.start ol span{color:var(--a-muted)}

section.send{background:var(--tint);padding:44px 0}
section.send .inner{display:grid;gap:18px}
section.send .label{margin-bottom:0}
section.send p{max-width:62ch}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.fields label{display:grid;gap:4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.fields input{font:16px 'Inter',sans-serif;padding:10px 12px;border:1px solid var(--rule);border-radius:5px;background:var(--paper);color:var(--ink);min-width:0;text-transform:none;letter-spacing:0}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.actions .btn{margin:0}
button.btn{cursor:pointer}
.addr{font-size:16px;user-select:all;background:var(--paper);border:1px solid var(--rule);border-radius:5px;padding:10px 12px;color:var(--ink)}
.linkish{background:none;border:0;color:var(--ink);text-decoration:underline;font:500 14px 'Inter',sans-serif;cursor:pointer;padding:6px 2px}
.toast{font-size:14px;font-weight:600;color:var(--ink);min-height:1.4em}
textarea#out{width:100%;min-height:160px;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:5px;padding:10px}
.scalenote{font-size:13px;color:var(--a-muted)}
@media (prefers-reduced-motion:reduce){.assess *{transition:none!important}}