/*
  案例索引工作台：既有資料案例頁的共用視覺層
  僅處理色彩、區塊、按鈕、卡片與導覽，不改寫各頁既有案例內容。
*/

body.case-workbench {
  color-scheme: light;
  --paper: #f6f1e8;
  --paper-strong: #fffaf2;
  --canvas: #f6f1e8;
  --surface: #fffaf2;
  --surface-soft: #e8f2fc;
  --ink: #112a46;
  --ink-soft: #526a82;
  --muted: #526a82;
  --line: #c8d6e2;
  --blue: #1776e8;
  --accent: #1776e8;
  --accent-hover: #0d5fc1;
  --coral: #f06f58;
  --warm: #f06f58;
  --gold: #f06f58;
  --warning: #f06f58;
  --green: #1776e8;
  --lime: #f06f58;
  --cyan: #1776e8;
  --card: #fffaf2;
  --card-2: #e8f2fc;
  --radius: 24px;
  --shadow: 0 18px 42px rgb(17 42 70 / 10%);
  background: var(--canvas);
  color: var(--ink);
}

body.case-workbench .nav {
  background: rgb(255 250 242 / 96%);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 8px 24px rgb(17 42 70 / 6%);
}

body.case-workbench .brand,
body.case-workbench h1,
body.case-workbench h2,
body.case-workbench h3,
body.case-workbench strong {
  color: var(--ink);
}

body.case-workbench .nav-link,
body.case-workbench .nav a:not(.button) {
  color: var(--ink-soft);
}

body.case-workbench .nav-link:hover,
body.case-workbench .nav a:not(.button):hover,
body.case-workbench a:not(.button):hover {
  color: var(--blue);
}

body.case-workbench .hero-label,
body.case-workbench .label,
body.case-workbench .section-head > p:first-child,
body.case-workbench .role-title,
body.case-workbench .state,
body.case-workbench .status {
  color: var(--coral);
}

body.case-workbench .intro,
body.case-workbench .outro,
body.case-workbench .media-shell,
body.case-workbench .graphic,
body.case-workbench .evidence-card,
body.case-workbench .evidence-board,
body.case-workbench .source-card,
body.case-workbench .boundary,
body.case-workbench .outro-box,
body.case-workbench .metric,
body.case-workbench .sample-item,
body.case-workbench .scenario,
body.case-workbench .topic,
body.case-workbench .role,
body.case-workbench .observation-summary,
body.case-workbench .service-row,
body.case-workbench .chain-step {
  background: var(--surface);
  border-color: var(--line);
  box-shadow: var(--shadow);
}

body.case-workbench .intro,
body.case-workbench .outro,
body.case-workbench .boundary,
body.case-workbench .evidence-board,
body.case-workbench .observation-summary {
  background: var(--surface-soft);
}

body.case-workbench .button,
body.case-workbench button {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

body.case-workbench .button:hover,
body.case-workbench button:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  color: #fff;
}

body.case-workbench .button.secondary,
body.case-workbench .secondary.button {
  background: transparent;
  border-color: var(--blue);
  color: var(--blue);
}

body.case-workbench .button.secondary:hover,
body.case-workbench .secondary.button:hover {
  background: var(--surface-soft);
  color: var(--accent-hover);
}

body.case-workbench .plain-list li,
body.case-workbench .boundary-list li,
body.case-workbench .sample-list li,
body.case-workbench .role,
body.case-workbench .service-row,
body.case-workbench .source-card,
body.case-workbench .topic {
  border-color: var(--line);
}

body.case-workbench .role.ai,
body.case-workbench .role--ai {
  background: var(--surface-soft);
}

body.case-workbench .graphic img,
body.case-workbench .media-shell img,
body.case-workbench .evidence-card img,
body.case-workbench .evidence-board img {
  border-color: var(--line);
}

@media (max-width: 700px) {
  body.case-workbench .nav {
    box-shadow: 0 5px 18px rgb(17 42 70 / 5%);
  }
}