/**
 * qa14-en-jtl-blog-subtitle.css
 * Page:  /en/jtl-blog  (page-id 263102)
 * Batch #14 item 3: the "JTL Blog" eyebrow must be tech-blue #2722f8.
 *
 * WHY THE EXISTING RULE DOESN'T WORK (this is not a missing declaration)
 *   archive-blog.css already says the right thing:
 *       .blog-archive-redesign__header .subtitle { color: var(--bar-tech-blue) }
 *   and it wins — the computed `color` on prod really is rgb(39,34,248).
 *   The heading still renders AMBER, because app.css paints the glyphs with a
 *   gradient instead of `color`:
 *       .page-template-blog .subtitle{
 *           background: linear-gradient(64deg,#ff9a26,#ffc935) text;
 *           -webkit-text-fill-color: transparent;
 *       }
 *   `-webkit-text-fill-color` overrides `color` when painting glyphs, and with
 *   `background-clip:text` + a transparent fill the gradient IS the text colour.
 *   archive-blog.css never resets either property, so `color` is inert.
 *   (Same class of bug as JP-794's checkmarks — verified by reading the computed
 *   `-webkit-text-fill-color`, which was rgba(0,0,0,0), not by eyeballing.)
 *
 *   So the fix has to undo the gradient, not restate the colour.
 *
 * SCOPE
 *   `body.page-id-263102` is the EN blog landing page only. The DE page
 *   /de/jtl-blog carries `page-id-77559` alone, so it keeps its amber gradient;
 *   the blog category archives and post templates are untouched. Only the EN
 *   page was requested.
 */
body.page-id-263102 .blog-archive-redesign__header .subtitle {
    background: none !important;
    -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
    -webkit-text-fill-color: #2722f8 !important;
    color: #2722f8 !important;
}