/* Page styles for fees.html (block 1).
   Moved out of an inline <style> tag on 20 Aug 2026 so the CSP no longer needs
   style-src 'unsafe-inline'. Contents unchanged; the <link> replaces the <style>
   at exactly the same point in the document, so the cascade order is identical. */

/* Fees hero — same overlay recipe as the other page heroes, over the coins
     photograph. Kept here rather than in story.css so the shared stylesheet's
     cache version does not need bumping across all 26 pages. */
  .bg-hero-fees {
    background:
      linear-gradient(180deg, rgba(23,21,44,0.60), rgba(23,21,44,0.78)),
      url('images/bg-coins.jpg') center 50% / cover no-repeat,
      url('bg-skyline.svg') center bottom / 100% auto no-repeat,
      linear-gradient(160deg, #242047, #17152c);
  }
  @supports (background: image-set(url('x.webp') type('image/webp'))) {
    .bg-hero-fees {
      background:
        linear-gradient(180deg, rgba(23,21,44,0.60), rgba(23,21,44,0.78)),
        image-set(url('images/bg-coins.webp') type('image/webp'),
                  url('images/bg-coins.jpg')  type('image/jpeg')) center 50% / cover no-repeat,
        url('bg-skyline.svg') center bottom / 100% auto no-repeat,
        linear-gradient(160deg, #242047, #17152c);
    }
  }