/*
CHANGE LOG
File: static/css/small-carrier-relationships.css
Purpose: The one rule https://prohrhq.com/small-carrier-relationships needs beyond Truck Stop Light's CSS, which it
         reuses as-is (static/css/truck-stop-light.css, static/css/iplan-thesis-cards.css).
How it works: loaded only by templates/small-carrier-relationships.html, after the two Truck Stop Light files.
Version History:
2026-10-25 v1.3 - Shared .scr-svg classes for all three inline graphics (market target, relationship stages,
                  campaign systems): wide layout above 640 px, stacked phone layout at 640 px and below.
2026-10-25 v1.2 - Market target: wide layout above 640 px, stacked phone layout at 640 px and below.
2026-10-25 v1.1 - .scr-target: the market target SVG fills the story card and uses the story's serif (no inline styles).
2026-10-25 v1.0 - Opening paragraph runs the full width of the story column, the same width as the "More detail"
                  accordion under it (Michael: the text should go across like the accordion). Truck Stop Light's
                  rules cap it at 62-72 characters; this overrides them on this page only.
*/
.tsl-page .thesis-hero .lead{ max-width:none; }
.tsl-page .scr-svg{ display:block; width:100%; height:auto; font-family:Georgia,"Times New Roman",serif; }
.tsl-page .scr-svg--tall{ display:none; }
@media (max-width:640px){
  .tsl-page .scr-svg--wide{ display:none; }
  .tsl-page .scr-svg--tall{ display:block; }
}