/* ============================================================
   User Research Session Brief — section-page styles
   Used by the Brief contents page + each section page.
   Built on emovis-tokens.css + hub.css
   ============================================================ */

/* dashed fill-in line */
.field-line{display:inline-block;min-width:180px;border-bottom:1.5px dashed var(--grey-300);height:1.1em;vertical-align:bottom}

/* scenario table */
.scenario-tbl td:first-child{width:auto;background:#fff;border-right:none;font-weight:var(--fw-regular);color:var(--ink-700)}

/* moderator script blocks */
.script{background:#fff;border:1px solid var(--grey-200);border-radius:var(--r-md);padding:6px 24px;margin:16px 0}
.script .blk{padding:18px 0;border-bottom:1px solid var(--grey-200)}
.script .blk:last-child{border-bottom:none}
.script .lbl{font-size:12px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--cerise-600);margin-bottom:8px}
.script .read{font-size:15px;color:var(--ink-900);font-style:italic;line-height:1.6;border-left:3px solid var(--cerise-100);padding-left:16px}
.prompts{margin:10px 0 4px;padding-left:20px}
.prompts li{margin:5px 0}
.never{color:var(--danger)}

/* numbered feedback questions */
.qlist{counter-reset:q;list-style:none;padding:0;margin:16px 0}
.qlist li{counter-increment:q;position:relative;padding:14px 18px 14px 52px;background:#fff;border:1px solid var(--grey-200);border-radius:var(--r-md);margin:10px 0;font-size:15px;color:var(--ink-900)}
.qlist li::before{content:counter(q);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:var(--cerise-050);color:var(--cerise-600);display:grid;place-items:center;font-size:13px;font-weight:var(--fw-bold)}
.qlist li span{display:block;font-size:13px;color:var(--ink-500);margin-top:4px;font-weight:var(--fw-regular)}

/* action button row */
.startbar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:8px}

/* round banner + admin-driven content */
.round-tag{
  display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--cerise-050);border:1px solid var(--cerise-100);
  border-radius:var(--r-pill);padding:7px 16px;margin-bottom:20px;
  font-size:13px;color:var(--ink-700);font-weight:var(--fw-medium);
}
.round-tag b{color:var(--cerise-600);font-weight:var(--fw-bold)}
.round-tag .rt-sep{width:1px;height:14px;background:var(--cerise-200)}
.objective-statement{
  font-size:19px;line-height:1.5;color:var(--ink-900);font-weight:var(--fw-medium);
  border-left:3px solid var(--cerise-600);padding:4px 0 4px 18px;margin:6px 0 26px;
}

/* ---- shared section navigation (matches Process) ---- */
.sec-progress{display:flex;width:fit-content;align-items:center;gap:9px;font-size:12px;font-weight:var(--fw-semibold);letter-spacing:.04em;color:var(--ink-500);margin-bottom:18px}
.sec-progress .pn{font-variant-numeric:tabular-nums;color:var(--cerise-600)}
.sec-progress .track{display:flex;gap:4px}
.sec-progress .track i{width:16px;height:4px;border-radius:2px;background:var(--grey-200)}
.sec-progress .track i.on{background:var(--cerise-600)}

.toc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 8px}
.toc a{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--grey-200);border-radius:var(--r-md);padding:18px 20px;text-decoration:none;transition:.16s}
.toc a:hover{border-color:var(--cerise-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.toc .tn{flex:none;width:30px;height:30px;border-radius:8px;background:var(--cerise-050);color:var(--cerise-600);display:grid;place-items:center;font-size:14px;font-weight:var(--fw-bold)}
.toc .tt{font-size:15.5px;font-weight:var(--fw-semibold);color:var(--ink-900);margin-bottom:3px}
.toc .ts2{font-size:13px;color:var(--ink-500);line-height:1.45}

.pager{display:flex;gap:14px;margin-top:48px;padding-top:28px;border-top:1px solid var(--grey-200)}
.pager a{display:flex;flex-direction:column;gap:3px;text-decoration:none;padding:15px 20px;border:1px solid var(--grey-200);border-radius:var(--r-md);background:#fff;transition:.16s;flex:1;min-width:0}
.pager a:hover{border-color:var(--cerise-200);box-shadow:var(--shadow-md)}
.pager a.next{text-align:right;align-items:flex-end}
.pager a.prev{align-items:flex-start}
.pager .pd{font-size:11px;color:var(--ink-500);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}
.pager .pd svg{width:13px;height:13px;stroke-width:2.4}
.pager .pt{font-size:15px;font-weight:var(--fw-semibold);color:var(--ink-900)}

@media(max-width:720px){
  .toc{grid-template-columns:1fr}
  .pager{flex-direction:column}
}