/* ===========================================================================
   _wide.css  -  desktop and tablet rules for EVERY grid page (2026-10-27)

   grid.php links this file after the page's own CSS, so it wins.
   It says nothing at 700px and under: phones keep the apple-first look,
   short lines, one thought per line (STYLE-GUIDE.md).

   WHY (Viktor, 2026-10-27): the 9-to-12-word <br> plus a 25em cap left
   two-word lines hanging on desktops and tablets. From 701px up:
     - a soft break (br.egl-soft, made by grid_soft_breaks in grid.php)
       disappears and the sentence runs to the end of the line
     - reading text gets a real measure, about 70 characters
   Accent colors: green #5cb85c, orange #f0932b, blue #4a90d9.
   =========================================================================== */

@media (min-width: 701px) {

  /* Finish the line. */
  br.egl-soft { display: none; }

  /* A measure a desktop reader expects: about 70 characters. */
  .apple-first p,
  .apple-first li,
  .apple-first q,
  .apple-first .egl-fine,
  .apple-first .egl-card-note,
  .apple-first .ai-fine,
  .apple-first .bh-fine,
  .apple-first .vk-fine,
  .apple-first .why-fine,
  .apple-first .why-steps li { max-width: 38em; }

  .apple-first h2,
  .apple-first h3 { max-width: 30em; }

  /* Hero lines stay centered, just wider. */
  .apple-first .egl-hero p,
  .apple-first .why-hero p,
  .apple-first .ai-hero p,
  .apple-first .bh-hero p,
  .apple-first .vk-hero p { max-width: 34em; }

  /* Big quotes keep their own, narrower measure (set in each page's CSS). */
}