/* The Interview Factory (factory.js): the Auto-Interview's frame (.ai-stage, .ai-box, .ai-folio) and the
   Adviser's step list (.adv-steps, .adv-testmode); what is its own is here. Every colour is a token, so light and dark
   both hold. The interview itself is the platform's one chat (.msgs, .msg, interview.js). */
.fac-head-right{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}
.fac-page .seg{display:inline-flex;gap:var(--s-1);margin-bottom:var(--s-3)}
.fac-spotlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}
.fac-spot{border-top:1px solid var(--line);padding-top:var(--s-3)}
.fac-spot-hd{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:baseline}
.fac-spot-hd .sub,.fac-page .mono.sub{font:400 11.5px/1.4 var(--mono);color:var(--ink-soft)}
.fac-stills{display:flex;flex-wrap:wrap;gap:6px;margin:var(--s-2) 0}
.fac-stills img{height:64px;border-radius:4px;border:1px solid var(--line)}
.fac-scenes{list-style:none;margin:var(--s-1) 0 0;padding:0;font-size:13.5px;color:var(--ink-soft)}
.fac-scenes .mono{font:400 11px/1.4 var(--mono);margin-right:6px}
.fac-staff{margin-top:var(--s-2);padding:var(--s-2) var(--s-3);box-shadow:inset 3px 0 0 var(--accent);background:var(--paper-2);font-size:13px}
.fac-staff summary{cursor:pointer;font:400 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.fac-scope-row{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:flex-end}
.fac-scope-row .fld{max-width:220px}
.fac-types td{vertical-align:top}
.fac-types input.fac-n{width:5.5em}
.fac-subs{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.fac-sub{display:flex;gap:var(--s-2);align-items:center;min-width:190px}
.fac-sub small{display:block;color:var(--ink-soft);font-size:12px}
.fac-av{width:40px;height:40px;border-radius:50%;flex:none;object-fit:cover}
.fac-av.sm{width:26px;height:26px}
.fac-twincell{display:inline-flex;gap:var(--s-2);align-items:center}
.fac-progress{font:400 12px/1.4 var(--mono);color:var(--ink-soft);margin:0 0 6px}
.fac-bar{height:4px;background:var(--line);border-radius:2px;margin-bottom:var(--s-3);overflow:hidden}
.fac-bar i{display:block;height:100%;background:var(--accent)}
.fac-jobtable td{vertical-align:top}
.fac-jobtable .err.sm{font-size:12px}
.fac-dl{white-space:nowrap}
#fac-live{margin-top:var(--s-4)}
.fac-livehead{display:flex;gap:var(--s-3);align-items:center;margin-bottom:var(--s-2)}
.fac-livehead h4{margin:0}
.fac-thread{max-height:70vh}
.fac-phase{font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.fac-withdrawn{font-style:italic}
.fac-shown{display:flex;gap:6px;flex-wrap:wrap;box-shadow:none}
.fac-shown img{height:72px;border-radius:4px}
.fac-note{font-style:italic}
.fac-note.flag{color:var(--accent);font-style:normal}
.fac-encoding{font:400 13px/1.5 var(--serif, Georgia, serif);color:var(--ink-soft)}
.fac-after{margin-top:var(--s-3)}
.fac-after summary{cursor:pointer}
.fac-json{white-space:pre-wrap;font:400 12px/1.45 var(--mono);background:var(--paper-2);padding:var(--s-3);border-radius:4px;overflow-x:auto;color:var(--ink)}
.fac-text{line-height:1.55;max-width:80ch}
.fac-brief,.fac-synth{border-top:1px solid var(--line);padding-top:var(--s-3);margin-top:var(--s-3)}
.fac-rtabs{margin:var(--s-2) 0 var(--s-3)}
.fac-rtabs a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}
.fac-matrix td .sub{font-size:11px}
@media (max-width:640px){ .fac-sub{min-width:0} .fac-scope-row .fld{max-width:none} }
/* review r1: the job's chip on one line at any width, and readable in dark mode */
.fac-jobtable .rowlink{white-space:nowrap;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;padding:2px 6px;font:400 12px/1.3 var(--mono)}
.fac-jobtable td:first-child{white-space:nowrap}
.fac-coding dt{font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:var(--s-2)}
.fac-coding dd{margin:2px 0 0}
.fac-coding ul{margin:0;padding-left:1.1em}
/* the general study (2026-10-31): the ad's moments with their screenshots, the twins and their types, the ratings and the
   points to check as ordered lists, the counts */
.fac-moments{list-style:none;margin:var(--s-3) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-3)}
.fac-moments li{display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.fac-moments img,.fac-nostill{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;border:1px solid var(--line);display:block}
.fac-nostill{background:repeating-linear-gradient(45deg,var(--paper-2) 0 6px,var(--line) 6px 7px)}
.fac-moments .mono{font:700 11px/1.4 var(--mono);margin-right:4px;color:var(--ink-soft)}
.fac-moment-desc{font-size:12.5px;color:var(--ink-soft)}
.fac-moments .mono.sub{font-weight:400}
.fac-general h4{margin:var(--s-5) 0 var(--s-2)}
.fac-general h4 .sub{font-weight:400}
.fac-twins td{vertical-align:middle}
.fac-twins input.fac-ttype{min-width:12em}
.fac-twins input.fac-tn{width:5em}
.fac-ratings,.fac-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;counter-reset:fac}
.fac-ratings li,.fac-checks li{display:flex;gap:var(--s-3);justify-content:space-between;align-items:flex-start;border-top:1px solid var(--line);padding:var(--s-2) 0;counter-increment:fac}
.fac-ratings li > div:first-child::before,.fac-checks li > div:first-child::before{content:counter(fac) ". ";font:700 12px/1.4 var(--mono);color:var(--ink-soft)}
.fac-ratings li > div:first-child,.fac-checks li > div:first-child{min-width:0;flex:1}
.fac-row-acts{display:flex;gap:var(--s-2);align-items:center;flex:none}
.fac-add{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:flex-end;margin-top:var(--s-3)}
.fac-add .fld{flex:1 1 200px;max-width:none}
.fac-types-edit{margin-top:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--paper-2);border-radius:4px}
.fac-types-edit summary{cursor:pointer;font-weight:600}
.fac-types-edit h5{margin:var(--s-3) 0 var(--s-2)}
.fac-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s-2) var(--s-4);margin-top:var(--s-2)}
.fac-from{margin-left:4px}
.fac-matrix .fac-total td{font-weight:700;border-top:1px solid var(--line-strong)}
.fac-codes td{vertical-align:top}
.fac-codes .sub{font-size:12.5px;color:var(--ink-soft)}
@media (max-width:640px){ .fac-ratings li,.fac-checks li{flex-direction:column} .fac-twins input.fac-ttype{min-width:0;width:100%} }