/* Front-desk workflow study readout. Humane-precise. [data-theme] forces mode. */
:root{
  color-scheme:light dark;
  --bg:light-dark(#FDFCFB,#0C0A0B);
  --card:light-dark(#FFFFFF,#151214);
  --ink:light-dark(#27272A,#EAE6E9);
  --muted:light-dark(#6B6B70,#9A929A);
  --line:light-dark(#EAE5E8,#262125);
  --accent:light-dark(#BE185D,#F472B6);
  --tint:light-dark(#FDF2F8,rgba(244,114,182,.10));
  --q1:light-dark(#FDF2F8,rgba(244,114,182,.07));
  --q2:light-dark(#FCE7F3,rgba(244,114,182,.14));
  --q3:light-dark(#FBCFE8,rgba(244,114,182,.24));
  --sans:system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
:root[data-theme="light"]{color-scheme:only light}
:root[data-theme="dark"]{color-scheme:only dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14.5px;line-height:1.65;-webkit-font-smoothing:antialiased;text-wrap:pretty}
.wrap{max-width:840px;margin:0 auto;padding:46px 24px 72px}
.head{padding-bottom:18px;border-bottom:1px solid var(--line)}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
h1{font-size:25px;font-weight:660;letter-spacing:-.024em;margin:0 0 12px;line-height:1.22}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted);align-items:center}
.chip{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:var(--tint);color:var(--accent)}
.sowhat{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:24px 26px;margin:24px 0 0}
.sowhat h2{font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
.sowhat p{margin:0;font-size:17px;line-height:1.6}
h2.sec{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:40px 0 16px}
.theme{margin-bottom:30px}
.theme h3{font-size:18px;font-weight:650;letter-spacing:-.016em;margin:0 0 8px}
.theme .syn{margin:0 0 16px;font-size:14.5px;color:var(--muted);max-width:74ch}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.q{background:var(--q1);border-radius:12px;padding:20px 22px 18px;position:relative;overflow:hidden}
.q::before{content:"\201C";position:absolute;right:10px;top:-14px;font-size:74px;line-height:1;color:var(--accent);opacity:.16;font-family:Georgia,serif}
.q blockquote{margin:0;font-size:16px;font-style:italic;line-height:1.5;position:relative}
.q cite{display:block;margin-top:12px;font-style:normal;font-size:12.5px;color:var(--muted);font-family:var(--mono);letter-spacing:.03em}
.matrix{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.mrow{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(0,1fr)}
.mrow>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}
.mrow>*:last-child{border-right:none}
.mrow:last-child>*{border-bottom:none}
.axl{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:grid;place-content:center;text-align:center;line-height:1.4}
.cellhead{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}
.quad{min-height:118px;display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start}
.quad.a{background:var(--q1)}.quad.b{background:var(--q2)}
.quad.c{background:var(--q2)}.quad.d{background:var(--q3)}
.tchip{font-size:12px;font-weight:600;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 11px;height:fit-content}
.surprises{border-left:3px solid var(--accent);padding-left:20px;display:grid;gap:12px}
.surprises div{font-size:15px}
.surprises b{color:var(--accent);font-weight:650}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);padding:0 14px 10px 0;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:13px 14px 13px 0;border-bottom:1px solid var(--line);vertical-align:top}
th:last-child,td:last-child{padding-right:0}
tr:last-child td{border-bottom:none}
td.rk{font-family:var(--mono);font-size:12px;color:var(--muted);width:34px}
@media (max-width:700px){
  .wrap{padding:28px 16px 48px}
  .quotes{grid-template-columns:1fr}
  .mrow{grid-template-columns:60px minmax(0,1fr) minmax(0,1fr)}
  th:nth-child(3),td:nth-child(3){display:none}
}
@media print{
  @page{margin:16mm}
  :root{color-scheme:only light}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10pt}
  .wrap{padding:0;max-width:none}
  .matrix,.q,.theme,tr{break-inside:avoid}
}