/* r62 - story-prompt sizing polish.
   Two universal changes to the shared story-prompt component, applied to every
   route that carries it. No per-page overrides.

   1. Bigger play glyph. The triangle goes 21px -> 30px, so it reads as 31% of
      the circle instead of 18%. The whole circle stays the tap target, which is
      far above the 44px minimum.
   2. Smaller circle and tighter vertical rhythm. Diameter 118px -> 96px, and the
      three component flavours (.intro-aside / .prose-aside / .book-aside) get
      margins that cancel out their differing host-section padding so the gap is
      a uniform 40px above and 34px below on every route, instead of the current
      78/62, 96/48 and 62/50. */
@media(max-width:640px){
  .film-frame.story-ready{width:96px}
  .film-frame.story-ready .film-play svg{width:30px;height:30px;filter:drop-shadow(0 1px 4px rgba(8,18,10,.9))}
  .film-frame.story-ready .film-time{bottom:-26px}

  /* Uniform 40px above / 34px below. Host section padding-top and parent grid
     gap are: intro 56/40, prose 74/26, book-grid 40(form-wrap)/28. */
  .intro-aside.story-row{margin-block:-16px -6px}
  .prose-aside.story-row{margin-block:-34px 8px}
  .book-aside.story-row{margin-block:0 6px}
}