/* Career Reset — hero CTA first-viewport clearance, 19 September 2026.

   Presentation only. No copy, methodology, privacy or access behaviour is
   changed. Nothing is hidden: no display:none, no visibility:hidden and no
   generated content. The headline scale is deliberately left untouched.

   Defect 1 — between 761px and 1100px, public-v1-2.css forces
   .hero-facts-panel to repeat(3, minmax(0,1fr)) unconditionally while
   experience-refinement-v1.css still applies the stacked
   grid-template-columns:9.5rem minmax(0,1fr) rule intended for the
   single-column phone layout. Inside a ~232px column that leaves roughly 30px
   for the value, so each fact rendered as a near-vertical ribbon of text.

   Defect 2 — the @media (max-width:420px) compression written to keep the
   primary action in the first viewport targets .hero-facts. The element is
   <dl class="hero-facts hero-facts-panel">, and the declarations that actually
   win target .hero-facts-panel with !important from public-v1-2.css and
   public-v1-3.css at breakpoints that have no 420px variant. The approved
   compression therefore never applied. The values below restore the approved
   public-v1-1.css phone scale rather than introducing a new one.

   Selectors are scoped .hero .hero-copy … so they win on specificity and do
   not depend on this file's position in the link order. */

@media (min-width:761px) and (max-width:1100px){
  .hero .hero-copy .hero-facts-panel > div{display:block !important}
}

@media (max-width:420px){
  .hero .hero-copy{padding-top:10px !important}
  .hero .hero-copy .eyebrow{margin-top:4px !important;margin-bottom:8px !important}
  .hero .hero-copy .lede{font-size:.93rem !important;line-height:1.43 !important;margin-top:10px !important}
  .hero .hero-copy .hero-facts-panel{gap:6px !important;margin-top:10px !important}
  .hero .hero-copy .hero-facts-panel > div{padding-top:7px !important}
  .hero .hero-copy .hero-facts-panel dt{font-size:.66rem !important;line-height:1.2 !important;margin-bottom:3px !important}
  .hero .hero-copy .hero-facts-panel dd{font-size:.81rem !important;line-height:1.34 !important;margin-top:3px !important}
  .hero .hero-copy .actions{margin-top:12px !important}
}