/* The demo keeps its own dark presentation while sharing WIS fonts and language. */
:root { font-family: var(--wis-font); }
body, button, select, dialog { font-family: var(--wis-font); }
[hidden] { display: none !important; }
.wis-health-skip { position: fixed; top: -100px; left: 12px; z-index: 3000; padding: 12px 16px; color: #0a1f5d; background: #e6e9f0; }
.wis-health-skip:focus { top: 12px; }
.wis-health-return { display: inline-flex; align-items: center; gap: 7px; padding: 6px 4px; min-height: 44px; color: #b4cbdc; font-size: 12px; white-space: nowrap; }
.wis-health-wordmark { color: #a3d1e0; font-size: 14px; font-weight: 700; letter-spacing: -.5px; }
.wis-health-return:hover { color: white; }
.topbar { gap: 18px; }
.top-actions { gap: 10px; }
.top-actions .demo-chip { display: none; }
.wis-health-noscript { max-width: 780px; margin: 40px auto; padding: 24px; line-height: 1.9; }
.wis-health-noscript p { margin: 20px 0; }
.wis-health-noscript a { color: #a3d1e0; text-decoration: underline; }
@media (max-width: 1500px) { .brand > span { display: none; } }
@media (max-width: 1100px) {
  .topbar { height: auto; min-height: 85px; flex-wrap: wrap; padding-top: 10px; gap: 8px 16px; }
  .top-actions { margin-left: auto; }
  .view-tabs { order: 3; width: 100%; height: 46px; }
  .view-tabs button { flex: 1; }
}
@media (max-width: 600px) {
  .topbar { padding: 10px 16px 0; }
  .brand img { width: 145px; height: 39px; }
  .brand { width: 100%; justify-content: center; }
  .top-actions { width: 100%; justify-content: center; gap: 10px; }
  .wis-health-return { gap: 5px; font-size: 11px; }
  .wis-health-wordmark { font-size: 12px; }
  .wis-language-control button[data-wis-language-toggle] { min-width: 59px; }
  .demo-notice { flex-wrap: wrap; }
}
@media (max-width: 380px) {
  .brand { width: 100%; justify-content: center; }
  .top-actions { margin: 0 auto; }
}