/*
Theme Name: biztester
Theme URI: https://biztester.com
Author: Binary Glyph
Author URI: https://binaryglyph.com
Description: The biztester.com block theme. Colors, type and spacing come from theme.json, which is generated from the approved token master (scripts/build-theme-json.py). This file holds only what theme.json cannot express, bound to its roles.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: biztester
*/

/* ── The rules this file keeps (identity-proposal.md, approved 2026-10-24) ──
   Marker yellow is a FILL: the answer, the primary button, the tile, link hover. Never text, never status.
   Links are always underlined. Status is a label or icon first, color second. No green, no blue identity. */

html { -webkit-text-size-adjust: 100%; }
/* Light only (Steve, 2026-10-24): the design's contrast comes from its fixed dark bands on a light page; the
   site does not follow the visitor's dark setting, and tells the browser so. */
:root { color-scheme: light; }
body { font-variant-numeric: lining-nums; text-rendering: optimizeLegibility; }
:where(.wp-site-blocks) a:hover { text-decoration-color: currentColor; }
:where(.wp-site-blocks) a { text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
:focus-visible { outline: 2.5px solid var(--wp--custom--color--focus); outline-offset: 2px; }
.wp-element-button:focus-visible, .wp-block-button__link:focus-visible { outline: 2.5px solid var(--wp--custom--color--focus); outline-offset: 2px; }
::selection { background: var(--wp--custom--color--accent-fill); color: var(--wp--custom--color--text-on-accent); }

/* Figures line up: every number on the site sets tabular */
.has-tabular-figures, .bt-figure, table, .is-style-worksheet { font-variant-numeric: tabular-nums lining-nums; }

/* ── Header + footer ── */
.bt-mark { display: inline-flex; align-items: center; color: var(--wp--custom--color--text-strong); text-decoration: none; line-height: 0; }
.bt-mark:hover, .bt-mark:focus-visible { background: none; color: var(--wp--custom--color--text-strong); }
.bt-mark svg { height: 40px; width: auto; display: block; }
.bt-header { border-bottom: 1px solid var(--wp--custom--color--line); background: var(--wp--custom--color--surface); }
.bt-header .wp-block-navigation a { text-decoration: none; font-weight: 600; color: var(--wp--custom--color--text-muted); }
.bt-header .wp-block-navigation a:hover { color: var(--wp--custom--color--text-on-accent); }
.bt-footer { background: var(--wp--custom--color--surface-dark); color: var(--wp--custom--color--text-on-dark); }
.bt-footer a, .bt-footer .bt-mark, .bt-footer .bt-mark:hover { color: var(--wp--custom--color--text-on-dark); }
.bt-footer a:hover { color: var(--wp--custom--color--text-on-accent); }
.bt-footer :focus-visible { outline-color: var(--wp--custom--color--focus-on-dark); }
.bt-footer .bt-mark svg { height: 32px; }

/* ── Eyebrow / meta: the Mono voice for labels, dates, sources ── */
.is-style-eyebrow {
	font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--caption);
	letter-spacing: var(--wp--custom--tracking--label); text-transform: uppercase; color: var(--wp--custom--color--text-quiet);
}
.is-style-meta { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--small); color: var(--wp--custom--color--text-quiet); }
.is-style-lede { font-size: var(--wp--preset--font-size--lede); color: var(--wp--custom--color--text-muted); }

/* ── The marker: a highlighted phrase in a heading, and the answer ── */
.bt-hl, mark.bt-hl {
	background: linear-gradient(transparent 58%, var(--wp--custom--color--accent-fill) 58%, var(--wp--custom--color--accent-fill) 92%, transparent 92%);
	color: inherit; padding: 0 .06em; -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
mark.bt-answer, .bt-answer mark {
	background: var(--wp--custom--color--accent-fill); color: var(--wp--custom--color--text-on-accent);
	padding: 0 .14em; border-radius: 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.bt-answer { font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.375rem); font-weight: 750; line-height: 1.15; color: var(--wp--custom--color--text-strong); font-variant-numeric: tabular-nums; }

/* ── Buttons: the primary is the marker with a graphite edge; outline is the secondary ── */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent; color: var(--wp--custom--color--text-strong); border: 2px solid var(--wp--custom--color--line-strong);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { border-color: var(--wp--custom--color--text-strong); background: transparent; color: var(--wp--custom--color--text-strong); }

/* ── Card: the tool frame ── */
.is-style-card {
	background: var(--wp--custom--color--surface); border: 1px solid var(--wp--custom--color--line);
	border-radius: 12px; padding: var(--wp--preset--spacing--loose);
}
.is-style-band { background: var(--wp--custom--color--surface-inset); }

/* ── Worksheet: numbered lines in Mono on the worksheet ground (core/table, style "Worksheet") ── */
.wp-block-table.is-style-worksheet table {
	font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--small);
	background: var(--wp--custom--color--surface-set-apart); border-radius: 8px; border-collapse: separate; border-spacing: 0;
	width: 100%; border: 0; overflow: hidden;
}
.wp-block-table.is-style-worksheet td, .wp-block-table.is-style-worksheet th {
	border: 0; border-bottom: 1px dashed var(--wp--custom--color--line); padding: 8px 12px; color: var(--wp--custom--color--text); text-align: left;
	vertical-align: top;
}
.wp-block-table.is-style-worksheet thead th { font-weight: 600; color: var(--wp--custom--color--text-quiet); }
.wp-block-table.is-style-worksheet td:first-child { width: 1.4em; padding-right: 4px; color: var(--wp--custom--color--text-quiet); }
@media (max-width: 600px) {
	.wp-block-table.is-style-worksheet td, .wp-block-table.is-style-worksheet th { padding: 8px 8px; }
	.wp-block-table.is-style-worksheet td:first-child { padding-right: 2px; }
	.is-style-card { padding: var(--wp--preset--spacing--base); }
}
.wp-block-table.is-style-worksheet td:last-child, .wp-block-table.is-style-worksheet th:last-child { text-align: right; white-space: nowrap; }
.wp-block-table.is-style-worksheet tr:last-child td { border-bottom: 0; font-weight: 700; color: var(--wp--custom--color--text-strong); }
.wp-block-table.is-style-worksheet figcaption { font-family: var(--wp--preset--font-family--sans); color: var(--wp--custom--color--text-quiet); text-align: left; }

/* ── Check note: caution label first, color second ── */
.is-style-check {
	border-left: 3px solid var(--wp--custom--color--status-action); padding: 2px 0 2px var(--wp--preset--spacing--snug);
	font-size: var(--wp--preset--font-size--small);
}
.is-style-check strong:first-child { color: var(--wp--custom--color--status-action); margin-right: .4em; }

/* ── Sources line ── */
.is-style-sources { font-size: var(--wp--preset--font-size--small); color: var(--wp--custom--color--text-quiet); }
/* Source titles and URLs can be long unbroken strings: let them wrap so a source list never widens a phone page. */
.is-style-sources, .is-style-sources a, .is-style-sources li { overflow-wrap: anywhere; }

/* ── Paid link: the FTC label beside every affiliate link ── */
.bt-paid {
	display: inline-block; font-family: var(--wp--preset--font-family--mono); font-size: 12px; line-height: 1.5;
	letter-spacing: .06em; text-transform: uppercase; color: var(--wp--custom--color--text-quiet);
	border: 1px solid var(--wp--custom--color--line-strong); border-radius: 4px; padding: 0 6px; margin-left: .4em; vertical-align: .1em;
}

/* ── Forms (tools): fields read as fields ── */
.bt-field, :where(.wp-site-blocks) input[type="text"], :where(.wp-site-blocks) input[type="number"], :where(.wp-site-blocks) select {
	font: inherit; font-size: var(--wp--preset--font-size--body); font-variant-numeric: tabular-nums;
	padding: 10px 12px; border: 1.5px solid var(--wp--custom--color--line-strong); border-radius: 8px;
	background: var(--wp--custom--color--surface); color: var(--wp--custom--color--text-strong);
}

/* ── Reading rhythm: sections breathe; a heading binds to what follows it ── */
.wp-block-post-content > h2.wp-block-heading { margin-top: var(--wp--preset--spacing--wide); }
.wp-block-post-content > h3.wp-block-heading { margin-top: var(--wp--preset--spacing--loose); }
.wp-block-post-content > h2.wp-block-heading:first-child, .wp-block-post-content > h3.wp-block-heading:first-child { margin-top: 0; }
.wp-block-post-content > :is(h2, h3) + * { margin-top: var(--wp--preset--spacing--snug); }

/* ── Examples: a comparison table (no total row), Mono figures, compact on phones ── */
.wp-block-table.is-style-examples table { font-variant-numeric: tabular-nums; border-collapse: collapse; width: 100%; font-size: var(--wp--preset--font-size--small); border: 0; }
.wp-block-table.is-style-examples th, .wp-block-table.is-style-examples td { border: 0; border-bottom: 1px solid var(--wp--custom--color--line); padding: 10px 12px; text-align: left; vertical-align: top; }
.wp-block-table.is-style-examples thead th { font-weight: 700; color: var(--wp--custom--color--text-strong); border-bottom: 2px solid var(--wp--custom--color--line-strong); }
.wp-block-table.is-style-examples td:first-child { font-family: var(--wp--preset--font-family--mono); white-space: nowrap; color: var(--wp--custom--color--text-muted); }
@media (max-width: 600px) { .wp-block-table.is-style-examples td:first-child { white-space: normal; overflow-wrap: anywhere; } }
.bt-toolcard__art img { max-width: 100%; height: auto; }
@media (max-width: 600px) { .wp-block-table.is-style-examples th, .wp-block-table.is-style-examples td { padding: 8px 6px; } }

/* ── Lists: tiles (a link grid with a Mono figure) and a checklist ── */
.wp-block-list.is-style-tiles { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.wp-block-list.is-style-tiles li { margin: 0; }
.wp-block-list.is-style-tiles a {
	display: flex; flex-direction: column; gap: 4px; height: 100%; box-sizing: border-box; padding: 14px 16px;
	border: 1px solid var(--wp--custom--color--line); border-radius: 10px; background: var(--wp--custom--color--surface);
	text-decoration: none; color: var(--wp--custom--color--text-strong);
}
.wp-block-list.is-style-tiles a:hover { border-color: var(--wp--custom--color--text-strong); background: var(--wp--custom--color--surface); color: var(--wp--custom--color--text-strong); }
.bt-tile__name, .bt-tile__fig { overflow-wrap: anywhere; min-width: 0; }
.bt-tile__name { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
.bt-tile__fig { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--small); color: var(--wp--custom--color--text-muted); font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
	.wp-block-list.is-style-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.wp-block-list.is-style-tiles a { padding: 10px 12px; }
}
.wp-block-list.is-style-checklist { list-style: none; padding: 0; }
.wp-block-list.is-style-checklist li { position: relative; padding: 10px 0 10px 30px; border-bottom: 1px solid var(--wp--custom--color--line); margin: 0; }
.wp-block-list.is-style-checklist li:last-child { border-bottom: 0; }
.wp-block-list.is-style-checklist li::before {
	content: ""; position: absolute; left: 2px; top: 15px; width: 14px; height: 8px;
	border-left: 2.5px solid var(--wp--custom--color--text-strong); border-bottom: 2.5px solid var(--wp--custom--color--text-strong); transform: rotate(-45deg);
}

/* ── Home ── */
.bt-home-example .bt-answer { margin-top: 4px; }
.bt-home-example .is-style-worksheet { margin-top: var(--wp--preset--spacing--snug); }
.bt-home-method { border-top: 1px solid var(--wp--custom--color--line); }
/* The worked example needs room: the hero stacks below 1000px (core columns would wait until 782px) */
@media (max-width: 999px) {
	.bt-home-hero .wp-block-columns { flex-wrap: wrap !important; row-gap: var(--wp--preset--spacing--wide); }
	.bt-home-hero .wp-block-column { flex-basis: 100% !important; }
	.bt-home-hero .bt-home-example { max-width: 620px; }
}

/* ── Compare: a side-by-side table of sentences; on phones each row stacks, every cell under its column label ── */
.wp-block-table.is-style-compare table { border-collapse: collapse; width: 100%; font-size: var(--wp--preset--font-size--small); border: 0; }
.wp-block-table.is-style-compare th, .wp-block-table.is-style-compare td { border: 0; border-bottom: 1px solid var(--wp--custom--color--line); padding: 10px 12px; text-align: left; vertical-align: top; }
.wp-block-table.is-style-compare thead th { font-weight: 700; color: var(--wp--custom--color--text-strong); border-bottom: 2px solid var(--wp--custom--color--line-strong); }
.wp-block-table.is-style-compare td:first-child { font-weight: 700; color: var(--wp--custom--color--text-strong); width: 22%; }
@media (max-width: 600px) {
	.wp-block-table.is-style-compare thead { display: none; }
	.wp-block-table.is-style-compare tr { display: block; border-bottom: 1px solid var(--wp--custom--color--line); padding: 6px 0 10px; }
	.wp-block-table.is-style-compare td { display: block; border: 0; padding: 4px 0; width: auto; }
	.wp-block-table.is-style-compare td:first-child { width: auto; padding-top: 8px; }
	.wp-block-table.is-style-compare td[data-label]::before {
		content: attr(data-label); display: block; font-family: var(--wp--preset--font-family--mono); font-size: 12px;
		letter-spacing: .06em; text-transform: uppercase; color: var(--wp--custom--color--text-quiet);
	}
}

/* ════════════════════════════════════════════════════════════════════════════════════════════════════
   PAGE SYSTEM (2026-10-24, from the approved mockups; docs/build-spec-page-system.md)
   Light regions use the semantic tokens (they flip in dark mode via dark.css). Dark bands (hero, page head,
   method band, footer) are graphite in both modes and use the preset ramp directly.
   ════════════════════════════════════════════════════════════════════════════════════════════════════ */
:root {
	--bt-ink: var(--wp--preset--color--graphite-950);
	--bt-marker: var(--wp--preset--color--marker-300);
	--bt-dark-1: var(--wp--preset--color--graphite-900);
	--bt-dark-2: var(--wp--preset--color--graphite-800);
	--bt-dark-3: var(--wp--preset--color--graphite-700);
	--bt-on-dark: var(--wp--preset--color--graphite-200);
	--bt-on-dark-quiet: var(--wp--preset--color--graphite-400);
	--bt-mono: var(--wp--preset--font-family--mono);
	--bt-wrap: 1200px;
}
.bt-wrap { max-width: var(--bt-wrap); margin-left: auto !important; margin-right: auto !important; padding-left: 32px; padding-right: 32px; box-sizing: border-box; width: 100%; }
.bt-mono { font-family: var(--bt-mono); }
.bt-eyebrow { font-family: var(--bt-mono); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--custom--color--text-quiet); margin: 0; }
.bt-dark .bt-eyebrow, .bt-pagehead .bt-eyebrow, .bt-hero .bt-eyebrow { color: var(--bt-on-dark-quiet); }
.bt-hl-solid { background: var(--bt-marker); color: var(--bt-ink); padding: 0 .1em; border-radius: 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* buttons */
.bt-btn { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 17px; line-height: 1; padding: 15px 22px; border-radius: 10px; text-decoration: none !important; border: 2px solid var(--bt-ink); background: var(--bt-marker); color: var(--bt-ink) !important; white-space: nowrap; }
.bt-btn:hover { background: var(--wp--preset--color--marker-500); }
.bt-btn--ghost { background: transparent; color: #F4F6F8 !important; border-color: var(--wp--preset--color--graphite-500); }
.bt-btn--ghost:hover { background: transparent; border-color: #F4F6F8; }
.bt-btn--ink { background: var(--bt-ink); color: #fff !important; }
.bt-btn--ink:hover { background: var(--bt-dark-2); }
.bt-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.bt-link-arrow { font-weight: 700; text-decoration: none !important; border-bottom: 2px solid var(--bt-marker); color: inherit; }

/* header (part) */
.bt-header { position: sticky; top: 0; z-index: 50; background: var(--wp--custom--color--surface); }
.bt-header .wp-block-navigation a { color: var(--wp--custom--color--text-muted); font-weight: 600; text-decoration: none; padding: 6px 0; border-bottom: 2px solid transparent; }
.bt-header .wp-block-navigation a:hover, .bt-header .wp-block-navigation .current-menu-item a { color: var(--wp--custom--color--text-strong); border-bottom-color: var(--bt-marker); }
.bt-header .bt-btn { padding: 11px 16px; font-size: 15px; }
@media (max-width: 860px) { .bt-header .bt-header__cta { display: none; } }
/* Phone menu: core navigation's own overlay opened by a text button ("Menu" / "Close": hasIcon false in parts/header.html),
   the employmentscreening.services pattern (Steve, 2026-10-24). */
.bt-header :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
	align-items: center; font-family: inherit; font-size: var(--wp--preset--font-size--small); font-weight: 700; line-height: 1;
	color: var(--wp--custom--color--text-strong); background: transparent; border: 2px solid var(--bt-ink); border-radius: 10px; padding: 11px 16px;
}
@media (hover: hover) { .bt-header :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close):hover { background: var(--bt-marker); } }
.bt-header .wp-block-navigation__responsive-container.is-menu-open { padding: 16px var(--wp--style--root--padding-right, 16px) 24px var(--wp--style--root--padding-left, 16px); }
.bt-header .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation__responsive-container-content, .wp-block-navigation__container) { align-items: stretch; gap: 0; width: 100%; }
.bt-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: 1px solid var(--wp--custom--color--line); }
.bt-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content { display: block; width: 100%; text-align: left; border-bottom: 0; }
.bt-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--body); padding-block: var(--wp--preset--spacing--snug); color: var(--wp--custom--color--text-strong);
}
/* The inline links wrap to two rows from 600px; the Menu button covers up to the CTA's 860px cutoff. */
@media (min-width: 600px) and (max-width: 860px) {
	.bt-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.bt-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}

/* footer (part) */
.bt-footer { background: var(--bt-ink) !important; color: var(--bt-on-dark-quiet); }
.bt-footer h2, .bt-footer h3 { color: #fff; font-family: var(--bt-mono); font-size: 14px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; }
.bt-footer ul { list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 9px; font-size: 15px; }
.bt-footer a { color: var(--bt-on-dark); text-decoration: none; }
.bt-footer a:hover { color: var(--bt-ink); background: var(--bt-marker); text-decoration: none; }
.bt-footer .bt-footer__fine { border-top: 1px solid var(--bt-dark-2); font-family: var(--bt-mono); font-size: 13px; }
.bt-footer .bt-footer__soon { color: var(--wp--preset--color--graphite-500); }

/* page head (inner pages) */
.bt-pagehead { background: var(--bt-ink); color: var(--bt-on-dark); padding: 28px 0 56px; position: relative; overflow: hidden; }
.bt-pagehead::after { content: ""; position: absolute; right: -80px; top: -80px; width: 360px; height: 360px; border: 2px solid var(--bt-dark-2); border-radius: 50%; pointer-events: none; z-index: 0; }
/* The ring is decoration: it stays behind the text (Steve, 2026-10-24: it crossed the heading on phones). */
.bt-pagehead > .bt-wrap { position: relative; z-index: 1; }
@media (max-width: 600px) { .bt-pagehead::after { width: 200px; height: 200px; right: -120px; top: -130px; } }
.bt-crumbs { font-family: var(--bt-mono); font-size: 13px; color: var(--bt-on-dark-quiet); display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 34px; }
.bt-crumbs a { color: var(--bt-on-dark); text-decoration: none; display: inline-block; padding: 4px 0; }
.bt-crumbs a:hover { text-decoration: underline; }
.bt-crumbs span[aria-hidden] { color: var(--wp--preset--color--graphite-600); }
.bt-pagehead h1 { color: #fff; font-size: clamp(2.2rem, 1.4rem + 2.6vw, 3.25rem); max-width: 20ch; letter-spacing: -.02em; line-height: 1.1; margin-top: 14px; }
.bt-pagehead .bt-lede { font-size: 21px; color: var(--bt-on-dark); max-width: 60ch; margin-top: 18px; }
.bt-meta { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 26px; font-family: var(--bt-mono); font-size: 13px; color: var(--bt-on-dark-quiet); }
.bt-meta b { color: #E9EDF0; font-weight: 600; }
.bt-ph-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 56px; align-items: end; position: relative; z-index: 1; }
.bt-glance { background: var(--bt-dark-1); border: 1px solid var(--bt-dark-3); border-radius: 14px; padding: 22px; }
.bt-glance dl { margin: 14px 0 0; display: grid; gap: 14px; }
.bt-glance dt { font-size: 14px; color: var(--bt-on-dark-quiet); }
.bt-glance dd { margin: 2px 0 0; font-size: 20px; font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
.bt-glance .bt-ans { background: var(--bt-marker); color: var(--bt-ink); padding: 0 .2em; border-radius: 4px; }

/* home hero + instrument */
.bt-hero { background: var(--bt-ink); color: var(--bt-on-dark); padding: 72px 0 0; overflow: hidden; }
.bt-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: start; }
.bt-hero h1 { color: #fff; font-size: clamp(2.6rem, 1.6rem + 3.4vw, 4rem); letter-spacing: -.025em; line-height: 1.04; margin-top: 18px; }
.bt-hero .bt-lede { font-size: 21px; color: var(--bt-on-dark); margin-top: 22px; max-width: 34ch; }
.bt-hero-facts { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--bt-dark-3); margin-top: 64px; }
.bt-hero-facts div { padding: 22px 22px 26px 0; }
.bt-hero-facts b { display: block; font-size: 30px; color: #fff; font-variant-numeric: tabular-nums; }
.bt-hero-facts span { font-size: 15px; color: var(--bt-on-dark-quiet); }
.bt-instrument { background: #fff; color: var(--wp--preset--color--graphite-900); border-radius: 16px; border: 2px solid var(--bt-marker); box-shadow: 0 30px 60px -30px rgba(0,0,0,.6); overflow: hidden; }
.bt-instrument__head { display: flex; flex-wrap: wrap; gap: 4px 16px; justify-content: space-between; align-items: center; padding: 14px 20px; background: var(--wp--preset--color--graphite-50); border-bottom: 1px solid var(--wp--preset--color--graphite-200); }
.bt-instrument__body { padding: 22px; display: grid; gap: 16px; }
.bt-instrument .bt-eyebrow { color: var(--wp--preset--color--graphite-600); }
.bt-qfield label { display: block; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--graphite-800); margin-bottom: 6px; }
.bt-qfield select, .bt-qfield input { width: 100%; box-sizing: border-box; font: inherit; font-size: 18px; padding: 11px 13px; border: 1.5px solid var(--wp--preset--color--graphite-500); border-radius: 9px; background: #fff; color: var(--wp--preset--color--graphite-950); font-variant-numeric: tabular-nums; }
.bt-qfield .bt-money { position: relative; display: block; }
.bt-qfield .bt-money::before { content: "$"; position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--wp--preset--color--graphite-500); }
.bt-qfield .bt-money input { padding-left: 28px; }
.bt-qhint { font-size: 13px; color: var(--wp--preset--color--graphite-600); margin-top: 5px; }
.bt-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bt-qanswer { border-top: 1px dashed var(--wp--preset--color--graphite-300); padding-top: 18px; }
.bt-qanswer .bt-big { font-size: 34px; font-weight: 800; color: var(--wp--preset--color--graphite-950); line-height: 1.1; margin: 0; }
.bt-qanswer .bt-big mark { background: var(--bt-marker); color: var(--bt-ink); padding: 0 .14em; border-radius: 5px; }
.bt-qanswer p { font-size: 15px; color: var(--wp--preset--color--graphite-700); margin-top: 8px; }
.bt-bars { display: grid; gap: 8px; margin-top: 14px; }
.bt-bar { display: grid; grid-template-columns: 110px 1fr 78px; align-items: center; gap: 10px; font-size: 13px; }
.bt-bar__track { height: 12px; background: var(--wp--preset--color--graphite-100); border-radius: 3px; overflow: hidden; }
.bt-bar__fill { display: block; height: 100%; background: var(--bt-ink); transition: width .3s; }
.bt-bar__fill--alt { background: repeating-linear-gradient(135deg, var(--bt-ink) 0 3px, var(--wp--preset--color--graphite-600) 3px 6px); }
.bt-bar__v { text-align: right; font-family: var(--bt-mono); }
@media (prefers-reduced-motion: reduce) { .bt-bar__fill { transition: none; } }

/* sections */
.bt-section { padding: 96px 0; }
.bt-section--inset { background: var(--wp--custom--color--surface-inset); }
.bt-dark { background: var(--bt-ink); color: var(--bt-on-dark); }
.bt-dark h2, .bt-dark h3 { color: #fff; }
.bt-shead { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; margin-bottom: 48px; }
.bt-shead h2 { font-size: clamp(1.9rem, 1.4rem + 1.4vw, 2.5rem); letter-spacing: -.02em; margin-top: 10px; line-height: 1.12; }
.bt-shead p { font-size: 18px; color: var(--wp--custom--color--text-muted); margin: 0; }
.bt-dark .bt-shead p { color: var(--bt-on-dark-quiet); }

/* steps */
.bt-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; position: relative; }
.bt-steps::before { content: ""; position: absolute; top: 22px; left: 22px; right: 22px; height: 2px; background: var(--wp--custom--color--line); }
.bt-step { position: relative; }
.bt-step__n { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--wp--custom--color--surface); border: 2px solid var(--wp--custom--color--text-strong); font: 800 18px var(--bt-mono); color: var(--wp--custom--color--text-strong); position: relative; }
.bt-step:last-child .bt-step__n { background: var(--bt-marker); color: var(--bt-ink); border-color: var(--bt-ink); }
.bt-step h3 { font-size: 22px; margin-top: 20px; }
.bt-step p { font-size: 16px; color: var(--wp--custom--color--text-muted); margin-top: 8px; }

/* counts */
.bt-counts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.bt-count { border: 1px solid var(--wp--custom--color--line); border-radius: 12px; padding: 20px; background: var(--wp--custom--color--surface); }
.bt-count__ico { width: 40px; height: 34px; border-radius: 8px; background: var(--wp--custom--color--surface-inset); border: 1px solid var(--wp--custom--color--line); display: grid; place-items: center; font: 700 12px var(--bt-mono); color: var(--wp--custom--color--text-muted); }
.bt-count h3 { font-size: 17px; margin-top: 14px; line-height: 1.3; }
.bt-count p { font-size: 14px; color: var(--wp--custom--color--text-quiet); margin-top: 6px; line-height: 1.5; }

/* tool cards */
.bt-tools { display: grid; gap: 20px; }
.bt-toolcard { display: grid; grid-template-columns: 420px 1fr; border: 1px solid var(--wp--custom--color--line); border-radius: 16px; overflow: hidden; background: var(--wp--custom--color--surface); }
.bt-toolcard__art { background: var(--wp--preset--color--graphite-50); border-right: 1px solid var(--wp--custom--color--line); padding: 28px; display: grid; place-items: center; }
.bt-toolcard__body { padding: 32px 36px; display: flex; flex-direction: column; }
.bt-toolcard h3 { font-size: 28px; margin-top: 10px; }
.bt-toolcard p { font-size: 17px; color: var(--wp--custom--color--text-muted); margin-top: 10px; max-width: 52ch; }
.bt-toolcard__foot a { display: inline-block; padding: 4px 0; }
.bt-toolcard__foot { margin-top: auto; padding-top: 22px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; border-top: 1px solid var(--wp--custom--color--line); font-family: var(--bt-mono); font-size: 13px; color: var(--wp--custom--color--text-quiet); }
.bt-toolcard--soon h3 { color: var(--wp--custom--color--text-muted); }
.bt-tools-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.bt-tools-pair .bt-toolcard { grid-template-columns: minmax(0, 1fr); }
.bt-tools-pair .bt-toolcard__art { border-right: 0; border-bottom: 1px solid var(--wp--custom--color--line); height: 150px; }
.bt-tag { display: inline-block; font-family: var(--bt-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; border: 1px solid var(--wp--custom--color--line-strong); border-radius: 4px; padding: 2px 8px; color: var(--wp--custom--color--text-muted); }
.bt-tag--live { border-color: var(--bt-ink); background: var(--bt-marker); color: var(--bt-ink); }

/* tile map */
.bt-mapwrap { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 40px; align-items: start; }
.bt-tilemap { min-width: 0; }
.bt-tilemap { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 5px; }
.bt-t { aspect-ratio: 1; border-radius: 6px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: var(--bt-mono); text-decoration: none !important; position: relative; }
.bt-t b { font-size: 14px; }
.bt-t span { font-size: 10.5px; opacity: .85; }
.bt-t:focus-visible { outline-offset: 1px; }
.bt-b1 { background: var(--wp--preset--color--graphite-950); color: #fff !important; }
.bt-b2 { background: var(--wp--preset--color--graphite-800); color: #fff !important; }
.bt-b3 { background: var(--wp--preset--color--graphite-500); color: #fff !important; }
.bt-b4 { background: var(--wp--preset--color--graphite-300); color: var(--bt-ink) !important; }
.bt-b5 { background: var(--wp--preset--color--graphite-200); color: var(--bt-ink) !important; }
.bt-bneg { background: var(--wp--custom--color--surface); color: var(--wp--custom--color--text-strong) !important; border: 2px dashed var(--wp--custom--color--text-strong); }
.bt-legend { display: grid; gap: 10px; font-size: 14px; }
.bt-legend .bt-sw { display: inline-block; width: 18px; height: 18px; border-radius: 4px; vertical-align: -4px; margin-right: 10px; }
.bt-legend-note { font-size: 13px; color: var(--wp--custom--color--text-quiet); margin-top: 14px; }
.bt-callout { border: 1px solid var(--wp--custom--color--line); border-radius: 12px; padding: 18px; background: var(--wp--custom--color--surface); margin-top: 18px; }
.bt-callout h3 { font-size: 16px; }
.bt-callout p { font-size: 14px; color: var(--wp--custom--color--text-muted); margin-top: 6px; }

/* guide cards */
.bt-gcards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.bt-gcard { display: flex; flex-direction: column; border: 1px solid var(--wp--custom--color--line); border-radius: 14px; padding: 22px; text-decoration: none !important; background: var(--wp--custom--color--surface); color: inherit !important; min-height: 230px; }
.bt-gcard:hover { border-color: var(--wp--custom--color--text-strong); }
.bt-gcard h3 { font-size: 20px; margin-top: 12px; line-height: 1.25; color: var(--wp--custom--color--text-strong); }
.bt-gcard p { font-size: 15px; color: var(--wp--custom--color--text-muted); margin-top: 8px; }
.bt-gcard__go { margin-top: auto; padding-top: 16px; font-weight: 700; font-size: 15px; color: var(--wp--custom--color--text-strong); }

/* method band */
.bt-stats { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--bt-dark-3); }
.bt-stats div { padding: 28px 24px 0 0; }
.bt-stats b { display: block; font-size: 44px; color: var(--bt-marker); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.bt-stats span { font-size: 16px; color: var(--bt-on-dark); }
.bt-srcchips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 40px; }
.bt-srcchips span { font-family: var(--bt-mono); font-size: 13px; border: 1px solid var(--bt-dark-3); border-radius: 6px; padding: 6px 10px; color: var(--bt-on-dark); }
.bt-dark .bt-link-arrow { color: #fff; }

/* FAQ (core/details) */
.bt-faq { display: grid; grid-template-columns: 1fr 1.6fr; gap: 56px; }
.bt-faq h2 { font-size: clamp(1.9rem, 1.4rem + 1.4vw, 2.5rem); margin-top: 10px; }
.bt-faq details { border-top: 1px solid var(--wp--custom--color--line); padding: 18px 0; margin: 0; }
.bt-faq details:last-child { border-bottom: 1px solid var(--wp--custom--color--line); }
.bt-faq summary { font-weight: 700; font-size: 19px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 20px; color: var(--wp--custom--color--text-strong); }
.bt-faq summary::-webkit-details-marker { display: none; }
.bt-faq summary::after { content: "+"; font-family: var(--bt-mono); }
.bt-faq details[open] summary::after { content: "−"; }
.bt-faq details p { margin-top: 10px; color: var(--wp--custom--color--text-muted); font-size: 17px; }

/* CTA band */
.bt-ctaband { background: var(--bt-marker); border-top: 2px solid var(--bt-ink); border-bottom: 2px solid var(--bt-ink); color: var(--bt-ink); }
.bt-ctaband__in { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-top: 44px; padding-bottom: 44px; }
.bt-ctaband h2 { font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.1rem); color: var(--bt-ink); margin: 0; }

/* the calculator as a two-panel tool shell (bt-scorp block) */
.bt-toolshell-wrap { margin-top: -36px; position: relative; z-index: 2; }
@media (min-width: 1000px) {
	.bt-scorp.bt-shell { display: grid; grid-template-columns: 1fr 1fr; align-items: start; border: 1px solid var(--wp--custom--color--line); border-radius: 18px; overflow: hidden; background: var(--wp--custom--color--surface); box-shadow: 0 24px 48px -32px rgba(11,16,21,.35); }
	.bt-scorp.bt-shell > form { padding: 30px; border-right: 1px solid var(--wp--custom--color--line); }
	.bt-scorp.bt-shell > .bt-scorp__result { padding: 30px; background: var(--wp--custom--color--surface-inset); position: sticky; top: 80px; align-self: start; margin: 0; }
	.bt-scorp.bt-shell .bt-scorp__grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
	.bt-scorp.bt-shell .bt-scorp__grid--one { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 999px) {
	.bt-scorp.bt-shell { border: 1px solid var(--wp--custom--color--line); border-radius: 16px; background: var(--wp--custom--color--surface); padding: 20px; }
}
/* phones: one layer of padding, not four (the worksheet had 241px of a 375px screen) */
@media (max-width: 600px) {
	.bt-toolshell-wrap { padding-left: 0 !important; padding-right: 0 !important; }
	.bt-scorp.bt-shell { padding: 14px; }
	.bt-scorp.bt-shell .bt-scorp__card { padding: 12px; }
	.wp-block-table.is-style-worksheet td:nth-child(2) { font-family: var(--wp--preset--font-family--sans); }
}
.bt-scorp__next { margin-top: 20px; border: 1.5px solid var(--wp--custom--color--text-strong); border-radius: 12px; padding: 18px; background: var(--wp--custom--color--surface); }
.bt-scorp__next h3 { font-size: 17px; margin: 0; }
.bt-scorp__next p { font-size: 14px; color: var(--wp--custom--color--text-muted); margin-top: 6px; }
.bt-scorp__next ul { list-style: none; padding: 0; margin: 12px 0 0; display: flex; flex-wrap: wrap; gap: 10px 18px; font-size: 15px; }

/* reference sections */
.bt-docsec { display: grid; grid-template-columns: 300px 1fr; gap: 48px; padding: 44px 0; border-top: 1px solid var(--wp--custom--color--line); }
.bt-docsec > h2 { font-size: 26px; position: sticky; top: 96px; align-self: start; line-height: 1.2; }
.bt-docsec__body { min-width: 0; }
.bt-docsec__body > * + * { margin-top: 16px; }
.bt-docsec__body p, .bt-docsec__body li { font-size: 18px; }
.bt-docsec__body ul { padding-left: 20px; margin-bottom: 0; }
.bt-docsec__body li + li { margin-top: 8px; }
.bt-docs { padding-top: 72px; padding-bottom: 24px; }

/* vertical timeline */
.bt-vt { list-style: none; padding: 0; margin: 0; position: relative; counter-reset: v; }
.bt-vt::before { content: ""; position: absolute; left: 15px; top: 8px; bottom: 8px; width: 2px; background: var(--wp--custom--color--line); }
.bt-vt li { position: relative; padding-left: 50px; padding-bottom: 22px; margin: 0 !important; }
.bt-vt li::before { counter-increment: v; content: counter(v); position: absolute; left: 0; top: 0; width: 32px; height: 32px; box-sizing: border-box; border-radius: 50%; background: var(--wp--custom--color--surface); border: 2px solid var(--wp--custom--color--text-strong); display: grid; place-items: center; font: 800 14px var(--bt-mono); color: var(--wp--custom--color--text-strong); }
.bt-vt h3 { font-size: 18px; margin: 0; }
.bt-vt .bt-when { font-family: var(--bt-mono); font-size: 13px; color: var(--wp--custom--color--text-quiet); display: block; margin-top: 2px; }
.bt-vt p { font-size: 16px !important; color: var(--wp--custom--color--text-muted); margin-top: 4px; }

/* chips */
.bt-chips { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0 !important; margin: 0; }
.bt-chips li { margin: 0 !important; }
.bt-jump { margin: 8px 0 18px; }
.wp-block-table.bt-namelist td:first-child { font-family: inherit; white-space: nowrap; overflow-wrap: normal; color: inherit; }
.bt-stack tr[id] { scroll-margin-top: 80px; }
.bt-sources summary { cursor: pointer; font-weight: 700; padding: 10px 0; }
.bt-chips--codes { display: grid; grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); gap: 6px; }
.bt-chips--codes a { display: block; padding: 7px 0; line-height: 1.2; border-radius: 8px; text-align: center; font-family: var(--wp--preset--font-family--mono); font-size: 14px; }
.bt-chips a { display: inline-block; border: 1px solid var(--wp--custom--color--line-strong); border-radius: 999px; padding: 8px 14px; font-size: 15px; text-decoration: none; background: var(--wp--custom--color--surface); color: var(--wp--custom--color--text-strong); }
.bt-chips a:hover, .bt-chips a[aria-current] { background: var(--wp--custom--color--text-strong); color: var(--wp--custom--color--surface); border-color: var(--wp--custom--color--text-strong); }

/* article (guides) */
.bt-article { display: grid; grid-template-columns: 260px 1fr; gap: 64px; padding-top: 64px; padding-bottom: 96px; }
.bt-toc { position: sticky; top: 100px; align-self: start; font-size: 15px; }
.bt-toc ol { list-style: none; padding: 0; margin: 14px 0 0; border-left: 2px solid var(--wp--custom--color--line); }
.bt-toc li { margin: 0; }
.bt-toc a { display: block; padding: 7px 0 7px 16px; text-decoration: none; color: var(--wp--custom--color--text-muted); margin-left: -2px; border-left: 2px solid transparent; }
.bt-toc a:hover, .bt-toc a.is-active { color: var(--wp--custom--color--text-strong); border-left-color: var(--wp--custom--color--text-strong); }
.bt-tocbox { border: 1px solid var(--wp--custom--color--line); border-radius: 12px; padding: 16px; margin-top: 28px; background: var(--wp--custom--color--surface-inset); }
.bt-prose { max-width: 720px; min-width: 0; }
.bt-prose > h2 { font-size: clamp(1.6rem, 1.3rem + 1vw, 2rem); margin-top: 56px; letter-spacing: -.015em; scroll-margin-top: 90px; }
.bt-prose > h3 { scroll-margin-top: 90px; }
.bt-prose > p, .bt-prose > ul { font-size: 19px; }
.bt-takeaways { border: 2px solid var(--wp--custom--color--text-strong); border-radius: 14px; padding: 24px 26px; background: var(--wp--custom--color--surface); box-shadow: 6px 6px 0 var(--bt-marker); }
.bt-takeaways ul { margin: 12px 0 0; padding-left: 20px; }
.bt-takeaways li { font-size: 17px; margin-top: 8px; }
.bt-inline-cta { display: flex; justify-content: space-between; align-items: center; gap: 20px; background: var(--bt-ink); color: var(--bt-on-dark); border-radius: 14px; padding: 24px 26px; margin-top: 40px; }
.bt-inline-cta b { color: #fff; font-size: 20px; display: block; }

/* the employer setup checker (/employer-setup-by-state/) */
.bt-empsetup { margin: 28px 0; }
.bt-empsetup__state { border-top: 1px solid var(--wp--preset--color--graphite-200); padding-top: 14px; margin-top: 14px; }
.bt-empsetup__state:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
.bt-empsetup__state h3 { font-size: 20px; margin: 0; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.bt-empsetup__state ul { padding-left: 18px; margin: 10px 0 0; font-size: 15px; }
.bt-empsetup__state li { margin-top: 8px; }
.bt-empsetup__x { font: inherit; font-size: 13px; background: none; border: 0; padding: 0; color: var(--wp--preset--color--graphite-600); text-decoration: underline; cursor: pointer; }
.bt-empsetup button.bt-btn { border: 0; cursor: pointer; font: inherit; }
.bt-empsetup button.bt-btn[disabled] { opacity: .45; cursor: default; }

/* the LLC good-standing calendar (/llc-annual-report/) */
.bt-duecal { margin: 28px 0; }
.bt-duecal__dates { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; margin-top: 10px; font-size: 16px; }
.bt-duecal__dates th, .bt-duecal__dates td { text-align: left; padding: 8px 10px 8px 0; border-bottom: 1px solid var(--wp--preset--color--graphite-200); vertical-align: top; }
.bt-duecal__rules { padding-left: 18px; margin: 16px 0 0; font-size: 15px; }
.bt-duecal__rules li { margin-top: 8px; }
.bt-duecal button.bt-btn { border: 0; cursor: pointer; font: inherit; }

/* a long reference table (one row per state) reads as stacked rows on a phone */
@media (max-width: 600px) {
	.wp-block-table.bt-stack thead { display: none; }
	.wp-block-table.bt-stack tr { display: block; border-bottom: 1px solid var(--wp--custom--color--line); padding: 6px 0 10px; }
	.wp-block-table.bt-stack td { display: block; border: 0; padding: 3px 0; }
	.wp-block-table.bt-stack td:first-child { font-family: inherit; font-weight: 700; font-size: 17px; padding-top: 8px; }
	.wp-block-table.bt-stack td[data-label]::before {
		content: attr(data-label) ": "; font-family: var(--wp--preset--font-family--mono); font-size: 12px;
		letter-spacing: .06em; text-transform: uppercase; color: var(--wp--custom--color--text-quiet);
	}
}

/* the compare table gets the mockup's header treatment */
.wp-block-table.is-style-compare thead th { background: var(--bt-ink); color: #fff; }
.wp-block-table.is-style-compare thead th:last-child { background: var(--bt-marker); color: var(--bt-ink); }

/* reading pages (policy, About) get the page head from the page template */
.bt-reading { padding-top: 56px; padding-bottom: 96px; }

/* ── page system: phones and tablets ── */
@media (max-width: 999px) {
	/* minmax(0,1fr), never 1fr: a 1fr column can't shrink below its content, and a wide table then widens the whole page on phones */
	.bt-hero-grid, .bt-ph-grid, .bt-mapwrap, .bt-faq, .bt-docsec, .bt-article { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.bt-docsec > h2, .bt-toc { position: static; }
	.bt-toolcard { grid-template-columns: minmax(0, 1fr); }
	.bt-toolcard__art { border-right: 0; border-bottom: 1px solid var(--wp--custom--color--line); }
	.bt-gcards { grid-template-columns: 1fr 1fr; }
	.bt-counts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
	.bt-wrap { padding-left: 18px; padding-right: 18px; }
	.bt-hero { padding-top: 40px; }
	.bt-hero .bt-lede, .bt-pagehead .bt-lede { font-size: 18px; }
	.bt-hero-facts, .bt-stats { grid-template-columns: 1fr 1fr; }
	.bt-hero-facts b { font-size: 24px; }
	.bt-section { padding: 64px 0; }
	.bt-shead { grid-template-columns: 1fr; gap: 14px; }
	.bt-steps, .bt-gcards, .bt-tools-pair { grid-template-columns: 1fr; }
	.bt-steps::before { display: none; }
	.bt-tilemap { gap: 3px; }
	.bt-t span { display: none; }
	.bt-t b { font-size: 12px; }
	.bt-toolcard__body { padding: 24px; }
	.bt-ctaband__in, .bt-inline-cta { flex-direction: column; align-items: flex-start; }
	.bt-bar { grid-template-columns: 96px 1fr 70px; }
	.bt-stats b { font-size: 34px; }
	.bt-docsec { padding: 32px 0; }
}
@media (max-width: 420px) { .bt-row2 { grid-template-columns: 1fr; } .bt-counts { grid-template-columns: 1fr; } }

/* Links on the dark bands: the hover is the marker fill with black ink (Steve, 2026-10-24), never white on yellow */
.bt-pagehead a:not(.bt-btn):hover, .bt-hero a:not(.bt-btn):hover, .bt-dark a:not(.bt-btn):hover, .bt-footer a:hover,
.bt-inline-cta a:not(.bt-btn):hover { color: var(--bt-ink) !important; background: var(--bt-marker); text-decoration: none; }