/* bb-cover.css: the live cover card (bb_blog_live_cover() in inc/bb-blog.php), shared by the blog views, the homepage
   "Latest Guides" row and the service pages' Guides rows (Steering 9 B, 21 Oct 2026). Moved verbatim from bb-blog.css,
   which now depends on this file, so the cascade order on blog views is unchanged. Every selector is .bb-cover*. */
/* ── Live cover cards (owner request 15 Oct 2026, bb_blog_live_cover() in inc/bb-blog.php) ──────────────
   The tools/build-cover.py template at 1600px expressed in cqw (1% of the card width): logo x96 y72 h72, label
   Inter 600 28px .14em at y230, title 84px (or the size the builder stepped down to, --bb-cover-t) line 1.04 in a
   760px column, bar 96x7 40px under it, gradient #0A0C10 0% / .92 at 40% / 0 at 62%. Inter Display is renderer-only,
   so the site's Inter 800 at -0.02em stands in for it,
   at 92% of the builder's size in a 776px column (text Inter is wider; measured: every cover_title in 3 lines). */
.bb-cover { position: relative; display: block; width: 100%; height: 100%; container-type: inline-size; overflow: hidden; background: #0A0C10; }
.bb-cover--ember { background: radial-gradient(ellipse 62% 78% at 80% 52%, #331000 0%, #1f0a02 45%, #0A0C10 100%); }
.bb-cover .bb-cover-art { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: right center !important; }
.bb-cover-g { position: absolute; inset: 0; background: linear-gradient(90deg, #0A0C10 0%, rgba(10,12,16,.92) 40%, rgba(10,12,16,0) 62%); }
.bb-cover-txt { position: absolute; inset: 0; display: block; }
/* Logo and title block, owner request 20 Oct 2026: the logo was 4.5cqw (15.7px on a 348px phone card, its wordmark
   about 3.5px). Now 7cqw (24.4px on that card) at top 5cqw, and the title block moved down from 14.375cqw to 16cqw
   (4cqw under the logo). Chosen by measurement over all 23 covers: 18cqw put two titles on bright art (label 4.34:1,
   accent 2.31:1); 16cqw adds no contrast failure. The wordmark stays smaller than the label, so the title still leads.
   tools/build-cover.py and tools/build-social.py use the same numbers. */
.bb-cover .bb-cover-logo { position: absolute !important; left: 6cqw; top: 5cqw; width: auto !important; height: 7cqw !important; max-width: none !important; }
.bb-cover-t { position: absolute; left: 6cqw; top: 16cqw; width: 48.5cqw; display: block; }
.bb-cover-lab { display: block; font: 600 max(8px, 1.75cqw)/1.2 Inter, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #FF6A00; margin: 0 0 1.75cqw; }
.bb-cover-h { display: block; font: 800 calc(var(--bb-cover-t, 5.25) * 0.92cqw)/1.04 Inter, sans-serif; letter-spacing: -0.02em; color: #FFFFFF; text-transform: none; }
.bb-cover-h em { font-style: normal; color: #FF6A00; }
.bb-cover-bar { display: block; width: 6cqw; height: .4375cqw; background: #FF6A00; margin-top: 2.5cqw; }