/* Online test module: builder (.oe-*), live proctoring (.pr-*), pre-test system check (.xc-*),
   proctored exam additions (.pc-*). Builds on tna.css tokens and components. */

/* ================================================================ shared */
.sw{position:relative;flex:none;width:44px;height:26px;margin:0;appearance:none;-webkit-appearance:none;border-radius:var(--r-pill);background:var(--paper-2);border:1.5px solid var(--border-input);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--sheet);box-shadow:0 1px 2px rgba(var(--brand-rgb),.35);transition:transform 180ms var(--ease)}
.sw:checked{background:var(--brand-900);border-color:var(--brand-900)}
.sw:checked::after{transform:translateX(18px)}
.sw:focus-visible{box-shadow:var(--focus)}
.sw:disabled{opacity:.55;cursor:not-allowed}
.pc-note{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-14);color:var(--ink-2)}
.pc-note .ico-sm{flex:none;margin-top:3px;color:var(--brand-700)}
.can-cant{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.can-cant h3{display:flex;align-items:center;gap:8px;font-size:var(--t-14);margin-bottom:8px}
.can-cant h3 .ico-sm{color:var(--brand-700)}
.can-cant ul{margin:0;padding-left:18px;font-size:var(--t-14);color:var(--ink-1);display:grid;gap:6px}
.can-cant ul li::marker{color:var(--ink-3)}
@media (max-width:640px){.can-cant{grid-template-columns:1fr}}

/* simulated webcam + screen thumbnails (drawn, never real photos) */
.cam,.scr{position:relative;display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--brand-50);border:1px solid var(--line)}
.cam svg{position:absolute;inset:0;width:100%;height:100%}
.cam .bg{fill:var(--brand-100)}
.cam .wall{fill:var(--brand-50)}
.cam .p{fill:var(--brand-700);opacity:.78}
.cam .p2{fill:var(--brand-800);opacity:.6}
.cam .miss{fill:none;stroke:var(--danger);stroke-width:2;stroke-dasharray:5 4}
.cam .lbl,.scr .lbl{position:absolute;left:6px;bottom:6px;padding:2px 6px;border-radius:6px;background:rgba(var(--brand-rgb),.82);color:var(--on-brand);font:600 11px/1.3 var(--f-body);font-variant-numeric:tabular-nums}
.cam.bad,.scr.bad{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}
.cam.off{background:var(--paper-2)}
.scr{background:var(--sheet);display:grid;grid-template-rows:12% 1fr;padding:0}
.scr .bar{background:var(--brand-900)}
.scr .page{display:grid;grid-template-columns:1fr 32%;gap:6%;padding:7% 6%}
.scr .page i{display:block;height:6%;min-height:3px;border-radius:2px;background:var(--line-2);margin-bottom:7%}
.scr .page i:nth-child(1){width:90%;background:var(--ink-3)}
.scr .page i:nth-child(2){width:70%}
.scr .page i:nth-child(3){width:80%}
.scr .page i:nth-child(4){width:60%}
.scr .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;align-content:start}
.scr .grid b{display:block;aspect-ratio:1;border-radius:2px;background:var(--line-2)}
.scr .grid b.a{background:var(--success)}
.scr.other{background:var(--paper-2)}
.scr.other .bar{background:var(--ink-3)}
.scr.other .page{grid-template-columns:1fr}
.scr.dual{grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:6%;padding:12% 6%;background:var(--paper-2)}
.scr.dual>span:not(.lbl){border-radius:3px;background:var(--sheet);border:1.5px solid var(--brand-700)}
.scr.dual>span+span:not(.lbl){border-color:var(--danger);background:var(--danger-bg)}
.scr.none{display:grid;place-items:center;grid-template-rows:1fr;background:var(--paper-2);color:var(--ink-3);font-size:var(--t-12)}

/* ================================================================ builder */
.oe .overview .say{max-width:66ch}
.oe-form{display:grid;gap:20px}
.oe-side{position:sticky;top:84px;display:grid;gap:20px;align-self:start}
.oe .field-row{display:grid;gap:8px}
.oe .chips{display:flex;flex-wrap:wrap;gap:8px}
.oe-tpl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.oe-tpl label{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--sheet);cursor:pointer}
.oe-tpl input{position:absolute;opacity:0;pointer-events:none}
.oe-tpl b{font:600 var(--t-14)/1.3 var(--f-display);color:var(--brand-900)}
.oe-tpl small{font-size:var(--t-12);color:var(--ink-2);font-variant-numeric:tabular-nums}
.oe-tpl label:has(input:checked){border-color:var(--accent-500);background:var(--accent-50);box-shadow:0 0 0 1px var(--accent-500)}
.oe-tpl label:has(input:focus-visible){box-shadow:var(--focus)}
.oe-lock{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px dashed var(--line-2);border-radius:var(--r-sm);background:var(--paper);font-size:var(--t-14)}
.oe-lock .tag{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--brand-900)}
.oe-lock span.muted{font-size:var(--t-12)}
.oe-mix{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.oe-mix .field{width:110px}
.oe-mix .input{text-align:right}
.oe-mix .sum{font-size:var(--t-14);color:var(--ink-2);padding-bottom:12px}
.oe-bp{width:100%}
.oe-bp td,.oe-bp th{vertical-align:middle}
.oe-bp .cnt{width:76px;height:36px;text-align:right;padding:0 8px}
.oe-bp .lvl{display:flex;gap:8px;font-size:var(--t-12);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.oe-bp .lvl b{color:var(--ink-1);font-weight:600}
.oe-bp tfoot td{font-weight:700;color:var(--brand-900);border-top:1px solid var(--line-2);padding-top:10px;padding-bottom:10px}
.oe-bp .avail{white-space:nowrap}
.oe-bp .avail small{display:block;font-size:var(--t-12);color:var(--ink-3)}
.oe-picked{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.oe-picked li{display:flex;gap:12px;align-items:flex-start;padding:12px 20px;border-bottom:1px solid var(--line);animation:oe-in 240ms var(--ease) both}
.oe-picked .qn{flex:none;width:44px;font:700 var(--t-14)/1.5 var(--f-display);color:var(--brand-900);font-variant-numeric:tabular-nums}
.oe-picked .body{flex:1;min-width:0;font-size:var(--t-14)}
.oe-picked .body p{color:var(--ink-1)}
.oe-picked .body small{display:block;margin-top:4px;font-size:var(--t-12);color:var(--ink-2)}
.oe-picked .body sub,.oe-picked .body sup{line-height:0}
.oe-picked li.more{color:var(--ink-2);font-size:var(--t-14);animation:none}
@keyframes oe-in{from{opacity:0;transform:translateY(4px)}}
.oe-ac{list-style:none;margin:0;padding:0}
.oe-ac>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:16px 20px;border-bottom:1px solid var(--line)}
.oe-ac>li:last-child{border-bottom:0}
.oe-ac .sw{margin-top:2px}
.oe-ac label.t{font:600 var(--t-16)/1.35 var(--f-body);color:var(--ink-1);cursor:pointer}
.oe-ac p{grid-column:2;font-size:var(--t-14);color:var(--ink-2);max-width:68ch}
.oe-ac .works{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.oe-ac .works .tag{font-size:var(--t-12)}
.oe-ac .sub-opts{grid-column:2;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:10px}
.oe-ac .sub-opts .field{min-width:150px}
.oe-ac>li.off p,.oe-ac>li.off .works{opacity:.7}
.oe-policy{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;font-size:var(--t-14)}
.oe-policy .step{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--paper);font-weight:600;color:var(--ink-1);font-variant-numeric:tabular-nums}
.oe-policy .step.end{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}
.oe-policy .input{width:64px;height:34px;text-align:right}
.oe-check{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:var(--t-14)}
.oe-check li{display:flex;gap:10px;align-items:flex-start}
.oe-check .ico-sm{flex:none;margin-top:2px}
.oe-check .ok{color:var(--success)}
.oe-check .todo{color:var(--warn)}
.oe-side .btn-primary{width:100%}
.oe-side .err{margin-top:8px}
@media (max-width:920px){.oe-side{position:static}}
@media (max-width:640px){
  .oe-tpl{grid-template-columns:1fr}
  .oe-picked li{padding:12px 14px}
  .oe-ac>li{padding:14px;grid-template-columns:44px minmax(0,1fr)}
  .oe-bp .cnt{width:64px}
}

/* ================================================================ live proctoring */
.pr .overview .say{max-width:66ch}
.pr-sim{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-14);color:var(--ink-2)}
.pr-sim .live{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}
.pr-sim.paused .live{background:var(--ink-3);box-shadow:0 0 0 3px var(--paper-2)}
.pr-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}
.pr-tools .input-icon{flex:1 1 200px;max-width:280px}
.pr-tools .end{margin-left:auto;display:flex;gap:8px;align-items:center}
.pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:16px 20px 20px}
.pr-tile{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--sheet);cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.pr-tile:hover{border-color:var(--brand-700);box-shadow:var(--sh-1)}
.pr-tile:focus-visible{box-shadow:var(--focus)}
.pr-tile.flagged{border-color:var(--warn)}
.pr-tile.ended{background:var(--paper)}
.pr-tile .shots{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pr-tile .who-l{display:flex;align-items:center;gap:8px;min-width:0}
.pr-tile .who-l b{display:block;font:600 var(--t-14)/1.25 var(--f-display);color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-tile .who-l small{display:block;font-size:var(--t-12);color:var(--ink-2)}
.pr-tile .who-l>span:last-child{min-width:0}
.pr-tile .row2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pr-tile .pill{font-size:var(--t-12)}
.pr-tile .prog{display:flex;align-items:center;gap:8px;font-size:var(--t-12);color:var(--ink-2);font-variant-numeric:tabular-nums}
.pr-tile .prog .meter{flex:1}
.pr-tile .why{font-size:var(--t-12);color:var(--warn);font-weight:600;min-height:1.3em}
.pr-tile.ended .why{color:var(--danger)}
.pr-flag{display:inline-flex;align-items:center;gap:4px;font:600 var(--t-12)/1 var(--f-display);color:var(--warn);font-variant-numeric:tabular-nums}
.pr-flag.zero{color:var(--ink-3);font-weight:500}
.pr-flag.max{color:var(--danger)}
.pr-table .shot-mini{display:flex;gap:6px;width:136px}
.pr-table .shot-mini>*{width:64px}
.pr-table td{vertical-align:middle}
.pr-table .meter{width:96px}
.pr-feed{max-height:420px;overflow-y:auto}
.pr-feed li b{font-weight:600}
.pr-feed time{display:block;font-size:var(--t-12);color:var(--ink-3);font-variant-numeric:tabular-nums}
.pr-feed li.new{animation:oe-in 300ms var(--ease) both}
.pr-drawer .dlg-body{display:grid;gap:18px}
.pr-drawer .shots{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pr-drawer .shots figcaption{font-size:var(--t-12);color:var(--ink-2);margin-top:4px}
.pr-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.pr-strip .cam .lbl{font-size:10px;left:3px;bottom:3px;padding:1px 4px}
.pr-drawer h3{font-size:var(--t-14);margin-bottom:8px}
.pr-drawer .timeline{padding:0}
.pr-drawer .kv2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:var(--t-12);color:var(--ink-2)}
.pr-drawer .kv2 b{display:block;font:700 var(--t-18)/1.2 var(--f-display);color:var(--brand-900);font-variant-numeric:tabular-nums}
.pr-acts{display:grid;gap:10px}
.pr-acts .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pr-acts .select{width:auto;height:40px}
.pr-drawer .dlg-foot{flex-wrap:wrap}
@media (max-width:640px){
  .pr-tools{padding:12px}
  .pr-tools .input-icon{max-width:none}
  .pr-tools .end{margin-left:0}
  .pr-grid{padding:12px;grid-template-columns:1fr 1fr;gap:10px}
  .pr-tile{padding:8px;gap:8px}
  .pr-tile .row2 .pill{display:none}
  .pr-strip{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:380px){.pr-grid{grid-template-columns:1fr}}

/* ================================================================ pre-test system check (bare shell) */
body:has(.xc){background:var(--paper)}
.xc-top{display:flex;align-items:center;gap:16px 24px;padding:12px 24px;background:var(--sheet);border-bottom:1px solid var(--line);box-shadow:var(--sh-1);flex-wrap:wrap}
.xc-top .brand{display:flex;align-items:center;gap:10px;color:var(--ink-1);text-decoration:none}
.xc-top .brand img{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:var(--paper);padding:3px;object-fit:contain}
.xc-top .brand b{display:block;font:700 var(--t-14)/1.2 var(--f-display);color:var(--brand-900)}
.xc-top .brand small{display:block;font-size:var(--t-12);color:var(--ink-3)}
.xc-top .t{padding-left:24px;border-left:1px solid var(--line);min-width:0}
.xc-top .t h1{font-size:var(--t-18)}
.xc-top .t p{font-size:var(--t-12);color:var(--ink-2);margin-top:2px}
.xc-top .cand{margin-left:auto;display:flex;align-items:center;gap:10px}
.xc-top .cand small{display:block;font-size:var(--t-12);color:var(--ink-3)}
.xc-top .cand b{display:block;font:600 var(--t-14)/1.25 var(--f-display)}
.xc-wrap{max-width:1180px;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.xc-intro{grid-column:1/-1}
.xc-intro h2{font-size:var(--t-24)}
.xc-intro p{margin-top:6px;color:var(--ink-2);max-width:72ch}
.xc-steps{list-style:none;margin:0;padding:0;counter-reset:xc}
.xc-step{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 14px;padding:16px 20px;border-bottom:1px solid var(--line);align-items:start}
.xc-step:last-child{border-bottom:0}
.xc-step .st{grid-row:1/span 2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line-2);background:var(--paper);font:700 var(--t-14)/1 var(--f-display);color:var(--ink-2)}
.xc-step h3{font-size:var(--t-16);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.xc-step .say{grid-column:2;font-size:var(--t-14);color:var(--ink-2);max-width:62ch}
.xc-step .go{grid-column:3;grid-row:1/span 2;align-self:center}
.xc-step .res{grid-column:2/-1;font-size:var(--t-14);margin-top:6px}
.xc-step .res:empty{display:none}
.xc-step .res .how{margin:6px 0 0;padding-left:18px;color:var(--ink-1)}
.xc-step[data-state="pass"] .st{background:var(--success-bg);border-color:var(--success);color:var(--success)}
.xc-step[data-state="fail"] .st{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}
.xc-step[data-state="warn"] .st{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}
.xc-step[data-state="busy"] .st{border-color:var(--brand-700);border-top-color:transparent;animation:xc-spin 800ms linear infinite;color:transparent}
.xc-step[data-state="busy"] .st *{visibility:hidden}
@keyframes xc-spin{to{transform:rotate(360deg)}}
.xc-res{display:flex;gap:8px;align-items:flex-start}
.xc-res .ico-sm{flex:none;margin-top:3px}
.xc-res.ok{color:var(--success)} .xc-res.bad{color:var(--danger)} .xc-res.mid{color:var(--warn)}
.xc-res span{color:var(--ink-1)}
.xc-prev{grid-column:2/-1;display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.xc-prev video{width:220px;max-width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--brand-900);border:1px solid var(--line)}
.xc-prev video.mirror{transform:scaleX(-1)}
.xc-prev video[hidden]{display:none}
.xc-rules{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:var(--t-14)}
.xc-rules li{display:flex;gap:10px;align-items:flex-start}
.xc-rules .ico-sm{flex:none;margin-top:3px;color:var(--brand-700)}
.xc-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}
.xc-policy div{padding:10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);font-size:var(--t-12);color:var(--ink-2)}
.xc-policy b{display:block;font:700 var(--t-14)/1.3 var(--f-display);color:var(--brand-900)}
.xc-policy .last{border-color:var(--danger);background:var(--danger-bg)}
.xc-policy .last b{color:var(--danger)}
.xc-side{position:sticky;top:16px;display:grid;gap:20px}
.xc-start .btn-primary{width:100%}
.xc-start .left{font-size:var(--t-14);color:var(--ink-2);margin-top:8px}
.xc-phone{grid-column:1/-1}
@media (max-width:920px){
  .xc-wrap{grid-template-columns:minmax(0,1fr);padding:16px}
  .xc-side{position:static}
}
@media (max-width:640px){
  .xc-top{padding:10px 14px;gap:8px 12px}
  .xc-top .brand span,.xc-top .cand{display:none}
  .xc-top .t{padding-left:12px}
  .xc-intro h2{font-size:var(--t-20)}
  .xc-step{grid-template-columns:32px minmax(0,1fr);padding:14px}
  .xc-step .st{width:28px;height:28px}
  .xc-step .go{grid-column:2;grid-row:auto;justify-self:start;margin-top:8px}
  .xc-step .res,.xc-prev{grid-column:2}
  .xc-policy{grid-template-columns:1fr}
}

/* ================================================================ proctored exam additions */
.pc-mode{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:1440px;width:100%;margin:0 auto;padding:10px 24px;font-size:var(--t-14);color:var(--ink-2);border-bottom:1px solid var(--line);background:var(--paper)}
.pc-mode .ico-sm{color:var(--brand-700)}
.pc-mode b{color:var(--ink-1)}
.pc-mode .end{margin-left:auto;display:flex;gap:8px;align-items:center}
.pc-warns{display:inline-flex;align-items:center;gap:6px;font:600 var(--t-12)/1 var(--f-display);font-variant-numeric:tabular-nums}
.pc-gate{max-width:760px;margin:32px auto;padding:0 16px;width:100%}
.pc-gate .sheet-body{display:grid;gap:16px}
.pc-gate ol.xc-steps{border:1px solid var(--line);border-radius:var(--r-md)}
.pc-gate .xc-step{padding:14px 16px}
.pc-gate .foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pc-gate .foot .btn-primary{min-width:240px}
.pc-self{position:fixed;left:16px;bottom:16px;z-index:25;width:176px;border-radius:var(--r-md);background:var(--sheet);border:1px solid var(--line);box-shadow:var(--sh-3);overflow:hidden;font-size:var(--t-12)}
.pc-self video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--brand-900);transform:scaleX(-1)}
.pc-self .cap{display:flex;align-items:center;gap:6px;padding:6px 8px;color:var(--ink-2)}
.pc-self .cap .rec{width:7px;height:7px;border-radius:50%;background:var(--danger);flex:none}
.pc-self.off .cap .rec{background:var(--ink-3)}
.pc-self .offbox{display:grid;place-items:center;aspect-ratio:4/3;padding:10px;text-align:center;background:var(--paper-2);color:var(--ink-2);line-height:1.35}
.pc-self .offbox .ico{color:var(--ink-3);margin-bottom:4px}
.pc-self [hidden]{display:none}
dialog.pc-warn{width:min(520px,calc(100vw - 32px))}
.pc-warn .dlg-head{gap:10px}
.pc-warn .dlg-head .ico{color:var(--warn)}
.pc-warn .count{display:flex;gap:6px;margin:4px 0 14px}
.pc-warn .count i{flex:1;height:6px;border-radius:6px;background:var(--line)}
.pc-warn .count i.on{background:var(--warn)}
.pc-warn .count i.last{background:var(--line);outline:1px dashed var(--danger);outline-offset:1px}
.pc-warn .what{font-size:var(--t-14);color:var(--ink-1)}
.pc-warn .what b{color:var(--brand-900)}
.pc-warn .why{margin-top:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line);font-size:var(--t-14);color:var(--ink-2)}
.pc-log{margin-top:16px}
.pc-log table{font-variant-numeric:tabular-nums}
.pc-log td:first-child{white-space:nowrap}
.pc-log .empty{padding:20px}
.ex-done .pc-expl{display:block;margin-top:4px;color:var(--ink-2);font-size:var(--t-12);line-height:1.5}
.ex-done .pc-expl sub,.ex-done .pc-expl sup{line-height:0}
body.pc-on .ex-main{user-select:none;-webkit-user-select:none}
body.pc-on .ex-body{padding-bottom:0}
@media print{body.pc-on .ex,body.pc-on .pc-self{display:none!important}body.pc-on main::after{content:"Printing is turned off during a proctored test.";display:block;padding:40px;font:600 18px var(--f-body)}}
@media (max-width:860px){
  .pc-mode{padding:8px 14px;font-size:var(--t-12)}
  .pc-self{display:none}
  .pc-gate{margin:16px auto}
}
.oe .field>.seg{align-self:flex-start}
.oe-bp td[data-label="Status"]{white-space:nowrap}
.oe-bp td:first-child{min-width:180px}
.xc-prev:not(:has(video:not([hidden]))){display:none}
.btn-primary[aria-disabled="true"]{background:var(--accent-200);border-color:var(--accent-200);box-shadow:none;cursor:not-allowed}
#pc-mode-txt{display:flex;align-items:center;gap:8px;min-width:0}
#pc-mode-txt .ico-sm{flex:none}
.pc-gate ol.xc-steps{margin-top:12px}
.ex-top .pc-self{position:static;display:grid;grid-template-columns:88px minmax(0,132px);align-items:center;gap:8px;width:auto;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
.ex-top .pc-self video,.ex-top .pc-self .offbox{width:88px;border-radius:8px;border:1px solid var(--line)}
.ex-top .pc-self .offbox{padding:0}
.ex-top .pc-self .cap{padding:0;line-height:1.3;align-items:flex-start}
.ex-top .pc-self .cap .rec{margin-top:5px}
@media (max-width:860px){.ex-top .pc-self{display:none}}
.review .mk-sym.blank{background:var(--paper-2);color:var(--ink-2)}
.pr-tools .seg{flex-wrap:wrap;max-width:100%}
dialog.pr-drawer{background:var(--sheet);color:var(--ink-1)}
.pr-drawer .timeline time{display:block}
.pr-drawer .dlg-head>div{min-width:0}
.pr-drawer figure{margin:0}
.pr-acts .row .select{width:150px;flex:0 0 auto}