/* ═══════════════════════════════════════════════════════════════════════════════════════════
   fooNN.css — the cache-bust file. Renaming it changes the minified bundle's crc32 on
   production, which is how we force browsers to re-fetch. It was empty; the rules below were
   moved here from style.css on 2026-08-15 for a specific reason:

   style.css is served at a STABLE url. On dev (minify_assets=false) that means a browser which
   cached it before a change keeps serving the stale copy, and the fooNN rename does nothing for
   it because fooNN is a different file. The owner hit this three times running — panel styling
   "vanished", then links "still green" — while the server was serving correct CSS all along.

   fooNN, by contrast, gets a NEW url every time it is renamed, so nothing can have it cached.
   Putting the newest rules here means they land immediately for everyone, stale style.css or not.
   Loaded AFTER style.css in main.tpl.php, so these win on equal specificity.

   Housekeeping: at the next fooNN bump these can be folded back into style.css if preferred —
   by then every browser will have re-fetched style.css anyway.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
/* Author block colours stated EXPLICITLY (2026-08-15). They used to depend on the block sitting
   inside .tab-pane, which the template's inline <style> blues via ".cat-long-desc a, .tab-pane a".
   On the new layout the author bio moves out of .tab-pane (so the FAQ can sit above it), and the
   heading and links fell back to the site-wide green. Setting them here fixes the new layout and
   is a no-op on the old one, where they were already blue.                                      */
.article-author-block h3,
.article-author-block h3 a,
.article-author-block a {
    color: #1c4c82;
}
.article-author-block a:hover {
    color: #428302;
}

/* ── KEY-FACTS PANEL (owner-directed 2026-08-15) ───────────────────────────────
   The decision panel between the product list and the base article.
   Matches the established "by our own numbers" data panel: light blue ground,
   blue left rule. Headings must be BLUE, not the site-wide green h3 (.green, h3),
   and the H3 items must sit clearly BELOW the panel H2 in size -- the default h3
   is 24px, which rendered the items LARGER than their own heading.            */
.cat-key-facts {
    background: #f4f7fb;
    border: 1px solid #dbe4ef;
    border-left: 4px solid #1c4c82;
    border-radius: 6px;
    padding: 24px 28px;
    margin: 28px 0;
}
.cat-key-facts h2.key-facts-title {
    color: #1c4c82;
    font-size: 24px;
    margin: 0 0 14px;
}
.cat-key-facts h3 {
    color: #1c4c82;
    font-size: 18px;
    margin: 20px 0 8px;
}
.cat-key-facts p {
    margin-bottom: 10px;
}
/* Links: match the blue used for body links elsewhere on the page. The template's own
   <style> block only covers ".cat-long-desc a, .tab-pane a", so panel links would
   otherwise fall through to the site-default green. Hover matches the site too.      */
.cat-key-facts a {
    color: #1c4c82;
}
.cat-key-facts a:hover {
    color: #428302;
}

/* ── NEW-LAYOUT VERTICAL RHYTHM (owner-directed 2026-08-15) ─────────────────────────────
   Scoped to a DIRECT child of .col-md-9, which only happens on the new layout — on the old
   layout the author block sits inside .tab-pane and the FAQ is outside this column entirely,
   so neither rule can reach it.
     margin-top    41px  — matches the article-end → FAQ-top gap exactly (measured 41px,
                           which is the <hr> plus its margins), so the FAQ sits in even space
     margin-bottom 20px  — the author-end → reviews gap was 40px; +20px makes it 60px, the
                           50% increase asked for                                            */
.col-md-9 > .article-author-block {
    margin-top: 41px;
    margin-bottom: 20px;
}
/* With the <hr> removed from above the FAQ (owner-directed), the article-end -> FAQ-top gap
   collapsed to 10px while the gap below stayed 41px. This restores the symmetry the owner asked
   for: 41px of space above the FAQ block and 41px below it.                                    */
.col-md-9 .cat-faqs {
    margin-top: 41px;
}