/* Presto — Phase F: the field-chips card (structured Modern consult). Reuses the quiz chip styles (quiz/adaptive-quiz.css). */
.fc .fchead{display:flex; justify-content:space-between; align-items:flex-start; gap:12px;}
.fc .fchead .fcskip{flex:0 0 auto;}
.fc .fchint{font-size:11px; color:var(--tg-dim); margin:2px 0 0;}
.fc .fcblocks{display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:12px;}
.fc .fcblock{min-width:0;}
/* both blocks share one header row: title left, count right, one 18px line, one rule under it */
.fc .fcbhead{display:flex; justify-content:space-between; align-items:center; height:18px; line-height:18px; margin:0; padding:0 0 6px; border-bottom:1px solid var(--tg-gold-line);}
.fc .fcbtitle{font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--tg-gold-dark);}
.fc .fcbcount{font-family:var(--mono); font-size:10.5px; color:var(--tg-dim);}
/* a row: muted small-caps label on the left, chips wrapping to the right; label, chips and header share one left edge */
.fc .fcrow{display:grid; grid-template-columns:104px minmax(0,1fr); gap:10px; align-items:start; padding:7px 0; border-bottom:1px solid var(--tg-hairline); outline:none; border-radius:0;}
.fc .fcrow:last-child{border-bottom:0;}
.fc .fcrow:focus-visible{background:rgba(216,184,99,.07); box-shadow:0 0 0 4px rgba(216,184,99,.07); border-radius:6px;}
.fc .fcrow:focus-visible .fclabel{color:var(--tg-gold-dark);}
.fc .fclabel{font-size:10px; font-weight:650; letter-spacing:.07em; text-transform:uppercase; color:var(--tg-dim); line-height:1.3; padding-top:5px;}
.fc .fcbody{min-width:0;}
.fc .fcchips{margin:0;}
/* filled by Skip all (or Esc): a soft gold tint with a dashed edge — clearly set, clearly not tapped */
.fc .qchip.on.skip{background:rgba(198,161,91,.14); color:var(--tg-gold-dark); border:1px dashed var(--tg-gold-deep);}
.fc .qchip.on.skip .qn{color:var(--tg-gold-dark); border-color:rgba(198,161,91,.4);}
.fc .fcother.on{background:var(--tg-champ); border-color:var(--tg-champ-border); color:var(--tg-champ-text);}
.fc .fcotherin{display:block; width:100%; box-sizing:border-box; margin-top:6px; font-size:12px; padding:6px 9px;}
.fc .fcskipped{display:block; margin-top:3px; font-size:10.5px; color:var(--tg-dim); font-style:italic;}
/* a row the shorthand already answered: one line, with a change control */
.fc .fcsum{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; font-size:12px; color:var(--tg-text); padding-top:3px;}
.fc .fcsum .fcval{font-weight:600;}
.fc .fcfrom{font-size:11px; color:var(--tg-dim);}
.fc .fcchange{appearance:none; border:0; background:none; padding:0; font:inherit; font-size:11px; color:var(--tg-gold-dark); text-decoration:underline; text-underline-offset:2px; cursor:pointer;}
.fc .fcscan{min-height:16px; margin:10px 0 0; font-size:11px; color:var(--tg-dim);}
.fc .fcscan.fcwait{color:var(--tg-gold-dark);}
.fc .fcactions{margin-top:10px;}
.fc .fcgo.fcwaiting{opacity:.72;}
/* Stage B: the gap scan's own questions, under the rows ("This case") — same header and left edge as the two blocks */
.fc .fcslot:empty{display:none;}
.fc .fcslot{margin-top:16px;}
.fc .aqemb .fcbhead{margin-bottom:6px;}
.fc .aqemb .q{margin-top:8px;}
.fc .aqemb input[type=text]{width:100%; box-sizing:border-box;}
/* desktop: two blocks side by side (after the base rules, so these win) */
@media (min-width:900px){
  .fc .fcblocks{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px;}
  /* two columns: each label sits just above its chips, so the chips get the block's full width (fewer, shorter lines) */
  .fc .fcrow{grid-template-columns:minmax(0,1fr); gap:5px; padding:8px 0;}
  .fc .fclabel{padding-top:0;}
}
/* phones: one column, the label above its chips, chips at least 40px tall, nothing wider than the screen */
@media (max-width:640px){
  .fc .fcrow{grid-template-columns:minmax(0,1fr); gap:5px; padding:9px 0;}
  .fc .fclabel{padding-top:0;}
  .fc .fcchips{gap:8px;}
  .fc .qchip{min-height:40px; font-size:13px; padding:8px 12px 8px 10px;}
  .fc .fcchange{min-height:40px;}
}
@media (prefers-reduced-motion:reduce){ .fc *{transition:none !important; animation:none !important;} }