/* Darc page primitives. Keep shell chrome and Ask outside this kit. */
#view:not(.askx-host):not(.askx) h2:not(:where(.askx, .askx *)){
  margin:0 0 8px;padding:0;font:400 clamp(28px,3vw,38px)/1.2 var(--font-display,Georgia,serif);letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere;
}
#view:not(.askx-host):not(.askx) h2:not(:where(.askx, .askx *))::before{
  content:none;
}
#view:not(.askx-host):not(.askx) .hint:not(:where(.askx, .askx *)){
  color:var(--dim);font:400 13px/1.6 system-ui,sans-serif;letter-spacing:0;
}
#view:not(.askx-host):not(.askx) h2 + .hint:not(:where(.askx, .askx *)){
  margin:0 0 28px;max-width:72ch;
}
#view:not(.askx-host):not(.askx) .card:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) .panel:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) .roc-card:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) .stat:not(:where(.askx, .askx *)){
  min-width:0;max-width:100%;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:0 2px 8px color-mix(in srgb,var(--sunken) 8%,var(--panel));backdrop-filter:none;
}
#view:not(.askx-host):not(.askx) table:not(:where(.askx, .askx *)){
  width:100%;max-width:100%;border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:12px;background:var(--panel);box-shadow:none;backdrop-filter:none;font:400 13px/1.5 system-ui,sans-serif;
}
#view:not(.askx-host):not(.askx) th:not(:where(.askx, .askx *)){
  padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,var(--ink));color:var(--dim);font:500 12px/1.5 system-ui,sans-serif;letter-spacing:0;text-transform:none;text-align:left;
}
#view:not(.askx-host):not(.askx) td:not(:where(.askx, .askx *)){
  padding:14px 16px;border:0;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle;
}
#view:not(.askx-host):not(.askx) tr:last-child td:not(:where(.askx, .askx *)){
  border-bottom:0;
}
#view:not(.askx-host):not(.askx) tr:hover td:not(:where(.askx, .askx *)){
  background:color-mix(in srgb,var(--panel) 95%,var(--ink));
}
#view:not(.askx-host):not(.askx) .roc-btn:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.ghost:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) a.ghost:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.go:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.stop:not(:where(.askx, .askx *)){
  display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:0;min-height:32px;height:32px;max-width:100%;margin:0;padding:0 12px;border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--ink);box-shadow:none;font:500 13px/1 system-ui,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;
}
#view:not(.askx-host):not(.askx) .roc-btn.primary:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.go:not(:where(.askx, .askx *)){
  background:var(--accent);border-color:var(--accent);color:var(--accent-text);
}
#view:not(.askx-host):not(.askx) .roc-btn.ghost:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.ghost:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) a.ghost:not(:where(.askx, .askx *)){
  background:var(--bg);border-color:var(--line);color:var(--dim);
}
#view:not(.askx-host):not(.askx) button.stop:not(:where(.askx, .askx *)){
  background:var(--panel);border-color:var(--bad);color:var(--bad);
}
#view:not(.askx-host):not(.askx) .roc-btn:hover:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.ghost:hover:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) a.ghost:hover:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.go:hover:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.stop:hover:not(:where(.askx, .askx *)){
  border-color:var(--accent);filter:brightness(.96);transform:none;
}
#view:not(.askx-host):not(.askx) .roc-btn:disabled:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.go:disabled:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.stop:disabled:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.ghost:disabled:not(:where(.askx, .askx *)){
  opacity:.45;cursor:default;filter:none;
}
#view:not(.askx-host):not(.askx) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) select:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) textarea:not(:where(.askx, .askx *)){
  box-sizing:border-box;min-width:0;max-width:100%;min-height:36px;padding:7px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--ink);box-shadow:none;font:400 14px/20px system-ui,sans-serif;
}
#view:not(.askx-host):not(.askx) textarea:not(:where(.askx, .askx *)){
  min-height:96px;resize:vertical;
}
#view:not(.askx-host):not(.askx) input:focus:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) select:focus:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) textarea:focus:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) .roc-btn:focus-visible:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.ghost:focus-visible:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) a.ghost:focus-visible:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.go:focus-visible:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) button.stop:focus-visible:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) .roc-pill:focus-visible:not(:where(.askx, .askx *)){
  border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px;box-shadow:none;
}
#view:not(.askx-host):not(.askx) .empty:not(:where(.askx, .askx *)){
  padding:40px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:center;color:var(--dim);
}
#view:not(.askx-host):not(.askx) .empty .e-m:not(:where(.askx, .askx *)){
  color:var(--ink);font:500 15px/1.5 system-ui,sans-serif;
}
#view:not(.askx-host):not(.askx) .empty .e-h:not(:where(.askx, .askx *)){
  max-width:46ch;margin:8px auto 0;color:var(--dim);font:400 13px/1.6 system-ui,sans-serif;overflow-wrap:anywhere;
}
#view:not(.askx-host):not(.askx) .stat:hover:not(:where(.askx, .askx *)){
  transform:none;box-shadow:0 2px 8px color-mix(in srgb,var(--sunken) 8%,var(--panel));
}
#view:not(.askx-host):not(.askx) .stat:not(:where(.askx, .askx *))::after{
  content:none;
}
#view:not(.askx-host):not(.askx) .stat .n:not(:where(.askx, .askx *)){
  font:500 30px/1.2 system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.025em;color:var(--ink);
}
#view:not(.askx-host):not(.askx) .stat .l:not(:where(.askx, .askx *)){
  margin-top:8px;color:var(--dim);font:400 13px/1.5 system-ui,sans-serif;letter-spacing:0;text-transform:none;
}
#view:not(.askx-host):not(.askx) .pill:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) .roc-pill:not(:where(.askx, .askx *)){
  min-width:0;min-height:0;padding:4px 9px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--dim);font:500 12px/1.5 system-ui,sans-serif;letter-spacing:0;text-transform:none;
}
#view:not(.askx-host):not(.askx) .roc-pill.on:not(:where(.askx, .askx *)){
  background:var(--accent);border-color:var(--accent);color:var(--accent-text);
}
#view:not(.askx-host):not(.askx) .pill.ok:not(:where(.askx, .askx *)){
  color:var(--ok);border-color:var(--ok);
}
#view:not(.askx-host):not(.askx) .pill.warn:not(:where(.askx, .askx *)){
  color:var(--warn);border-color:var(--warn);
}
#view:not(.askx-host):not(.askx) .pill.bad:not(:where(.askx, .askx *)){
  color:var(--bad);border-color:var(--bad);
}
#view:not(.askx-host):not(.askx) .sk-title:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) .sk-sub:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) .sk-row:not(:where(.askx, .askx *)){
  max-width:100%;border-radius:12px;background:linear-gradient(90deg,var(--panel),var(--line),var(--panel));background-size:280% 100%;
}
@media (max-width:760px){
#view:not(.askx-host):not(.askx) table:not(:where(.askx, .askx *)){
  display:block;overflow-x:auto;white-space:normal;
}
#view:not(.askx-host):not(.askx) table > tbody:not(:where(.askx, .askx *)){
  display:table;width:100%;min-width:100%;
}
#view:not(.askx-host):not(.askx) table th:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) table td:not(:where(.askx, .askx *)){
  white-space:normal;overflow-wrap:anywhere;
}
#view:not(.askx-host):not(.askx) input:not([type=checkbox]):not([type=radio]):not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) select:not(:where(.askx, .askx *)),
#view:not(.askx-host):not(.askx) textarea:not(:where(.askx, .askx *)){
  font-size:16px;
}
}