.curriculum-tool-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 34px;
  padding: 6px clamp(10px, 2vw, 20px);
  border-bottom: 1px solid #9fc8da;
  background: #edf8fc;
  color: #123347;
  font-size: clamp(.72rem, 1.4vw, .9rem);
  line-height: 1.2;
}

.curriculum-tool-context strong { font-weight: 900; }
.curriculum-tool-context span { color: #526572; font-weight: 700; }

.app:has(> .curriculum-tool-context) { grid-template-rows: auto auto minmax(0, 1fr); }
#app:has(> .curriculum-tool-context) { grid-template-rows: auto auto auto minmax(0, 1fr); }
body[data-spire-tool-id="number-representation-grid"] .app:has(> .curriculum-tool-context) { grid-template-rows: auto auto auto minmax(0, 1fr); }
.digit-draft-app:has(> .curriculum-tool-context),
.gol-app:has(> .curriculum-tool-context),
.maths-snap-app:has(> .curriculum-tool-context),
.rounding-line-up-app:has(> .curriculum-tool-context) {
  grid-template-rows: auto auto minmax(0, 1fr);
}
.power-clue-app:has(> .curriculum-tool-context),
#number-lineModel .wrap:has(> .curriculum-tool-context) {
  grid-template-rows: auto auto auto minmax(0, 1fr);
}
.app:has(> .curriculum-tool-context) .rnc-app { height: calc(100vh - 106px); }

@media (max-width: 520px) {
  .curriculum-tool-context { align-items: flex-start; flex-direction: column; gap: 2px; }
  html:has(body[data-spire-tool-id="number-representation-grid"] .curriculum-tool-context),
  body[data-spire-tool-id="number-representation-grid"]:has(.curriculum-tool-context) {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  body[data-spire-tool-id="number-representation-grid"] .app:has(> .curriculum-tool-context) {
    height: auto;
    min-height: 100dvh;
    grid-template-rows: auto auto auto auto;
    overflow: visible;
  }
  body[data-spire-tool-id="number-representation-grid"] .nrg-workspace {
    grid-template-rows: auto auto auto;
    overflow: visible;
  }
  body[data-spire-tool-id="number-representation-grid"] .nrg-model-layout,
  body[data-spire-tool-id="number-representation-grid"] .nrg-model-scroll {
    height: auto;
    min-height: 300px;
    overflow: visible;
  }
  body[data-spire-tool-id="number-representation-grid"] .nrg-model-host { height: 300px; }
}

@media print {
  .curriculum-tool-context { display: none !important; }
}