/* Shared branding for every /Education activity. Loaded by
   Views/Education/_EducationLayout.cshtml, which is the only thing that renders
   the two elements below.

   DELIBERATELY UNSCOPED, unlike edu_ag.css and edu_plc.css: these two rules
   belong to the page chrome rather than to any one simulator, and each activity
   already owns its own class prefix (.ag, .plc, .mms-sim, .cpg-app...). The
   selectors are specific enough that nothing else can match them.

   Colours are LITERAL, not tokens. Every simulator ships its own palette and
   several have their own dark/light switch; a var() here would resolve to
   whatever the activity happened to define, or to nothing. A fixed mid-grey
   reads as secondary text on both the light SIOP chrome and the dark simulator
   backgrounds these sit against. */

/* The company line. Placed by each activity INSIDE its own header rather than
   rendered by the shared layout, so it reads as part of that page's design
   instead of a strip bolted on above it. Small and quiet: it is a signature,
   not a heading, and it must not compete with the activity's own title.

   Alignment is deliberately NOT set here -- it follows whatever the header it
   sits in already does, which is left on most simulators and centred on the
   Education landing page. `.edu-tagline-center` is there for the latter. */
.edu-tagline {
  font-size: 11px;
  line-height: 1.25;
  color: #7c8698;
  margin: .1rem 0 0;
}
.edu-tagline-center { text-align: center; }

/* The copyright, bottom left of every Education page.

   ★POSITION:FIXED IS LOAD BEARING, not a style choice.★ _Layout.cshtml renders
   the body into

       <div style="flex: 1; min-height: 0; overflow: hidden;">@RenderBody()</div>

   and most activities then declare `height: 100%` on their own root and scroll
   INSIDE it (.edu-landing does exactly this). An in-flow sibling after that root
   is therefore pushed past the bottom of a container that clips -- the line was
   rendering and being cut off, invisible on every full-height activity.
   Escaping the flow is the only fix that does not mean re-doing the sizing of
   thirteen different simulators, each of which would have to be re-tested in a
   browser to prove it still fits.

   pointer-events:none so an 11px line pinned over the corner of a page can
   never swallow a click meant for whatever is underneath it -- on the landing
   page that corner holds a tile link. */
.edu-copyright {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  padding: .25rem .7rem .3rem;
  font-size: 11px;
  line-height: 1.2;
  color: #7c8698;
  text-align: left;
  pointer-events: none;
}