/* Tactile styling is reserved for Level's case tabs and interactive controls. */
.cases {
  --ui-face:linear-gradient(145deg,#f5f8fc 0%,#edf1f7 48%,#e6ecf5 100%);
  --ui-raised:inset 1px 1px 1px #ffffff,inset -1px -1px 2px #aab8cf40,
    2px 3px 4px #92a2bd30,7px 8px 16px #9cacc743,-5px -5px 13px #ffffffed;
  --ui-inset:inset 2px 2px 4px #8b9ebc52,inset 7px 7px 14px #aab8cd3d,
    inset -2px -2px 5px #ffffffed,0 1px 1px #ffffff;
  --ui-blue-inset:inset 2px 3px 5px #1037858c,inset 6px 7px 13px #133b8533,
    inset -2px -2px 5px #6a9aff8c,0 1px 1px #ffffffc4;
}
.case-tabs {
  background:#e8eef6; border-color:transparent;
  padding:14px; gap:16px; border-radius:22px; box-shadow:var(--ui-inset);
}
.case-tabs button {
  border:1px solid transparent; border-radius:13px;
  background:var(--ui-face); box-shadow:var(--ui-raised);
  transition:box-shadow .18s ease,background .18s ease;
}
.case-tabs button:hover { background:linear-gradient(145deg,#fbfcff,#eaf0f8); border-color:transparent; }
.case-tabs button[aria-selected="true"] {
  color:#fff; background:linear-gradient(145deg,#2058c9,#2359c7);
  border-color:transparent; box-shadow:var(--ui-blue-inset);
}
.case-tabs button:active { box-shadow:var(--ui-inset); }
.case-tabs button[aria-selected="true"]:active { box-shadow:var(--ui-blue-inset); }
.case-tabs .case-tab-number,.case-tabs button[aria-selected="true"] .case-tab-number {
  background:transparent; border-color:transparent;
}
.demo-tabs { gap:14px; }
.demo-tabs button,.answer-options button,.prefix-options button {
  border-color:transparent; background:var(--ui-face); box-shadow:var(--ui-raised);
  transition:box-shadow .18s ease;
}
.demo-tabs button:hover,.answer-options button:hover,.prefix-options button:hover { border-color:transparent; }
.demo-tabs button[aria-selected="true"] {
  color:#fff; background:#2056c7; border-color:transparent; box-shadow:var(--ui-blue-inset);
}
.answer-options button[aria-pressed="true"],.prefix-options button[aria-pressed="true"] {
  color:#1749ad; border-color:transparent; background:#e0e9f8; box-shadow:var(--ui-inset);
}
.demo-tabs button:active,.answer-options button:active,.prefix-options button:active { box-shadow:var(--ui-inset); }
.demo-tabs button[aria-selected="true"]:active { box-shadow:var(--ui-blue-inset); }
.primary-action {
  background:linear-gradient(145deg,#2c63d1,#1e51bc); border-color:transparent;
  box-shadow:inset 1px 1px 2px #a0bdff99,inset -1px -2px 3px #103b9773,
    2px 3px 4px #7691bd40,6px 7px 14px #8fa5c64d,-4px -4px 10px #ffffff;
}
.primary-action:hover { background:linear-gradient(145deg,#285fcf,#1949af); }
.primary-action:active { box-shadow:var(--ui-blue-inset); }
.journey-steps button[aria-pressed="true"] {
  color:#1749ad; background:#e2eaf7; border-color:transparent; box-shadow:var(--ui-inset);
}
@media(max-width:700px) {
  .case-tabs { padding:12px; gap:13px; }
  .case-tabs button { padding:12px 8px; }
  .demo-tabs { gap:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .case-tabs button,.demo-tabs button,.answer-options button,.prefix-options button { transition:none; }
}
@media(forced-colors:active) {
  .case-tabs,.case-tabs button,.demo-tabs button,.primary-action,.answer-options button,.prefix-options button,.journey-steps button { box-shadow:none; border:1px solid ButtonText; }
  .case-tabs button[aria-selected="true"],.demo-tabs button[aria-selected="true"] { background:Highlight; color:HighlightText; }
}