/**
 * dsat-chrome.css — page-level offsets only.
 *
 * The chrome itself (header, footer, calc panel, modals) is styled by
 * dsat-style.css EXACTLY as practice.html / rw-practice.html use it.
 * This file just leaves room for the sticky header/footer in orchestrator
 * pages (mock-exam, session, diagnostic, etc.).
 */

body.dsat-chrome-active {
  /* The dsat-header is position:sticky (in normal flow), so it occupies its own
     space — adding body padding-top here just stacked an empty 76px band ABOVE
     the header (the header-gap seen on the in-page drill / diagnostic / mock MCQ
     screens). Sticky needs no top reservation. */
  padding-top: 0;
  padding-bottom: 48px;  /* dsat-footer height */
}

/* Hide the TEST PREVIEW banner if it appears (we don't show it in
   orchestrator chrome). */
.dsat-banner { display: none; }

/* Force the [hidden] HTML attribute to win over .dsat-header / .dsat-footer
   display:flex rules in dsat-style.css. Without this, DSATChrome.hide()
   sets the attribute but the chrome remains visible (specificity collision). */
.dsat-header[hidden],
.dsat-footer[hidden],
.dsat-calc-panel[hidden],
.dsat-tool-btn[hidden] { display: none !important; }

/* ── Bluebook calc behavior: slide the Math problem when the calculator opens ──
   Matches dsat-style.css `body.calc-open .dsat-problem-wrap` (used by the demo's
   practice.html). The in-page dsat-chrome Math pages each shift their own content
   container so the Desmos panel never covers the question. Calc only opens for
   Math (the button is hidden for R&W), so R&W layouts are unaffected.
   (diagnostic .dg-container is shifted inline in diagnostic.html.) */
.dsat-chrome-active .ct-container,
.dsat-chrome-active .fr-container,
.dsat-chrome-active .me-container,
.dsat-chrome-active #screen-session {
  transition: padding-left 0.22s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.22s;
}
body.calc-open.dsat-chrome-active .ct-container,
body.calc-open.dsat-chrome-active .fr-container,
body.calc-open.dsat-chrome-active .me-container,
body.calc-open.dsat-chrome-active #screen-session {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: calc(410px + 56px) !important;
  padding-right: 40px !important;
}