/* Evidence Builder (psychology/assets/tools/evidence-builder.js). OWNED BY THIS TOOL
   ONLY (builder T1). Scoped to .eb-*: the question and its three sources (the
   stage), the part strip with points, and the builder card (the dock). Colors
   from the theme tokens; the course cerulean (--cink, --ctint) is the accent,
   green and red only on a result, always with words. */
.eb-fig{min-width:0;display:flex;flex-direction:column;gap:10px;}
.ls-root .psy-ls-stage .eb-fig{flex:1;min-height:0;overflow:auto;}
.eb-q{max-width:720px;width:100%;margin:0 auto;}
.eb-qk{margin:0;font:800 12px var(--font-ui);color:var(--muted);}
.eb-qt{margin:2px 0 0;font:900 19px/1.3 var(--font-ui);color:var(--ink);}
.eb-claimline{margin:8px 0 0;padding:8px 12px;border-radius:12px;background:var(--ctint);font:700 15px/1.45 var(--font-ui);}
.eb-ck{display:inline-block;margin-right:6px;font:900 11px var(--font-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--cink);}
.eb-fig > .eb-tabs,.ls-root .eb-fig > .eb-tabs{max-width:720px;width:100%;margin:0 auto;box-sizing:border-box;}
.eb-tabs > button{gap:6px;display:inline-flex;align-items:center;justify-content:center;}
.eb-used{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--cink);color:var(--white);font:900 11px var(--font-ui);}
.eb-src{max-width:720px;width:100%;margin:0 auto;padding:16px 20px 18px;background:var(--white);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 8px 24px -18px rgba(0,0,0,.35);font:500 15.5px/1.6 var(--font-ui);color:var(--ink);transition:box-shadow .25s;}
.eb-src.is-look{box-shadow:0 0 0 3px var(--cink),0 8px 24px -18px rgba(0,0,0,.35);}
.eb-head{border-bottom:2px solid var(--ink);padding-bottom:6px;margin-bottom:4px;}
.eb-kicker{margin:0;font:800 12px var(--font-ui);color:var(--muted);}
.eb-title{margin:2px 0 0;font:900 18px/1.25 var(--font-ui);}
.eb-sec h4{margin:10px 0 2px;font:900 12.5px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--cink);}
.eb-sec p{margin:0 0 6px;}
.eb-res,.eb-det{border-radius:4px;transition:background-color .25s;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
.eb-res.is-on.is-good{background:var(--tint-good,var(--ctint));box-shadow:0 0 0 2px var(--tint-good,var(--ctint)),inset 0 -2px 0 var(--good-text);}
.eb-res.is-on.is-bad,.eb-det.is-on{background:var(--tint-bad,var(--ctint));box-shadow:0 0 0 2px var(--tint-bad,var(--ctint)),inset 0 -2px 0 var(--bad-text);}
.eb-figure{margin:6px 0 0;}
.eb-graph{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;}
.eb-graph .eb-grid{stroke:var(--line);stroke-width:1;}
.eb-graph .eb-axis{stroke:var(--ink);stroke-width:1.5;}
.eb-graph .eb-tk{fill:var(--muted);font:700 11.5px var(--font-ui);font-variant-numeric:tabular-nums;}
.eb-graph .eb-axl,.eb-graph .eb-cat{fill:var(--ink);font:800 12.5px var(--font-ui);}
.eb-graph .eb-val{fill:var(--ink);font:900 13px var(--font-ui);font-variant-numeric:tabular-nums;}
.eb-graph .eb-sig{fill:var(--ink);font:800 12px var(--font-ui);}
.eb-graph .eb-bar{stroke-width:1.6;}
.eb-graph .eb-g0{fill:color-mix(in srgb, var(--cink) 78%, transparent);stroke:var(--cink);}
.eb-graph .eb-g1{fill:color-mix(in srgb, #C24E00 30%, transparent);stroke:#C24E00;}
.eb-graph .eb-g2{fill:color-mix(in srgb, #009E73 30%, transparent);stroke:#009E73;}
.eb-graph .eb-pt{fill:color-mix(in srgb, var(--cink) 55%, transparent);stroke:var(--cink);stroke-width:1.2;}
.eb-graph .eb-trend{stroke:#C24E00;stroke-width:2.4;stroke-linecap:round;}
:root[data-theme="dark"] .eb-graph .eb-g1{fill:color-mix(in srgb, #FF9A5C 30%, transparent);stroke:#FF9A5C;}
:root[data-theme="dark"] .eb-graph .eb-g2{fill:color-mix(in srgb, #4FD1AA 30%, transparent);stroke:#4FD1AA;}
:root[data-theme="dark"] .eb-graph .eb-trend{stroke:#FF9A5C;}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .eb-graph .eb-g1{fill:color-mix(in srgb, #FF9A5C 30%, transparent);stroke:#FF9A5C;}
  :root:not([data-theme="light"]) .eb-graph .eb-g2{fill:color-mix(in srgb, #4FD1AA 30%, transparent);stroke:#4FD1AA;}
  :root:not([data-theme="light"]) .eb-graph .eb-trend{stroke:#FF9A5C;}
}

/* The dock: the part strip and the builder card. */
.eb-ctl{display:flex;flex-direction:column;gap:12px;min-width:0;}
.eb-parts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;}
.eb-pbtn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:4px 2px;border:0;border-radius:12px;
  background:var(--surface2,var(--paper));color:var(--ink);cursor:pointer;min-width:0;}
.eb-pbtn:hover{background:var(--hover-tint,var(--ctint));}
.eb-pbtn[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--cink);background:var(--ctint);}
.eb-pl{font:900 14px var(--font-ui);}
.eb-pp{font:800 12px var(--font-ui);color:var(--muted);font-variant-numeric:tabular-nums;}
.eb-pbtn.is-full .eb-pp{color:var(--good-text);}
.eb-pbtn.is-part .eb-pp{color:var(--cink);}
.eb-pcard{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);}
.eb-ph{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font:900 16px var(--font-ui);}
.eb-plk{color:var(--cink);}
.eb-pts{margin-left:auto;font:800 12px var(--font-ui);color:var(--muted);}
.eb-ask{margin:0;font:600 14.5px/1.45 var(--font-ui);}
.eb-lbl{margin:2px 0 0;font:800 12.5px var(--font-ui);color:var(--muted);}
.eb-chips{display:flex;flex-wrap:wrap;gap:6px;}
.eb-chips.eb-col{flex-direction:column;}
.eb-chip{position:relative;min-height:44px;padding:8px 14px;border:0;border-radius:12px;background:var(--white);box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);
  font:700 14px/1.35 var(--font-ui);text-align:left;cursor:pointer;}
.eb-chip:hover{box-shadow:inset 0 0 0 1.5px var(--cink);}
.eb-none{box-shadow:inset 0 0 0 1.5px var(--line);border:0;font-style:italic;}
.eb-chip[aria-pressed="true"]{background:var(--cink);color:var(--white);box-shadow:none;}
.eb-citerow{min-height:44px;font:700 14px var(--font-ui);gap:10px;}
.eb-citerow input{width:22px;height:22px;accent-color:var(--cink);}
.eb-fb{margin:2px 0 0;font:600 14px/1.5 var(--font-ui);padding:8px 10px;border-radius:10px;}
.eb-fb.is-ok{background:var(--tint-good,var(--white));}
.eb-fb.is-no{background:var(--tint-bad,var(--white));}
.eb-fb .psy-mark{margin-right:4px;}
.eb-act{display:flex;justify-content:flex-end;}
.eb-why-k{margin:6px 0 0 !important;font:900 13px var(--font-ui);color:var(--cink);}
.bt-why-b ul{margin:0;padding-left:20px;display:grid;gap:4px;}

/* Details: the answer as a reader sees it, and the write-it-yourself box. */
.eb-ans td{font:600 14px/1.45 var(--font-ui);vertical-align:top;}
.eb-ans .eb-n{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;}
.eb-write{width:100%;min-height:96px;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:var(--white);color:var(--ink);font:600 15px/1.5 var(--font-ui);resize:vertical;}
.eb-write:focus-visible{outline:3px solid var(--cink);outline-offset:2px;}
.eb-flags{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font:600 14px/1.45 var(--font-ui);}
.eb-flags:empty{display:none;}

/* Test yourself: the three sources stacked on the stage. */
.eb-drill{display:flex;flex-direction:column;gap:12px;}
.ls-root .ls-drill-stage .cd-extra{overflow:visible;}

@media (max-width:640px){
  .eb-src{padding:12px 12px 14px;border-radius:12px;font-size:15px;}
  .eb-qt{font-size:17px;}
  .eb-chip{font-size:13.5px;padding:8px 12px;}
}
@media (prefers-reduced-motion:reduce){.eb-src,.eb-res,.eb-det{transition:none;}}

/* The first-run tip's slot, the question picker row that wraps, and the 16 px side gutter on a phone. */
.eb-tipslot{height:58px;flex:none;}
.ls-root .psy-ls-setup{min-height:44px;height:auto;padding-top:8px;padding-bottom:8px;}
.ls-root .psy-ls-setup > span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;}
@media (max-width:640px){ .ls-root .psy-ls-stage .eb-fig{padding:0 12px;} }