/* One frame around the full document, scrolling with its content. */
html { min-height:100%; }
html::after { content:none !important; }
body { position:relative; min-height:100vh; }
/* Website shells must grow with their content. A 100%-high body leaves its
   absolutely positioned frame at the first viewport while content overflows. */
body:is([data-path^="control-centre"],[data-path^="people-and-culture"],[data-path^="recruitment"],[data-path^="learning-review"],[data-path^="your-yondr"],[data-path="join"],[data-path="careers"]),
.yondr-workspace body {
 height:auto !important; min-height:100vh; display:flow-root;
 box-sizing:border-box; padding-block-end:28px;
}
body::after {
 content:""; position:absolute; top:14px; right:14px; bottom:14px; left:14px;
 border:1px solid #5b42ff; border-radius:20px; pointer-events:none;
 z-index:2147483000; box-sizing:border-box;
}
.yondr-keep-together { display:inline-block; white-space:nowrap; word-break:normal; overflow-wrap:normal; hyphens:none; }
@media(max-width:600px){body::after{inset:8px;border-radius:14px}
 body:is([data-path^="control-centre"],[data-path^="people-and-culture"],[data-path^="recruitment"],[data-path^="learning-review"],[data-path^="your-yondr"],[data-path="join"],[data-path="careers"]),.yondr-workspace body{padding-block-end:16px}
}
@media print{body::after{display:none!important}}