@charset "UTF-8";
/* ============================================================================
   Baccarat Bro Fresh — content components reskinned to the baczim design.
   Overrides the mu-plugin shortcode inline CSS (bbro-shortcodes / bbro-visuals)
   so guide bodies use the emerald/cream/gold system. High specificity +
   !important where needed to beat the plugins' inline styles.
   ============================================================================ */

/* ---- callouts -> felt-tint panel with gold rule ---- */
.bbro-edition .entry-content .bbro-callout {
	background: var(--gold-tint) !important;
	border: 1px solid #e8d9b4 !important;
	border-left: 4px solid var(--gold) !important;
	border-radius: var(--r) !important;
	box-shadow: none !important;
	padding: 20px 24px !important;
	margin: 1.8rem 0 !important;
	color: var(--ink) !important;
}
.bbro-edition .entry-content .bbro-callout.is-warn,
.bbro-edition .entry-content .bbro-callout.is-warning {
	background: var(--player-tint) !important; border-color: #ecccc8 !important; border-left-color: var(--player) !important;
}
.bbro-edition .entry-content .bbro-callout.is-info {
	background: var(--felt-tint) !important; border-color: #cfe0d6 !important; border-left-color: var(--felt) !important;
}
.bbro-edition .entry-content .bbro-callout__title {
	font-family: var(--mono) !important; font-size: 11px !important; letter-spacing: .12em !important;
	text-transform: uppercase !important; color: var(--gold-deep) !important; font-weight: 700 !important; margin: 0 0 .5em !important;
}
.bbro-edition .entry-content .bbro-callout p { color: var(--ink) !important; }

/* ---- key takeaways -> felt-tint card, gold top rule, serif heading ---- */
.bbro-edition .entry-content .bbro-kt,
.bbro-edition .entry-content .bbro-keytakeaways {
	background: var(--felt-tint) !important; border: 1px solid #cfe0d6 !important; border-top: 4px solid var(--gold) !important;
	border-radius: var(--r) !important; padding: 24px 26px !important; margin: 1.8rem 0 !important; box-shadow: none !important;
}
.bbro-edition .entry-content .bbro-kt__title,
.bbro-edition .entry-content .bbro-keytakeaways__title {
	font-family: var(--display) !important; font-weight: 800 !important; font-size: 1.25rem !important; color: var(--felt-deep) !important; margin: 0 0 .8em !important;
}
.bbro-edition .entry-content .bbro-kt ul,
.bbro-edition .entry-content .bbro-keytakeaways ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: .7em; }
.bbro-edition .entry-content .bbro-kt p + ul,
.bbro-edition .entry-content .bbro-keytakeaways p + ul { margin-top: .9em !important; }
.bbro-edition .entry-content .bbro-kt li,
.bbro-edition .entry-content .bbro-keytakeaways li { position: relative; padding-left: 30px !important; color: var(--ink) !important; margin: 0 !important; }
.bbro-edition .entry-content .bbro-kt li::before,
.bbro-edition .entry-content .bbro-keytakeaways li::before {
	content: "✓"; position: absolute; left: 0; top: 0; color: var(--felt); font-weight: 800;
	width: 20px; height: 20px; display: inline-grid; place-items: center;
}

/* ---- sources -> small cream panel + mono ---- */
.bbro-edition .entry-content .bbro-sources {
	background: var(--cream) !important; border: 1px solid var(--line) !important; border-radius: var(--r) !important;
	padding: 18px 22px !important; margin: 2.2rem 0 !important; font-size: .92rem !important;
}
.bbro-edition .entry-content .bbro-sources__title,
.bbro-edition .entry-content .bbro-sources p:first-child {
	font-family: var(--mono) !important; font-size: 10.5px !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--ink-faint) !important; font-weight: 700 !important;
}
.bbro-edition .entry-content .bbro-sources a { color: var(--felt) !important; }

/* ---- FAQ accordion ---- */
.bbro-edition .entry-content .bbro-faq__item,
.bbro-edition .entry-content .bbro-faq details {
	border: 1px solid var(--line) !important; border-radius: var(--r) !important; background: var(--paper) !important;
	margin: 0 0 10px !important; padding: 0 !important; overflow: hidden;
}
.bbro-edition .entry-content .bbro-faq__q,
.bbro-edition .entry-content .bbro-faq summary {
	font-family: var(--display) !important; font-weight: 800 !important; font-size: 1.1rem !important; color: var(--ink) !important; padding: 16px 20px !important;
}
.bbro-edition .entry-content .bbro-faq__a { padding: 0 20px 16px !important; color: var(--ink-soft) !important; }

/* ---- bet cards (banker/player/tie): pill on top, name under it, big edge,
        mono labels — stacked card layout ---- */
.bbro-edition .entry-content .bbro-betcards { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 16px !important; margin: 1.8rem 0 !important; }
.bbro-edition .entry-content .bbro-betcard {
	display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important;
	background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--r-lg) !important; padding: 22px 18px !important; text-align: center !important; box-shadow: var(--shadow-sm) !important;
}
.bbro-edition .entry-content .bbro-betcard.is-best { background: var(--felt-tint) !important; border-color: #cfe0d6 !important; border-top: 3px solid var(--felt) !important; }
.bbro-edition .entry-content .bbro-betcard.is-avoid { background: var(--player-tint) !important; border-color: #ecccc8 !important; border-top: 3px solid var(--player) !important; }
.bbro-edition .entry-content .bbro-betcard__tag {
	display: inline-flex !important; align-items: center !important; font-family: var(--mono) !important; font-size: 10.5px !important; font-weight: 700 !important;
	letter-spacing: .07em !important; text-transform: uppercase !important; padding: 4px 11px !important; border-radius: 999px !important;
	background: var(--cream) !important; border: 1px solid var(--line) !important; color: var(--ink-soft) !important; margin-bottom: 8px !important;
}
.bbro-edition .entry-content .bbro-betcard.is-best .bbro-betcard__tag { background: var(--felt) !important; border-color: var(--felt) !important; color: #fff !important; }
.bbro-edition .entry-content .bbro-betcard.is-avoid .bbro-betcard__tag { background: var(--player) !important; border-color: var(--player) !important; color: #fff !important; }
.bbro-edition .entry-content .bbro-betcard__name { display: block !important; font-family: var(--display) !important; font-weight: 800 !important; font-size: 1.4rem !important; line-height: 1.1 !important; color: var(--ink) !important; }
.bbro-edition .entry-content .bbro-betcard__edge { display: block !important; font-family: var(--display) !important; font-weight: 800 !important; font-size: 2.2rem !important; line-height: 1.1 !important; color: var(--felt) !important; margin-top: 6px !important; }
.bbro-edition .entry-content .bbro-betcard.is-avoid .bbro-betcard__edge { color: var(--player) !important; }
.bbro-edition .entry-content .bbro-betcard__lbl { display: block !important; font-family: var(--mono) !important; font-size: 10px !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--ink-faint) !important; }
.bbro-edition .entry-content .bbro-betcard__pay {
	display: block !important; font-family: var(--mono) !important; font-size: 11px !important; letter-spacing: .05em !important; color: var(--ink-soft) !important;
	margin-top: 12px !important; padding-top: 10px !important; border-top: 1px solid var(--line-soft) !important; width: 100% !important;
}
@media (max-width: 640px) { .bbro-edition .entry-content .bbro-betcards { grid-template-columns: 1fr !important; } }

/* ---- stats: each number is a centered paper card ---- */
.bbro-edition .entry-content .bbro-stats { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 16px !important; margin: 1.8rem 0 !important; }
.bbro-edition .entry-content .bbro-stat {
	display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important;
	background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--r-lg) !important;
	padding: 22px 16px !important; text-align: center !important; box-shadow: var(--shadow-sm) !important;
}
.bbro-edition .entry-content .bbro-stat.is-good { background: var(--felt-tint) !important; border-color: #cfe0d6 !important; }
.bbro-edition .entry-content .bbro-stat.is-bad { background: var(--player-tint) !important; border-color: #ecccc8 !important; }
.bbro-edition .entry-content .bbro-stats__num, .bbro-edition .entry-content .bbro-stat__num {
	display: block !important; font-family: var(--display) !important; font-weight: 800 !important; font-size: 2.2rem !important; line-height: 1.1 !important; color: var(--felt) !important;
}
.bbro-edition .entry-content .bbro-stat.is-bad .bbro-stat__num { color: var(--player) !important; }
.bbro-edition .entry-content .bbro-stat__lbl { display: block !important; font-family: var(--mono) !important; font-size: 10.5px !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--ink-soft) !important; }
@media (max-width: 640px) { .bbro-edition .entry-content .bbro-stats { grid-template-columns: 1fr !important; } }

/* ---- do / don't -> pros/cons ---- */
.bbro-edition .entry-content .bbro-dodont { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px !important; margin: 1.8rem 0 !important; }
.bbro-edition .entry-content .bbro-dodont__col { border-radius: var(--r-lg) !important; padding: 22px 24px !important; border: 1px solid var(--line) !important; }
.bbro-edition .entry-content .bbro-dodont__col.is-do { background: var(--felt-tint) !important; border-color: #cfe0d6 !important; }
.bbro-edition .entry-content .bbro-dodont__col.is-dont { background: var(--player-tint) !important; border-color: #ecccc8 !important; }
.bbro-edition .entry-content .bbro-dodont__head { font-family: var(--sans) !important; font-size: .85rem !important; text-transform: uppercase !important; letter-spacing: .1em !important; font-weight: 700 !important; }
.bbro-edition .entry-content .bbro-dodont__col.is-do .bbro-dodont__head { color: var(--felt-deep) !important; }
.bbro-edition .entry-content .bbro-dodont__col.is-dont .bbro-dodont__head { color: var(--player) !important; }

/* ---- [bbro_steps] — vertical numbered rows: felt number circle, bold lead,
        muted detail (markup: ol.bbro-steps > li.bbro-step > __n + __body) ---- */
.bbro-edition .entry-content .bbro-steps { list-style: none !important; display: grid !important; gap: 12px !important; margin: 1.8rem 0 !important; padding: 0 !important; }
.bbro-edition .entry-content .bbro-step {
	display: flex !important; align-items: flex-start !important; gap: 14px !important; margin: 0 !important;
	background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--r) !important;
	padding: 16px 18px !important; box-shadow: var(--shadow-sm) !important;
}
.bbro-edition .entry-content .bbro-step__n {
	flex: none !important; display: inline-grid !important; place-items: center !important; width: 28px !important; height: 28px !important;
	border-radius: 50% !important; background: var(--felt) !important; color: #fff !important;
	font-family: var(--mono) !important; font-size: 12px !important; font-weight: 700 !important; margin-top: 1px !important;
}
.bbro-edition .entry-content .bbro-step__body { display: flex !important; flex-direction: column !important; gap: 3px !important; min-width: 0 !important; }
.bbro-edition .entry-content .bbro-step__lead { font-weight: 700 !important; color: var(--ink) !important; font-size: 1.04rem !important; line-height: 1.35 !important; }
.bbro-edition .entry-content .bbro-step__detail { color: var(--ink-soft) !important; font-size: .95rem !important; line-height: 1.5 !important; }

/* ---- odds grid / data tables -> .tbl ---- */
.bbro-edition .entry-content .bbro-odds,
.bbro-edition .entry-content .bbro-odds__table,
.bbro-edition .entry-content .bbro-3card table,
.bbro-edition .entry-content .bbro-mart table,
.bbro-edition .entry-content .bbro-ctable__table {
	width: 100% !important; border-collapse: collapse !important; background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--r) !important; overflow: hidden !important; font-size: .98rem !important; box-shadow: none !important;
}
.bbro-edition .entry-content .bbro-odds th, .bbro-edition .entry-content .bbro-odds td,
.bbro-edition .entry-content .bbro-odds__table th, .bbro-edition .entry-content .bbro-odds__table td,
.bbro-edition .entry-content .bbro-3card th, .bbro-edition .entry-content .bbro-3card td,
.bbro-edition .entry-content .bbro-mart th, .bbro-edition .entry-content .bbro-mart td,
.bbro-edition .entry-content .bbro-ctable__table th, .bbro-edition .entry-content .bbro-ctable__table td {
	padding: 13px 16px !important; text-align: left !important; border: 0 !important; border-bottom: 1px solid var(--line-soft) !important; color: var(--ink) !important;
}
.bbro-edition .entry-content .bbro-odds thead th, .bbro-edition .entry-content .bbro-odds__table thead th,
.bbro-edition .entry-content .bbro-3card thead th, .bbro-edition .entry-content .bbro-mart thead th,
.bbro-edition .entry-content .bbro-ctable__table thead th {
	background: var(--felt-tint) !important; color: var(--felt-deep) !important; font-family: var(--mono) !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: .07em !important; font-weight: 700 !important;
}
.bbro-edition .entry-content .bbro-odds__verdict.is-best { background: var(--felt-tint) !important; color: var(--felt-deep) !important; }
.bbro-edition .entry-content .bbro-odds__verdict.is-avoid { background: var(--player-tint) !important; color: var(--player) !important; }
.bbro-edition .entry-content .bbro-odds__verdict.is-ok { background: var(--gold-tint) !important; color: var(--gold-deep) !important; }

/* ---- review header (casino reviews) ---- */
.bbro-edition .entry-content .bbro-revhd {
	background: var(--paper) !important; border: 1px solid var(--line) !important; border-top: 4px solid var(--gold) !important; border-radius: var(--r-lg) !important; padding: 26px !important; box-shadow: var(--shadow-sm) !important;
}
.bbro-edition .entry-content .bbro-revhd__brand { font-family: var(--display) !important; font-weight: 800 !important; color: var(--ink) !important; }
.bbro-edition .entry-content .bbro-revhd__score-num { font-family: var(--display) !important; font-weight: 800 !important; color: var(--felt) !important; }
.bbro-edition .entry-content .bbro-revhd__cell dt { font-family: var(--mono) !important; font-size: 10px !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--ink-faint) !important; }
.bbro-edition .entry-content .bbro-revhd__cell dd { color: var(--ink) !important; }

/* ---- silo grid -> card grid ---- */
.bbro-edition .entry-content .bbro-silogrid__grid { gap: 18px !important; }
.bbro-edition .entry-content .bbro-silogrid__card { background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-sm) !important; color: var(--ink) !important; }
.bbro-edition .entry-content .bbro-silogrid__card:hover { border-color: var(--gold) !important; box-shadow: var(--shadow-lg) !important; }
.bbro-edition .entry-content .bbro-silogrid__card:before { background: var(--gold) !important; }
.bbro-edition .entry-content .bbro-silogrid__icon { color: var(--felt) !important; }
.bbro-edition .entry-content .bbro-silogrid__title { font-family: var(--display) !important; font-weight: 800 !important; color: var(--ink) !important; }
.bbro-edition .entry-content .bbro-silogrid__desc { color: var(--ink-soft) !important; }
.bbro-edition .entry-content .bbro-silogrid__arrow { color: var(--gold-deep) !important; font-family: var(--mono) !important; }
.bbro-edition .entry-content .bbro-silogrid__heading { font-family: var(--display) !important; font-weight: 800 !important; color: var(--ink) !important; }

/* ---- chart wrappers: keep but theme the frame ---- */
.bbro-edition .entry-content .bbro-bnkchart, .bbro-edition .entry-content figure.bbro-mart, .bbro-edition .entry-content figure.bbro-odds {
	background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--r-lg) !important;
}
.bbro-edition .entry-content .bbro-bnkchart__caption, .bbro-edition .entry-content .bbro-mart__caption { color: var(--ink-faint) !important; }

/* ---- bro callout (if used in content) ---- */
.bbro-edition .entry-content .bro-callout { margin: 2rem 0; }

/* ---- [bbro_says] -> the baczim bro speech bubble: mascot emblem on the
        left (data-URI of bbro_emblem), felt bubble with gold eyebrow + tail ---- */
.bbro-edition .entry-content .bbro-says {
	position: relative !important; margin: 2.4rem 0 2.4rem 110px !important;
	background: var(--felt) !important; color: #fff !important; border: 0 !important;
	border-radius: var(--r-lg) !important; padding: 22px 26px !important; box-shadow: var(--shadow) !important;
}
.bbro-edition .entry-content .bbro-says::before {
	content: "" !important; position: absolute !important; left: -110px !important; top: 0 !important;
	width: 84px !important; height: 84px !important;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="47" fill="%230F4F3C"/><circle cx="50" cy="50" r="47" fill="none" stroke="%23C79A4B" stroke-width="3" stroke-dasharray="9 9.4"/><circle cx="50" cy="50" r="38" fill="%230A3A2B"/><circle cx="50" cy="50" r="38" fill="none" stroke="%231A6B51" stroke-width="1.5"/><rect x="22" y="40" width="24" height="15" rx="6" fill="%2314110c"/><rect x="54" y="40" width="24" height="15" rx="6" fill="%2314110c"/><rect x="44" y="44" width="12" height="4" rx="2" fill="%2314110c"/><rect x="22" y="40" width="24" height="15" rx="6" fill="none" stroke="%23C79A4B" stroke-width="1.4"/><rect x="54" y="40" width="24" height="15" rx="6" fill="none" stroke="%23C79A4B" stroke-width="1.4"/><circle cx="28" cy="45" r="2.4" fill="%23fff" opacity=".85"/><circle cx="60" cy="45" r="2.4" fill="%23fff" opacity=".85"/><path d="M34 64 Q50 78 66 64" fill="none" stroke="%23F6F1E7" stroke-width="4.5" stroke-linecap="round"/></svg>') center / contain no-repeat !important;
	filter: drop-shadow(0 6px 14px rgba(10,58,43,.22));
}
.bbro-edition .entry-content .bbro-says::after {
	content: "" !important; position: absolute !important; left: -13px !important; top: 30px !important;
	border-width: 9px 14px 9px 0 !important; border-style: solid !important;
	border-color: transparent var(--felt) transparent transparent !important;
}
.bbro-edition .entry-content .bbro-says__brand {
	font-family: var(--mono) !important; font-size: 11px !important; letter-spacing: .14em !important;
	text-transform: uppercase !important; color: var(--gold) !important; font-weight: 700 !important; margin: 0 0 7px !important;
}
.bbro-edition .entry-content .bbro-says__mark { display: none !important; }
.bbro-edition .entry-content .bbro-says__body { margin: 0 !important; font-size: 1.06rem !important; line-height: 1.55 !important; color: #fff !important; }
@media (max-width: 640px) {
	.bbro-edition .entry-content .bbro-says { margin-left: 0 !important; margin-top: 5.4rem !important; }
	.bbro-edition .entry-content .bbro-says::before { left: 12px !important; top: -72px !important; width: 58px !important; height: 58px !important; }
	.bbro-edition .entry-content .bbro-says::after { left: 26px !important; top: -13px !important; border-width: 0 9px 14px 9px !important; border-color: transparent transparent var(--felt) transparent !important; }
}

/* ---- guard: the global flow-spacing rule (p + p = 1.3rem) must not blow up
        tightly-spaced component internals ---- */
.bbro-edition .entry-content .bbro-authorbox p + p { margin-top: 0 !important; }
.bbro-edition .entry-content .bbro-callout p + p { margin-top: .6em !important; }
.bbro-edition .entry-content .bbro-sources p + p { margin-top: .4em !important; }
.bbro-edition .entry-content .bbro-says p + p { margin-top: 0 !important; }

/* ---- [bbro_hub_index] "Also read" -> numbered rows in a paper card ---- */
.bbro-edition .entry-content .bbro-hubindex { background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--r-lg) !important; padding: 22px 26px !important; box-shadow: var(--shadow-sm) !important; margin: 2.2rem 0 !important; }
.bbro-edition .entry-content .bbro-hubindex__title { font-family: var(--display) !important; font-weight: 800 !important; font-size: 1.35rem !important; color: var(--ink) !important; margin: 0 0 .4em !important; letter-spacing: normal !important; text-transform: none !important; }
.bbro-edition .entry-content .bbro-hubindex__list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.bbro-edition .entry-content .bbro-hubindex__item { margin: 0 !important; padding: 0 !important; }
.bbro-edition .entry-content .bbro-hubindex__item a { display: flex !important; align-items: center !important; gap: 16px !important; padding: 13px 2px !important; border-bottom: 1px solid var(--line-soft) !important; text-decoration: none !important; color: var(--ink) !important; font-weight: 400 !important; background: transparent !important; }
.bbro-edition .entry-content .bbro-hubindex__item:last-child a { border-bottom: 0 !important; }
.bbro-edition .entry-content .bbro-hubindex__item a:hover .bbro-hubindex__t { color: var(--felt) !important; }
.bbro-edition .entry-content .bbro-hubindex__n { font-family: var(--mono) !important; font-size: 11px !important; color: var(--gold-deep) !important; font-weight: 700 !important; flex: none !important; }
.bbro-edition .entry-content .bbro-hubindex__text { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; }
.bbro-edition .entry-content .bbro-hubindex__t { font-weight: 700 !important; font-size: 1.02rem !important; color: var(--ink) !important; line-height: 1.35 !important; }
.bbro-edition .entry-content .bbro-hubindex__d { font-size: .9rem !important; color: var(--ink-soft) !important; line-height: 1.45 !important; }
.bbro-edition .entry-content .bbro-hubindex__arrow { margin-left: auto !important; color: var(--gold-deep) !important; flex: none !important; }

/* ---- standardize data-table figures: the FIGURE is the frame, the inner
        table sits flush (no inner margins, no double borders) ---- */
.bbro-edition .entry-content figure.bbro-odds,
.bbro-edition .entry-content figure.bbro-3card,
.bbro-edition .entry-content figure.bbro-mart,
.bbro-edition .entry-content figure.bbro-ctable {
	background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--r) !important;
	padding: 0 !important; margin: 1.6rem 0 !important; overflow-x: auto !important;
}
.bbro-edition .entry-content figure.bbro-odds table,
.bbro-edition .entry-content figure.bbro-3card table,
.bbro-edition .entry-content figure.bbro-mart table,
.bbro-edition .entry-content figure.bbro-ctable table {
	margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; width: 100% !important;
}
.bbro-edition .entry-content figure.bbro-odds figcaption,
.bbro-edition .entry-content figure.bbro-3card figcaption,
.bbro-edition .entry-content figure.bbro-mart figcaption,
.bbro-edition .entry-content figure.bbro-ctable figcaption {
	padding: 10px 16px !important; font-family: var(--mono) !important; font-size: 11px !important;
	color: var(--ink-faint) !important; background: var(--cream) !important; border-top: 1px solid var(--line-soft) !important;
	letter-spacing: .04em !important; margin: 0 !important;
}

/* ---- mobile: wide data tables scroll inside their figure instead of
        stretching the page (odds grid min-content ≈ 480px) ---- */
@media (max-width: 640px) {
	.bbro-edition .entry-content figure[class*="bbro-"],
	.bbro-edition .entry-content .bbro-odds,
	.bbro-edition .entry-content .bbro-3card,
	.bbro-edition .entry-content .bbro-mart,
	.bbro-edition .entry-content .bbro-ctable {
		overflow-x: auto !important; -webkit-overflow-scrolling: touch; max-width: 100% !important;
	}
	.bbro-edition .entry-content table { font-size: .9rem !important; }
}

/* ----------------------------------------------------------------------------
   Override the legacy bbro-visuals mu-plugin width rules.
   It pins hub `.inside-article` to 1320px WITHOUT centering (left-aligned with a
   right gap) and gives the old theme its full-width hub layout. In this theme
   every interior page is a contained, centered reading column — only the hero
   bleeds full width. html-prefixed selectors beat the plugin's !important.
   ---------------------------------------------------------------------------- */
/* wrappers full width so the hero bleeds + the panel centers in the viewport */
html body[class*="bbro-layout"] .grid-container,
html body[class*="bbro-layout"] .site-content .content-area,
html body[class*="bbro-layout"] .site-main,
html body[class*="bbro-layout"] [class*="post-"].post {
	max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
}
html body[class*="bbro-layout"] .inside-article {
	max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
	background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html body[class*="bbro-layout"] .entry-content {
	max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
}
html body[class*="bbro-layout"] .entry-content > * {
	max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
}
/* …but no-TOC pages get a left-aligned reading column (beats the rule above). */
html body[class*="bbro-layout"] .entry-content.bbro-readcol {
	max-width: 820px !important; margin-left: 0 !important;
}
/* keep the page hero genuinely full-bleed, with uniform bottom padding
   (the legacy mu-plugin hub layout pads hub heroes to 4.2rem) */
html body[class*="bbro-layout"] .bbro-pagehero { max-width: none !important; padding-bottom: 34px !important; }

/* gold (light) variant of the bro bubble — mirrors .bro-callout--gold */
.bbro-edition .entry-content .bbro-says--gold { background: var(--gold-tint) !important; border: 1px solid #e8d9b4 !important; box-shadow: var(--shadow-sm) !important; }
.bbro-edition .entry-content .bbro-says--gold::after { border-color: transparent var(--gold-tint) transparent transparent !important; }
.bbro-edition .entry-content .bbro-says--gold .bbro-says__brand { color: var(--gold-deep) !important; }
.bbro-edition .entry-content .bbro-says--gold .bbro-says__body { color: var(--ink) !important; }
.bbro-edition .entry-content .bbro-says--gold .bbro-says__body strong { color: var(--gold-deep) !important; }
.bbro-edition .entry-content .bbro-says .bbro-says__body strong { color: var(--gold); }
@media (max-width: 640px) {
	.bbro-edition .entry-content .bbro-says--gold::after { border-color: transparent transparent var(--gold-tint) transparent !important; }
}

/* "BACCARAT BRO" caption under the bubble mascot, as in the reference */
.bbro-edition .entry-content .bbro-says::before {
	content: "BACCARAT BRO" !important;
	height: 106px !important;
	background-position: top center !important;
	background-size: 84px 84px !important;
	display: flex !important; align-items: flex-end; justify-content: center;
	font-family: var(--mono); font-size: 10px; font-weight: 700; line-height: 1;
	letter-spacing: .14em; color: var(--ink-faint); white-space: nowrap;
}
@media (max-width: 640px) {
	.bbro-edition .entry-content .bbro-says::before {
		height: 58px !important; background-size: 58px 58px !important;
		content: "" !important; /* no room for the caption above the bubble on mobile */
	}
}

/* ---- legacy [bbro_calc] calculators (odds + bankroll) styled to the design
        system — the original CSS lived in the retired theme, leaving these
        bare. Polished card + grid inputs + spec-list results. ---- */
.bbro-edition .entry-content .bbro-calc {
	background: var(--paper) !important; border: 1px solid var(--line) !important;
	border-radius: var(--r-lg) !important; box-shadow: var(--shadow-sm) !important;
	padding: 24px 26px !important; margin: 1.8rem 0 !important;
}
.bbro-edition .entry-content .bbro-comp-title {
	font-family: var(--display) !important; font-weight: 800 !important; font-size: 1.2rem !important;
	color: var(--felt-deep) !important; margin: 0 0 16px !important;
}
.bbro-edition .entry-content .bbro-calc__row {
	display: grid !important; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 14px !important; margin: 0 0 14px !important;
}
.bbro-edition .entry-content .bbro-calc__row label {
	display: flex !important; flex-direction: column; gap: 6px;
	font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase;
	color: var(--ink-faint); font-weight: 700;
}
.bbro-edition .entry-content .bbro-calc input,
.bbro-edition .entry-content .bbro-calc select {
	width: 100%; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px;
	font: inherit; font-size: 1.02rem; font-weight: 700; background: var(--cream); color: var(--ink);
	text-transform: none; letter-spacing: 0; margin: 0;
}
.bbro-edition .entry-content .bbro-calc input:focus,
.bbro-edition .entry-content .bbro-calc select:focus { outline: 2px solid var(--gold); outline-offset: 1px; }
.bbro-edition .entry-content .bbro-calc__out {
	display: grid !important; grid-template-columns: 1fr auto; column-gap: 20px; margin: 18px 0 0 !important;
	padding-top: 4px; border-top: 1px solid var(--line-soft);
}
.bbro-edition .entry-content .bbro-calc__out dt {
	display: flex; align-items: center; padding: 13px 0; margin: 0;
	color: var(--ink-soft); font-weight: 600; font-size: .96rem; border-bottom: 1px solid var(--line-soft);
}
.bbro-edition .entry-content .bbro-calc__out dd {
	display: flex; align-items: center; justify-content: flex-end; text-align: right;
	padding: 13px 0; margin: 0; border-bottom: 1px solid var(--line-soft);
	font-family: var(--display); font-weight: 800; font-size: 1.3rem; line-height: 1.1; color: var(--ink);
}
.bbro-edition .entry-content .bbro-calc__out dt:nth-last-of-type(1),
.bbro-edition .entry-content .bbro-calc__out dd:nth-last-of-type(1) { border-bottom: 0; }
.bbro-edition .entry-content .bbro-calc__out dd.neg { color: var(--player); }
.bbro-edition .entry-content .bbro-calc__out dd.pos { color: var(--felt); }
@media (max-width: 560px) {
	.bbro-edition .entry-content .bbro-calc__row { grid-template-columns: 1fr; }
}

/* ---- contact form [bbro_contact_form] (.bbro-cf) — original CSS lived in the
        retired theme, leaving it bare. Styled to the design system. ---- */
.bbro-edition .entry-content .bbro-cf { margin: 1.8rem 0; }
.bbro-edition .entry-content .bbro-cf__alert {
	background: var(--player-tint); border: 1px solid #ecccc8; border-left: 4px solid var(--player);
	border-radius: var(--r); padding: 12px 16px; margin: 0 0 16px; color: var(--ink); font-weight: 600;
}
.bbro-edition .entry-content .bbro-cf__reasons { border: 0; padding: 0; margin: 0 0 18px; }
.bbro-edition .entry-content .bbro-cf__reasons legend {
	font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase;
	color: var(--ink-faint); font-weight: 700; padding: 0; margin: 0 0 10px;
}
.bbro-edition .entry-content .bbro-cf__pills { display: flex; flex-wrap: wrap; gap: 8px; }
.bbro-edition .entry-content .bbro-cf__pill { position: relative; cursor: pointer; }
.bbro-edition .entry-content .bbro-cf__pill input { position: absolute; opacity: 0; pointer-events: none; }
.bbro-edition .entry-content .bbro-cf__pill span {
	display: inline-block; padding: 8px 16px; border: 1px solid var(--line); border-radius: 999px;
	background: var(--paper); font-size: .92rem; font-weight: 600; color: var(--ink-soft); transition: all .14s;
}
.bbro-edition .entry-content .bbro-cf__pill input:checked + span { background: var(--felt); border-color: var(--felt); color: #fff; }
.bbro-edition .entry-content .bbro-cf__pill input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; }
.bbro-edition .entry-content .bbro-cf__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.bbro-edition .entry-content .bbro-cf__field { display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; }
.bbro-edition .entry-content .bbro-cf__field label {
	font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase;
	color: var(--ink-faint); font-weight: 700;
}
.bbro-edition .entry-content .bbro-cf input[type="text"],
.bbro-edition .entry-content .bbro-cf input[type="email"],
.bbro-edition .entry-content .bbro-cf textarea {
	width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px;
	font: inherit; font-size: 1rem; background: var(--cream); color: var(--ink); resize: vertical;
}
.bbro-edition .entry-content .bbro-cf input:focus,
.bbro-edition .entry-content .bbro-cf textarea:focus { outline: 2px solid var(--gold); outline-offset: 1px; }
.bbro-edition .entry-content .bbro-cf__field.is-error input,
.bbro-edition .entry-content .bbro-cf__field.is-error textarea { border-color: var(--player); }
.bbro-edition .entry-content .bbro-cf__err { color: var(--player); font-size: .85rem; font-weight: 600; }
.bbro-edition .entry-content .bbro-cf__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bbro-edition .entry-content .bbro-cf__foot { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 4px; }
.bbro-edition .entry-content .bbro-cf__submit {
	display: inline-flex; align-items: center; gap: 8px; background: var(--gold); color: #211806;
	border: 0; border-radius: 999px; padding: 13px 26px; font: inherit; font-weight: 700; font-size: .98rem;
	cursor: pointer; text-decoration: none; transition: background .15s;
}
.bbro-edition .entry-content .bbro-cf__submit:hover { background: var(--gold-deep); color: #fff; }
.bbro-edition .entry-content .bbro-cf__priv { font-size: .85rem; color: var(--ink-faint); }
/* success state */
.bbro-edition .entry-content .bbro-cf--done {
	background: var(--felt-tint); border: 1px solid #cfe0d6; border-radius: var(--r-lg);
	padding: 32px; text-align: center;
}
.bbro-edition .entry-content .bbro-cf__check {
	display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 50%;
	background: var(--felt); color: #fff; font-size: 1.5rem; font-weight: 800; margin-bottom: 12px;
}
.bbro-edition .entry-content .bbro-cf__donetitle { font-family: var(--display); font-weight: 800; color: var(--felt-deep); margin: 0; }
@media (max-width: 560px) { .bbro-edition .entry-content .bbro-cf__grid { grid-template-columns: 1fr; } }