/* Reference: computed /case-lab/ theme. Shared by products and projects only. */
:root {
  --catalog-bg: #f4f7fb;
  --catalog-paper: rgba(251, 253, 249, .9);
  --catalog-ink: #0d1712;
  --catalog-muted: #5b6b63;
  --catalog-line: rgba(13, 23, 18, .14);
  --catalog-radius: 22px;
  --catalog-shadow: 0 12px 38px rgba(13, 23, 18, .045);
  --catalog-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif;
  font-size: 16px;
  font-family: var(--catalog-font);
  background: var(--catalog-bg);
}
body[data-wh-shell] {
  background: radial-gradient(circle at 8% 3%, color(srgb 0.027451 0.403922 0.917647 / .1), transparent 400px),
    radial-gradient(circle at 92% 7%, color(srgb 0.270588 0.843137 1 / .13), transparent 448px), #f4f7fb;
  color: var(--catalog-ink);
  font-family: var(--catalog-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.62;
  --line: var(--catalog-line);
  --muted: var(--catalog-muted);
  --project-bg: var(--catalog-bg);
}
body[data-wh-shell] :is(.product-shell,.project-index) { font-family: var(--catalog-font); }
.product-list,.project-list { display: grid;gap: 10px;border: 0;padding: 0;margin: 0; }
.product-list li+li { border: 0; }
body[data-wh-shell] :is(.product-row,.project-row) {
  background: var(--catalog-paper);
  border: 1px solid var(--catalog-line);
  border-radius: var(--catalog-radius);
  box-shadow: var(--catalog-shadow);
  padding: 16px 20px;
  color: var(--catalog-ink);
  min-height: 76px;
}
body[data-wh-shell] :is(.product-row,.project-row):is(:hover,:focus-visible) {
  background: #fbfdf9;
  border-color: rgba(13,23,18,.25);
  padding: 16px 20px;
}
body[data-wh-shell] :is(.product-row strong,.project-row__title) {
  font-family: var(--catalog-font);font-size: 15px;font-weight: 700;letter-spacing: normal;line-height: 1.5;
}
body[data-wh-shell] :is(.row-scope,.project-row__scope) { font-size: 14.4px;line-height: 1.62;color: var(--catalog-muted); }
body[data-wh-shell] :is(.row-action,.project-row__action) { font-size: 13px;color: #1a735b;font-weight: 700; }
body[data-wh-shell] :is(.row-number,.project-row__number) { font: 700 11px/1.5 ui-monospace,monospace;color: var(--catalog-muted); }
body[data-wh-shell] .panel { border-radius: var(--catalog-radius);background: var(--catalog-paper);border-color: var(--catalog-line);box-shadow: var(--catalog-shadow); }
body[data-wh-shell] .contact-link { border-radius: 10px;border-color: var(--catalog-line);background: var(--catalog-paper); }
body[data-wh-shell] .related ul { border: 0;display: grid;gap: 10px; }
body[data-wh-shell] .related li { border: 1px solid var(--catalog-line);border-radius: var(--catalog-radius);background: var(--catalog-paper);overflow: hidden; }
body[data-wh-shell] .related a { padding: 12px 18px; }
@media(max-width:760px) {
  body[data-wh-shell] :is(.product-row,.project-row),
  body[data-wh-shell] :is(.product-row,.project-row):is(:hover,:focus-visible) { padding: 14px 16px; }
  body[data-wh-shell] .project-row { grid-template-columns: 24px minmax(0,1fr) auto;gap: 8px; }
  body[data-wh-shell] .product-row { grid-template-columns: 22px minmax(0,1fr) 45px;gap: 6px; }
}