/* Praxenor HR Assistant demo page (assets/hr-assistant-demo.html).
   Page-specific rules for embedding the bundled demo inside the standard demo page shell.
   The shared site stylesheet is untouched; the demo's own styles are scoped under .hra. */
.page-hr-assistant-demo .demo-section{padding:32px 0 70px}
.page-hr-assistant-demo .hr-demo-root{min-height:420px}
/* the site header is sticky (84px + 1px border); keep the workbench bar and the phone below it.
   In the Employee view the workspace root is its own (non-scrolling) overflow box, so the bar's
   sticky offset must be 0 there or it gets pushed 85px down inside the card. */
.page-hr-assistant-demo .hra>.top{top:85px}
.page-hr-assistant-demo .hra.modeEmployeeRoot>.top{top:0}
.page-hr-assistant-demo .hra .phoneWrap{top:216px}
/* the title band already carries the "Scripted demo · sample data" badge; the demo's floating
   copy of it (bottom-left) is redundant on the site page and overlapped the workbench */
.page-hr-assistant-demo .hraDock{display:none}
/* Employee view: size the workspace to the viewport under the site header instead of 100vh */
.page-hr-assistant-demo .hra.modeEmployeeRoot{height:clamp(600px,calc(100vh - 104px),900px)}
.page-hr-assistant-demo .demo-under{margin-top:28px}
@media (max-width:760px){
  .page-hr-assistant-demo .demo-section>.container{width:calc(100% - 24px)}
  .page-hr-assistant-demo .hra>.top{position:relative;top:auto}
  .page-hr-assistant-demo .hra.modeEmployeeRoot{height:clamp(560px,calc(100vh - 96px),820px)}
}