/* ════════════════════════════════════════════════════════════════════════════
   calc-sat-score-calculator.css — per-slug override for sat-score-calculator.
   Loaded AFTER the shared assets/css/calculator.css (includes/calculator_styles.php,
   per-slug enqueue), so it applies to this page only.

   COMP VERBATIM: the block below is copied unchanged from Subash's arm-B comp,
   sat-score-calculator-result-arm-b.html (Drive folder 1xVnK4fl908W10JrhsTl-ns2pv_oXWVv_,
   2026-09-19), "PAGE-LEVEL FIXES". Ram's call D-CALCCOMPDECISIONS (2026-09-23): ship
   these two live-page fixes to the live template so BOTH A/B arms carry them. Change
   them through the comp, not here.
   ════════════════════════════════════════════════════════════════════════════ */


/* ============================================================================
   PAGE-LEVEL FIXES - NOT part of arm B's change set.
   Both defects exist on the LIVE page today, so they belong to arm A as much as
   arm B. Ship them to the live template so BOTH arms carry them, or delete this
   block before the test runs. Leaving them in arm B alone would mean the test is
   comparing two things at once.
   ============================================================================ */

/* FIX 1 - the score number and the R&W/Math figures render in the body font.
   --font-heading (Poppins) is defined and used elsewhere on the page; these
   three just never claimed it. Verified against production 2026-09-19: live has
   the same defect, so this is a fix, not a divergence. */
.total-score,
.score-item-value { font-family: var(--font-heading); }

/* FIX 2 - at 320px the "How to use" tooltip runs 10px past the right edge and
   gives the whole document a horizontal scroll. The tooltip is 250px wide and
   centred on an icon that sits at x=205 of a 320px screen, so it cannot fit
   however it is nudged. Below 400px, anchor it to the heading instead of the
   icon and let it span the full width inside a 16px gutter. */
@media (max-width: 400px) {
  .calc-tool-heading { position: relative; }
  .calc-tip { position: static; }
  .calc-tip-text {
    left: 16px;
    right: 16px;
    width: auto;
    max-width: none;
    transform: none;
  }
}
/* ========================= end page-level fixes ========================= */