/* ═══════════════════════════════════════════════════════════════════
   OWLMARK STUDIO — DOCUMENT SHELL
   By Mourad Mekki

   The few rules that must hold on every page, including the two that
   share none of the studio chrome: Studio Home and Certificate Studio.

   Horizontal overflow was reported on all of them, worst in Arabic. No
   page in this product is meant to scroll sideways: a document is fitted
   to the stage, and the panels stack. Anything that asks for more width
   is a fault, so the root refuses it rather than growing a scrollbar
   that hides the fault and moves the layout under the teacher's hands.

   clip rather than hidden: clip does not create a scroll container, so
   sticky headers and in-page anchors keep working.
   ═══════════════════════════════════════════════════════════════════ */
html{
  overflow-x:clip;
}
@supports not (overflow-x: clip){
  html{overflow-x:hidden}
}
body{
  overflow-x:clip;
  max-width:100%;
}
@supports not (overflow-x: clip){
  body{overflow-x:hidden}
}

/* Nothing may reserve width the viewport does not have. Applied to the
   containers that actually exist in this product rather than to * , so
   no studio's deliberate layout is second-guessed. */
#studioHeader,
.sh-hero,
.sh-tools,
.om-finder{
  max-width:100%;
}

/* Printing is a different surface: the page must be free to be exactly
   as wide as the paper, so none of the above applies. */
@media print{
  html,body{overflow-x:visible;max-width:none}
}