/* #605: isolated legacy HIBTP visual experiment. Values live in this token block. */
.hibtp-experiment {
  --hibtp-title: #0657c7;
  --hibtp-title-deep: #043d91;
  --hibtp-work: #b9d5ff;
  --hibtp-work-deep: #608dca;
  --hibtp-paper: #fffcf0;
  --hibtp-paper-alt: #e9faff;
  --hibtp-ink: #122145;
  --hibtp-cyan: #00bed7;
  --hibtp-rule: #3659b6;
  --hibtp-rail: #e8e9e9;
  --hibtp-chrome: #b3b3b3;
  --hibtp-red: #b53829;
  --hibtp-light-text: #ffffff;
  --hibtp-focus: #a8242a;
  --hibtp-frame-width: 0.125rem;
  --hibtp-window-gap: 1.125rem;
  --hibtp-status-height: 2.75rem;
  --hibtp-control-height: 2.75rem;
  --hibtp-body-size: 1.125rem;
  --hibtp-ui-size: 1rem;
  --hibtp-secondary-size: .9375rem;
  --hibtp-window-shadow: 0 .75rem 1.5rem rgba(15,43,92,.25);
  --wr-night: var(--hibtp-work-deep);
  --wr-night-raised: var(--hibtp-title-deep);
  --wr-forest: var(--hibtp-work);
  --wr-forest-bright: var(--hibtp-paper-alt);
  --wr-limestone: var(--hibtp-paper);
  --wr-paper: var(--hibtp-paper);
  --wr-ink: var(--hibtp-ink);
  --wr-ink-muted: var(--hibtp-ink);
  --wr-river: var(--hibtp-title);
  --wr-river-bright: var(--hibtp-title-deep);
  --wr-paper-on-forest: var(--hibtp-ink);
  --wr-muted-on-forest: var(--hibtp-ink);
  --wr-muted-on-night: var(--hibtp-light-text);
  --wr-rule-dark: var(--hibtp-rule);
  --wr-rule-ink: var(--hibtp-rule);
  --wr-sidebar-width: 16rem;
  --wr-content-max: none;
  --wr-shell-radius: 0.125rem;
  --font-size-operational: var(--hibtp-ui-size);
  --font-size-control: var(--hibtp-ui-size);
  --text-primary: var(--hibtp-ink);
  --text-secondary: var(--hibtp-ink);
  --text-tertiary: var(--hibtp-ink);
  --bg-surface: var(--hibtp-paper);
  --bg-card: var(--hibtp-paper);
  --bg-elevated: var(--hibtp-paper-alt);
  --border-default: var(--hibtp-rule);
  --border-subtle: var(--hibtp-rule);
  --color-primary: var(--hibtp-title);
  --color-primary-hover: var(--hibtp-title-deep);
  --content-max: none;
  color: var(--hibtp-ink);
  background: var(--hibtp-work-deep);
  font-size: var(--hibtp-body-size);
}
.hibtp-experiment[data-hibtp-theme="dark"] {
  --hibtp-title: #285caa;
  --hibtp-title-deep: #102946;
  --hibtp-work: #1e3c65;
  --hibtp-work-deep: #102946;
  --hibtp-paper: #1c2d44;
  --hibtp-paper-alt: #23435a;
  --hibtp-ink: #f3f6fc;
  --hibtp-cyan: #117e99;
  --hibtp-rule: #80b8db;
  --hibtp-rail: #233e60;
  --hibtp-chrome: #122843;
  --hibtp-red: #e07567;
  --hibtp-light-text: #ffffff;
  --hibtp-focus: #ffc15b;
  --hibtp-window-shadow: 0 .75rem 1.5rem rgba(0,0,0,.45);
}
.hibtp-experiment :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline: .1875rem solid var(--hibtp-focus); outline-offset: .125rem; }
.hibtp-experiment .flag-stripe { background: var(--hibtp-title-deep); height: var(--hibtp-frame-width); }
.hibtp-experiment .sidebar { top: var(--hibtp-frame-width); background: var(--hibtp-work); border-right: var(--hibtp-frame-width) solid var(--hibtp-rule); color: var(--hibtp-ink); }
.hibtp-experiment .sidebar .drawer-heading { background: linear-gradient(var(--hibtp-title),var(--hibtp-title-deep)); min-height: 3.125rem; }
.hibtp-experiment .brand, .hibtp-experiment .brand-text small { color: var(--hibtp-light-text); }
.hibtp-experiment .brand-mark { background: var(--hibtp-paper); color: var(--hibtp-title-deep); }
.hibtp-experiment .nav-label { font-size: var(--hibtp-secondary-size); color: var(--hibtp-ink); letter-spacing: normal; text-transform: none; border-bottom: .0625rem solid var(--hibtp-rule); }
.hibtp-experiment .nav-item { font-size: var(--hibtp-ui-size); color: var(--hibtp-ink); border: .0625rem solid var(--hibtp-rule); background: var(--hibtp-rail); margin: .1875rem .5rem; min-height: var(--hibtp-control-height); }
.hibtp-experiment .nav-item:hover, .hibtp-experiment .nav-item.active { color: var(--hibtp-ink); background: var(--hibtp-paper-alt); border-left-color: var(--hibtp-rule); }
.hibtp-experiment .context-heading { background: var(--hibtp-paper); border-color: var(--hibtp-rule); color: var(--hibtp-ink); }
.hibtp-experiment .context-heading small, .hibtp-experiment .context-heading strong, .hibtp-experiment .context-back { color: var(--hibtp-ink); font-size: var(--hibtp-ui-size); }
.hibtp-experiment .context-heading-icon { color: var(--hibtp-light-text); background: var(--hibtp-title); }
.hibtp-experiment .topbar { top: var(--hibtp-frame-width); background: var(--hibtp-paper); border-bottom: var(--hibtp-frame-width) solid var(--hibtp-rule); color: var(--hibtp-ink); min-height: 4rem; height: auto; flex-wrap: wrap; }
.hibtp-experiment .main-content { max-width: none; min-height: 100vh; padding-top: 5.5rem; background: linear-gradient(125deg,var(--hibtp-work),var(--hibtp-work-deep)); }
.hibtp-experiment .scope-chip, .hibtp-experiment .command-trigger, .hibtp-experiment .hamburger, .hibtp-experiment .top-icon, .hibtp-experiment .user-pill, .hibtp-experiment .hibtp-theme-toggle { border: .0625rem solid var(--hibtp-rule); border-radius: .125rem; background: var(--hibtp-rail); color: var(--hibtp-ink); min-height: var(--hibtp-control-height); }
.hibtp-experiment .scope-chip label, .hibtp-experiment .global-search span { color: var(--hibtp-ink); font-size: var(--hibtp-ui-size); }
.hibtp-experiment .scope-chip select, .hibtp-experiment input, .hibtp-experiment select, .hibtp-experiment textarea { color: var(--hibtp-ink); background: var(--hibtp-paper); font-size: var(--hibtp-ui-size); min-height: var(--hibtp-control-height); }
.hibtp-experiment .hibtp-theme-toggle { display: inline-flex; gap: .3rem; align-items: center; justify-content: center; padding: .25rem .6rem; white-space: nowrap; }
.hibtp-experiment .hibtp-theme-toggle .icon { width: 1.125rem; height: 1.125rem; }
.hibtp-experiment .page-head { background: var(--hibtp-work); border: var(--hibtp-frame-width) solid var(--hibtp-title); margin-bottom: .75rem; padding: .8rem 1rem; box-shadow: var(--hibtp-window-shadow); }
.hibtp-experiment .page-head h1 { color: var(--hibtp-ink); font-size: clamp(1.5rem,2vw,2rem); }
.hibtp-experiment .page-head p, .hibtp-experiment .breadcrumbs, .hibtp-experiment .caption, .hibtp-experiment .eyebrow { color: var(--hibtp-ink); font-size: var(--hibtp-ui-size); }
.hibtp-experiment .panel, .hibtp-experiment .kpi-card { background: var(--hibtp-paper); border: .0625rem solid var(--hibtp-rule); border-radius: .125rem; box-shadow: none; }
.hibtp-experiment .btn { min-height: var(--hibtp-control-height); border: .0625rem solid var(--hibtp-rule); border-radius: .125rem; color: var(--hibtp-ink); background: var(--hibtp-rail); font: 700 var(--hibtp-ui-size) var(--wr-font-serif); }
.hibtp-experiment .btn.primary { color: var(--hibtp-light-text); background: linear-gradient(var(--hibtp-title),var(--hibtp-title-deep)); }
.hibtp-experiment .btn.secondary, .hibtp-experiment .btn.ghost { color: var(--hibtp-ink); background: var(--hibtp-rail); }
.hibtp-experiment .btn.danger, .hibtp-experiment .danger { color: var(--hibtp-light-text); background: var(--hibtp-red); }
.hibtp-experiment .table-wrap { border: .0625rem solid var(--hibtp-rule); background: var(--hibtp-paper); }
.hibtp-experiment .data-table { font-size: var(--hibtp-ui-size); color: var(--hibtp-ink); }
.hibtp-experiment .data-table th { color: var(--hibtp-ink); background: var(--hibtp-cyan); border: .0625rem solid var(--hibtp-rule); font-size: var(--hibtp-ui-size); font-weight: 700; letter-spacing: normal; text-transform: none; }
.hibtp-experiment .data-table td { color: var(--hibtp-ink); border: .0625rem solid var(--hibtp-rule); font-size: var(--hibtp-ui-size); }
.hibtp-experiment .data-table tbody tr:nth-child(even) td { background: var(--hibtp-paper-alt); }
.hibtp-experiment .data-table th:first-child, .hibtp-experiment .data-table td:first-child { background: inherit; }
.hibtp-experiment .data-table caption { color: var(--hibtp-ink); font-size: var(--hibtp-ui-size); }
.hibtp-experiment .code-badge { color: var(--hibtp-ink); background: var(--hibtp-paper-alt); border: .0625rem solid var(--hibtp-rule); font-size: var(--hibtp-ui-size); }
.hibtp-experiment .data-table a { color: var(--hibtp-ink); }
.hibtp-experiment .hibtp-list-workbench { display: grid; grid-template-columns: minmax(11rem,15%) minmax(0,1fr) minmax(11rem,15%); gap: .6rem; align-items: start; }
.hibtp-experiment .hibtp-register-centre { min-width: 0; }
.hibtp-experiment .hibtp-register-heading { text-align: center; border: .0625rem solid var(--hibtp-rule); background: var(--hibtp-paper); font: var(--hibtp-ui-size) var(--wr-font-serif); }
.hibtp-experiment .hibtp-action-rail { display: grid; gap: .75rem; padding-top: 1.25rem; }
.hibtp-experiment .hibtp-action-rail section { min-width: 0; border: .0625rem solid var(--hibtp-rule); padding: .35rem; }
.hibtp-experiment .hibtp-action-rail h2 { font: 700 var(--hibtp-ui-size) var(--wr-font-sans); margin: -.9rem 0 .3rem; width: max-content; max-width: 100%; background: var(--hibtp-work); padding-inline: .2rem; }
.hibtp-experiment .hibtp-action-rail a { display: flex; align-items: center; gap: .35rem; min-height: var(--hibtp-control-height); padding: .3rem .45rem; border: .0625rem solid var(--hibtp-rule); margin-top: .15rem; color: var(--hibtp-ink); background: var(--hibtp-rail); font: 700 var(--hibtp-ui-size) var(--wr-font-serif); overflow-wrap: anywhere; }
.hibtp-experiment .hibtp-action-rail a:hover { background: var(--hibtp-paper-alt); }
.hibtp-experiment .hibtp-action-rail .icon { width: 1rem; height: 1rem; flex: 0 0 auto; }
.hibtp-experiment .list-toolbar { background: var(--hibtp-paper); border: .0625rem solid var(--hibtp-rule); padding: .75rem; }
.hibtp-experiment .filter-pills a { border-radius: .125rem; font-size: var(--hibtp-ui-size); }
.hibtp-experiment .module-drawer { color: var(--hibtp-ink); background: var(--hibtp-work); }
.hibtp-experiment .module-drawer .drawer-heading { background: var(--hibtp-title-deep); }
.hibtp-experiment .bottom-tabs { background: var(--hibtp-title-deep); }
.hibtp-experiment .context-bottom-tabs > :is(a,button), .hibtp-experiment .mobile-context-menu > summary { color: var(--hibtp-light-text); font-size: var(--hibtp-secondary-size); }
.hibtp-experiment .mobile-context-panel { background: var(--hibtp-work); color: var(--hibtp-ink); }
.hibtp-experiment .mobile-context-panel strong, .hibtp-experiment .mobile-context-panel small { color: var(--hibtp-ink); font-size: var(--hibtp-ui-size); }

.hibtp-experiment .hibtp-window-title { background: linear-gradient(var(--hibtp-title),var(--hibtp-title-deep)); color: var(--hibtp-light-text); min-height: 2.75rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .5rem; padding: .35rem .75rem; font: 700 var(--hibtp-ui-size) var(--wr-font-serif); }
.hibtp-experiment .hibtp-window-title > :first-child { display: inline-flex; gap: .4rem; align-items: center; }
.hibtp-experiment .hibtp-window-title .icon { width: 1rem; height: 1rem; }
.hibtp-experiment .hibtp-window-title a { color: var(--hibtp-light-text); font-family: var(--wr-font-sans); }
.hibtp-experiment .hibtp-window-title .hibtp-theme-toggle { color: var(--hibtp-ink); background: var(--hibtp-paper); }
.hibtp-experiment .hibtp-entry, .hibtp-experiment .hibtp-home { min-height: calc(100dvh - 5rem); border: var(--hibtp-frame-width) solid var(--hibtp-title); background: linear-gradient(125deg,var(--hibtp-work),var(--hibtp-work-deep)); display: flex; flex-direction: column; }
.hibtp-experiment .hibtp-entry { margin: calc(-1 * var(--wr-shell-pad)) auto 0; max-width: 70rem; }
.hibtp-experiment .hibtp-entry-centre, .hibtp-experiment .hibtp-home-centre { width: min(100%,62rem); margin: auto; padding: 2rem 1rem; }
.hibtp-experiment .hibtp-identity, .hibtp-experiment .hibtp-home-identity { text-align: center; margin-bottom: 2.25rem; }
.hibtp-experiment .hibtp-identity > span, .hibtp-experiment .hibtp-home-identity > span { display: block; background: var(--hibtp-paper); color: var(--hibtp-title-deep); font: 700 1.5rem var(--wr-font-serif); padding: .75rem; margin: auto auto 1.25rem; max-width: 34rem; }
.hibtp-experiment .hibtp-identity h1, .hibtp-experiment .hibtp-home-identity h1 { background: var(--hibtp-paper); color: var(--hibtp-ink); padding: .75rem; margin: 0; font: 700 clamp(2rem,4vw,3rem) var(--wr-font-serif); }
.hibtp-experiment .hibtp-access-form { display: grid; grid-template-columns: minmax(8rem,12rem) minmax(0,1fr) auto; gap: .35rem .75rem; align-items: center; margin: 0 auto; padding: 1rem; width: min(100%,42rem); background: var(--hibtp-rail); border: .125rem solid var(--hibtp-paper); }
.hibtp-experiment .hibtp-access-form :is(label,.hibtp-field-label) { font-weight: 700; font-size: var(--hibtp-ui-size); }
.hibtp-experiment .hibtp-access-form :is(input,select,strong) { grid-column: 2 / -1; width: 100%; }
.hibtp-experiment .hibtp-access-form strong { display: block; background: var(--hibtp-paper); padding: .55rem; border: .0625rem solid var(--hibtp-rule); }
.hibtp-experiment .hibtp-access-form p { grid-column: 1 / -1; margin: 0; font-size: var(--hibtp-secondary-size); }
.hibtp-experiment .hibtp-access-form .hibtp-access-error { color: var(--hibtp-red); font-weight: 700; }
.hibtp-experiment .hibtp-access-form button { grid-column: 2 / -1; justify-self: end; }
.hibtp-experiment .hibtp-session-strip { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: center; width: min(100%,42rem); margin: 0 auto; padding: .6rem .75rem; background: var(--hibtp-rail); border: .125rem solid var(--hibtp-paper); font-size: var(--hibtp-ui-size); }
.hibtp-experiment .hibtp-session-strip span { display: flex; gap: .5rem; align-items: baseline; }
.hibtp-experiment .hibtp-session-strip strong { color: var(--hibtp-ink); }
.hibtp-experiment .hibtp-entry-caption, .hibtp-experiment .hibtp-home-caption { text-align: center; margin: 2rem auto 0; font: 700 clamp(1.25rem,2.4vw,1.75rem) var(--wr-font-serif); }
.hibtp-experiment .hibtp-main-choices { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin: 2.25rem auto; }
.hibtp-experiment .hibtp-main-choices > * { min-width: 10rem; min-height: 3rem; padding: .5rem .75rem; border: .0625rem solid var(--hibtp-rule); background: linear-gradient(var(--hibtp-work),var(--hibtp-title-deep)); color: var(--hibtp-light-text); font: 700 var(--hibtp-ui-size) var(--wr-font-serif); text-align: center; display: inline-flex; gap: .4rem; align-items: center; justify-content: center; text-decoration: none; border-radius: .125rem; }
.hibtp-experiment .hibtp-main-choices > a { background: var(--hibtp-red); }
.hibtp-experiment .hibtp-main-choices .icon, .hibtp-experiment .hibtp-home-modules .icon { width: 1rem; height: 1rem; }
.hibtp-experiment .hibtp-main-register { margin: 1.5rem auto 0; width: min(100%,55rem); }
.hibtp-experiment .hibtp-main-register h2 { color: var(--hibtp-ink); margin: 0 0 .5rem; text-align: center; font: 700 1.375rem var(--wr-font-serif); }
.hibtp-experiment .hibtp-main-register .hibtp-home-modules .col-6 { display: flex; }
.hibtp-experiment .hibtp-main-register .hibtp-home-modules a { width: 100%; min-height: 3.25rem; background: var(--hibtp-paper-alt); text-transform: uppercase; }
.hibtp-experiment .hibtp-main-register .hibtp-home-modules a.hibtp-exit-choice { background: var(--hibtp-red); color: var(--hibtp-light-text); }
.hibtp-experiment .hibtp-additional-functions { margin: 1.5rem auto 0; width: min(100%,55rem); }
.hibtp-experiment .hibtp-additional-functions h2 { font: 700 var(--hibtp-ui-size) var(--wr-font-serif); color: var(--hibtp-ink); margin: 0 0 .5rem; }
.hibtp-experiment .hibtp-section { margin: 0 auto 1.5rem; padding: .75rem; width: min(100%,56rem); background: var(--hibtp-work); border: .0625rem solid var(--hibtp-rule); }
.hibtp-experiment .hibtp-section h2 { text-align: center; color: var(--hibtp-ink); font-size: 1.25rem; }
.hibtp-experiment .hibtp-home-modules a { display: flex; gap: .45rem; align-items: center; justify-content: center; min-height: var(--hibtp-control-height); padding: .4rem .6rem; text-align: center; color: var(--hibtp-ink); background: var(--hibtp-rail); border: .0625rem solid var(--hibtp-rule); font: 700 var(--hibtp-ui-size) var(--wr-font-serif); }
.hibtp-experiment .hibtp-status { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; align-items: center; padding: .3rem .75rem; min-height: var(--hibtp-status-height); background: var(--hibtp-paper); border-top: var(--hibtp-frame-width) solid var(--hibtp-rule); font-size: var(--hibtp-secondary-size); }
.hibtp-experiment .hibtp-status a { display: inline-flex; gap: .25rem; align-items: center; color: var(--hibtp-ink); }
.hibtp-home-page .sidebar { display: none; }
.hibtp-home-page .breadcrumbs { display: none; }
.hibtp-home-page .topbar { left: 0; }
.hibtp-home-page .main-content { margin-left: 0; max-width: none; padding-inline: var(--hibtp-window-gap); }
.hibtp-hub-page .sidebar, .hibtp-hub-page .breadcrumbs { display: none; }
.hibtp-hub-page .topbar { left: 0; }
.hibtp-hub-page .main-content { margin-left: 0; max-width: none; padding-inline: var(--hibtp-window-gap); }
@media(max-width: 64rem) { .hibtp-experiment .topbar { position: relative; left: var(--wr-sidebar-width); width: calc(100% - var(--wr-sidebar-width)); padding-block: .35rem; } .hibtp-experiment .main-content { padding-top: 1rem; } .hibtp-experiment .scope-chip { min-width: 0; } }
@media(max-width: 64rem) { .hibtp-home-page .topbar, .hibtp-hub-page .topbar { left: 0; width: 100%; } }
@media(max-width: 64rem) { .hibtp-experiment .hibtp-list-workbench { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .hibtp-experiment .hibtp-register-centre { grid-column: 1 / -1; grid-row: 1; } }
@media(max-width: 56.25rem) { .hibtp-experiment .sidebar { display: none; } .hibtp-experiment .topbar { left: 0; width: 100%; } .hibtp-experiment .main-content { margin-left: 0; padding-bottom: calc(var(--wr-bottom-nav-height) + 1rem); } .hibtp-experiment .hibtp-theme-toggle span { display: none; } }
@media(max-width: 37rem) { .hibtp-experiment .hibtp-list-workbench { grid-template-columns: 1fr; } .hibtp-experiment .hibtp-action-rail { padding-top: .5rem; } }
@media(max-width: 37rem) { .hibtp-experiment .hibtp-entry-centre, .hibtp-experiment .hibtp-home-centre { padding: 1rem .6rem; } .hibtp-experiment .hibtp-access-form { grid-template-columns: 1fr; } .hibtp-experiment .hibtp-access-form :is(input,select,strong,button) { grid-column: 1; } .hibtp-experiment .hibtp-main-choices > * { width: 100%; } .hibtp-experiment .hibtp-status > :nth-child(2) { display: none; } }
@media(prefers-reduced-motion: reduce) { .hibtp-experiment * { scroll-behavior: auto !important; transition-duration: 0s !important; } }