/* Mobile by WagerThemes — presentation. Designed at 390px first: answer first, thumb-sized rows, vertical facts,
   native disclosure widgets, system type, no required script. Wide screens reuse the same blocks in two columns. */

:root {
	--ink: #0b0d0c; --ink-2: #1c201e; --ink-3: #3a403d; --muted: #5a625e; --line: #dde2df; --line-2: #eceeed;
	--bg: #f4f5f4; --card: #fff; --soft: #f4f6f5;
	--accent: #00744c; --accent-d: #005c3c; --accent-l: #e2f3eb; --accent-x: #5fd3a0;
	--warn: #8a4a07; --warn-l: #fff1df; --warn-dot: #d48a1c;
	--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	--r: 12px; --r-s: 8px;
	--gutter: 16px;
	--tap: 48px;
	--bar-h: 68px;
	--safe-b: env(safe-area-inset-bottom, 0px);
	color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink-2); font: 400 1.0625rem/1.55 var(--sans); -webkit-font-smoothing: antialiased; overflow-wrap: break-word; }
img, svg, video { display: block; max-width: 100%; height: auto; }
a { color: var(--accent-d); text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
h1, h2, h3 { color: var(--ink); line-height: 1.2; letter-spacing: -.01em; margin: 0; font-weight: 700; text-wrap: balance; }
p { margin: 0 0 .875em; }
code { font-family: var(--mono); font-size: .92em; }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sbm-skip { position: absolute; left: 8px; top: -80px; z-index: 100; background: #fff; color: var(--ink); padding: 12px 16px; border-radius: var(--r-s); font-weight: 700; }
.sbm-skip:focus { top: 8px; }

.sbm-wrap { width: 100%; max-width: calc(68rem + 2 * var(--gutter)); margin-inline: auto; padding-inline: max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right)); }
.sbm-narrow { max-width: calc(42rem + 2 * var(--gutter)); }
.sbm-meta { font-size: .875rem; color: var(--muted); }
.sbm-eyebrow { display: block; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent-d); margin-bottom: .375rem; }
.sbm-lead { font-size: 1rem; color: var(--ink-3); margin: .5rem 0 0; }
.sbm-h2 { font-size: 1.1875rem; margin-bottom: .75rem; }
.sbm-block { margin-top: 2rem; }
.sbm-block__head { display: flex; align-items: center; justify-content: space-between; gap: 0 1rem; flex-wrap: wrap; min-height: 44px; margin-bottom: .5rem; }
.sbm-block__head .sbm-h2, .sbm-block > .sbm-h2 { margin: 0; }
.sbm-block > .sbm-h2 { display: flex; align-items: center; min-height: 44px; margin-bottom: .5rem; }
.sbm-card { display: block; background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 1rem; }
.sbm-stack { display: grid; gap: .5rem; }

/* Buttons: one height, full width on phones. ------------------------------------------------------------------- */
.sbm-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 52px; padding: .75rem 1.25rem; border-radius: var(--r-s); font: 700 1rem/1.2 var(--sans); text-decoration: none; text-align: center; border: 2px solid transparent; }
.sbm-btn--block { display: flex; width: 100%; }
.sbm-btn--primary { background: var(--accent); color: #fff; }
.sbm-btn--primary:hover { background: var(--accent-d); color: #fff; }
.sbm-btn--line { background: #fff; color: var(--ink); border-color: var(--ink); }
.sbm-btn--line:hover { background: var(--soft); color: var(--ink); }
.sbm-btn[aria-disabled="true"] { opacity: .45; pointer-events: none; }
.sbm-ext::after { content: ""; width: .8em; height: .8em; flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3h7v7h-1.5V5.6l-6.7 6.7-1.1-1.1 6.7-6.7H6z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3h7v7h-1.5V5.6l-6.7 6.7-1.1-1.1 6.7-6.7H6z'/%3E%3C/svg%3E") center/contain no-repeat; }
.sbm-link { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; font-size: .9375rem; color: var(--accent-d); text-decoration: none; }
.sbm-link::after { content: "›"; margin-left: .375rem; font-size: 1.25em; line-height: 1; }
.sbm-link:hover { text-decoration: underline; }

/* Evidence states: readable pills, never colour alone (the label is the text). -------------------------------- */
.sbk-state { display: inline-flex; align-items: center; gap: .375rem; padding: .1875rem .625rem; border-radius: 999px; font-size: .8125rem; font-weight: 700; line-height: 1.3; white-space: nowrap; background: #eceeed; color: var(--ink-3); }
.sbk-state::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #8b938f; flex: none; }
.sbk-state--verified, .sbk-state--observed { background: var(--accent-l); color: var(--accent-d); }
.sbk-state--verified::before, .sbk-state--observed::before { background: #00a86b; }
.sbk-state--unverified, .sbk-state--unknown { background: var(--warn-l); color: var(--warn); }
.sbk-state--unverified::before, .sbk-state--unknown::before { background: var(--warn-dot); }
.sbm-chip { display: inline-flex; padding: .1875rem .625rem; border-radius: 999px; font-size: .8125rem; font-weight: 700; background: var(--warn-l); color: var(--warn); }

/* Header: one compact dark bar; the phone menu is a <details>. ------------------------------------------------- */
.sbm-header { background: var(--ink); color: #fff; position: relative; z-index: 40; padding-top: env(safe-area-inset-top, 0px); }
.sbm-header__bar { display: flex; align-items: center; gap: 1rem; min-height: 60px; }
.sbm-header__id { display: grid; min-width: 0; }
.sbm-mark { color: #fff; text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
.sbm-mark__name { font-weight: 800; font-size: 1.0625rem; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sbm-mark__logo { max-height: 32px; width: auto; }
.sbm-header__note { font-size: .75rem; color: #b4bcb8; line-height: 1.2; margin-top: -10px; padding-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sbm-nav { display: none; }
.sbm-menu { margin-left: auto; flex: none; }
.sbm-menu > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: .5rem; min-height: var(--tap); padding: 0 .875rem; border: 1px solid #4a514e; border-radius: var(--r-s); font-weight: 700; font-size: .9375rem; }
.sbm-menu > summary::-webkit-details-marker { display: none; }
.sbm-menu__icon { width: 18px; height: 12px; border-block: 2px solid currentColor; position: relative; }
.sbm-menu__icon::after { content: ""; position: absolute; left: 0; right: 0; top: 3px; border-top: 2px solid currentColor; }
.sbm-menu[open] > summary { background: #fff; color: var(--ink); border-color: #fff; }
.sbm-menu__panel { position: absolute; left: 0; right: 0; top: 100%; background: var(--bg); padding: .75rem var(--gutter) 1.25rem; box-shadow: 0 12px 24px rgba(0,0,0,.18); }
.sbm-rows--menu { max-width: 42rem; margin-inline: auto; }

/* Action rows: the core mobile pattern (settings-list style, 56px rows). --------------------------------------- */
.sbm-rows { list-style: none; margin: 0; padding: 0; background: var(--card); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.sbm-rows li + li { border-top: 1px solid var(--line-2); }
.sbm-rows a { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 1rem; min-height: 56px; padding: .625rem 1rem; color: var(--ink); text-decoration: none; }
.sbm-rows a::after { content: ""; grid-column: 2; grid-row: 1 / span 2; width: 9px; height: 9px; border-top: 2.5px solid var(--accent); border-right: 2.5px solid var(--accent); transform: rotate(45deg); margin-right: 4px; }
.sbm-rows a:hover { background: var(--soft); }
.sbm-rows a[aria-current="page"] { box-shadow: inset 4px 0 0 var(--accent); }
.sbm-rows__t { font-weight: 650; font-size: 1rem; }
.sbm-rows__n { grid-column: 1; font-size: .8125rem; color: var(--muted); }

/* Answer card ------------------------------------------------------------------------------------------------- */
.sbm-answer { background: var(--card); border: 1px solid var(--line); border-top: 4px solid var(--accent); border-radius: var(--r); padding: 1rem; }
.sbm-answer__label { font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin: 0 0 .5rem; }
.sbm-answer__state { display: flex; flex-wrap: wrap; gap: .375rem; margin: 0 0 .5rem; }
.sbm-answer__domain { font-family: var(--mono); font-size: 1.375rem; font-weight: 700; color: var(--ink); line-height: 1.25; margin: 0 0 .25rem; overflow-wrap: anywhere; }
.sbm-answer__meta { font-size: .875rem; color: var(--muted); margin: 0 0 1rem; }
.sbm-answer__empty { color: var(--ink-3); }
.sbm-answer__actions { display: grid; gap: .5rem; }
.sbm-answer__links { display: flex; flex-wrap: wrap; gap: 0 1.25rem; margin: 0; }
.sbm-answer__history { margin-top: 1rem; padding-top: .875rem; border-top: 1px solid var(--line-2); }
.sbm-answer__history h3 { font-size: .9375rem; margin-bottom: .5rem; }
.sbm-answer__history p { color: var(--muted); font-size: .9375rem; margin: 0; }
.sbm-answer__history ol { list-style: none; margin: 0; padding: 0; }
.sbm-answer__history li { display: grid; gap: .125rem; padding: .5rem 0; font-size: .9375rem; }
.sbm-answer__history li + li { border-top: 1px solid var(--line-2); }
.sbm-answer__history time { color: var(--muted); font-size: .8125rem; }

/* Status line (phones, route pages) */
.sbm-statusline { display: flex; align-items: center; gap: .625rem; min-height: var(--tap); margin-top: 1rem; padding: .375rem .375rem .375rem .75rem; background: var(--card); border: 1px solid var(--line); border-radius: 999px; color: var(--ink); text-decoration: none; font-size: .9375rem; }
.sbm-statusline .sbk-state { flex: none; font-size: .75rem; padding: .125rem .5rem; }
.sbm-statusline__domain { font-family: var(--mono); font-weight: 700; min-width: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sbm-statusline__go { flex: none; background: var(--ink); color: #fff; font-weight: 700; font-size: .8125rem; border-radius: 999px; padding: .5rem .875rem; }

/* Home -------------------------------------------------------------------------------------------------------- */
.sbm-home { padding-top: 1.25rem; padding-bottom: 2.5rem; }
.sbm-home__title { font-size: 1.625rem; margin-bottom: .875rem; }
.sbm-home__intro { font-size: .9375rem; color: var(--ink-3); margin: .875rem 0 0; }
.sbm-home__quick { margin-top: 1.75rem; }
.sbm-offer__state { margin: 0 0 .5rem; }
.sbm-offer__title { font-size: 1.25rem; font-weight: 800; color: var(--ink); line-height: 1.25; margin: 0 0 .875rem; }
.sbm-offer__terms { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin: 0 0 1rem; }
.sbm-offer__terms > div { background: var(--soft); border-radius: var(--r-s); padding: .5rem .75rem; min-width: 0; }
.sbm-offer__terms dt { font-size: .75rem; color: var(--muted); }
.sbm-offer__terms dd { margin: 0; font-weight: 700; color: var(--ink); }
.sbm-offer__terms .is-unknown dd { font-weight: 500; color: var(--warn); }
.sbm-media { display: grid; grid-template-columns: 7.5rem 1fr; gap: .875rem; align-items: center; margin-bottom: .5rem; }
.sbm-media p { margin: 0; font-size: .9375rem; color: var(--ink-3); }
.sbm-media .sbk-slot { border-radius: var(--r-s); }
.sbm-pay { display: grid; gap: .75rem; }
.sbm-pay h3 { font-size: 1rem; margin-bottom: .25rem; }
.sbm-pay h3 a { color: var(--ink); }
.sbm-paylist { list-style: none; margin: 0; padding: 0; }
.sbm-paylist li { display: grid; grid-template-columns: 1fr auto; gap: .125rem .75rem; align-items: center; padding: .625rem 0; }
.sbm-paylist li + li { border-top: 1px solid var(--line-2); }
.sbm-paylist strong { color: var(--ink); }
.sbm-paylist span { grid-column: 1; font-size: .8125rem; color: var(--muted); }
.sbm-paylist .sbk-state { grid-column: 2; grid-row: 1 / span 2; }

/* Slots: fixed ratio from the manifest, so no layout shift. */
.sbk-slot { margin: 0; overflow: hidden; background: #e7ebe9; }
.sbk-slot__img { width: 100%; height: 100%; object-fit: cover; }
.sbk-slot--empty { background: linear-gradient(135deg, #e9edeb 25%, #f1f3f2 25% 50%, #e9edeb 50% 75%, #f1f3f2 75%) 0 0 / 16px 16px; }

/* Page layout ------------------------------------------------------------------------------------------------- */
.sbm-layout { display: grid; gap: 2rem; padding-block: 1.25rem 2.5rem; }
.sbm-layout__main { min-width: 0; }
.sbm-layout__main > * + * { margin-top: 1.25rem; }
.sbm-pagehead h1 { font-size: 1.625rem; }
.sbm-pagehead__actions { margin-top: 1rem; display: grid; gap: .5rem; }
.sbm-crumbs ol { display: flex; flex-wrap: wrap; gap: .125rem .375rem; list-style: none; margin: 0 0 .75rem; padding: 0; font-size: .8125rem; color: var(--muted); }
.sbm-crumbs li + li::before { content: "/"; margin-right: .375rem; color: #9aa29e; }
.sbm-crumbs a { color: var(--muted); display: inline-block; padding-block: .25rem; }
.sbm-crumbs [aria-current] { color: var(--ink-2); }
.sbm-narrow > .sbm-pagehead { padding-top: 1.25rem; margin-bottom: 1.25rem; }
.sbm-narrow { padding-bottom: 2.5rem; }
.sbm-narrow > .sbm-statusline { margin-bottom: 1.25rem; }

/* Facts: one fact per row; value under its label, evidence on the right. ------------------------------------- */
.sbm-facts { margin: 0; background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 0 1rem; }
.sbm-facts > div { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "k s" "v v"; gap: .125rem .75rem; align-items: center; padding: .75rem 0; }
.sbm-facts > div + div { border-top: 1px solid var(--line-2); }
.sbm-facts dt { grid-area: k; font-size: .8125rem; color: var(--muted); }
.sbm-facts dd { margin: 0; }
.sbm-facts__v { grid-area: v; font-weight: 700; color: var(--ink); }
.sbm-facts__v.is-unknown { font-weight: 500; color: var(--warn); }
.sbm-facts__s { grid-area: s; }
.sbm-facts__x { display: block; font-weight: 400; font-size: .875rem; color: var(--muted); }
.sbm-card > .sbm-facts { border: 0; padding: 0; margin-bottom: .75rem; }
.sbm-card > .sbm-meta { margin: 0 0 .75rem; }

/* Payment methods: stacked blocks on phones, a real table where width allows. */
.sbm-methods { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.sbm-methods caption { text-align: left; font-weight: 700; font-size: 1.0625rem; color: var(--ink); padding-bottom: .5rem; }
.sbm-methods + .sbm-methods, .sbm-note + .sbm-methods, .sbm-methods + .sbm-note { margin-top: 1.5rem; }
@media (max-width: 719px) {
	.sbm-methods thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.sbm-methods, .sbm-methods tbody { display: block; }
	.sbm-methods caption { display: block; }
	.sbm-methods tr { display: grid; grid-template-columns: 1fr auto; gap: .25rem .75rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: .75rem 1rem; margin-bottom: .5rem; }
	.sbm-methods th[scope="row"] { text-align: left; font-size: 1rem; color: var(--ink); grid-column: 1; grid-row: 1; }
	.sbm-methods__s { grid-column: 2; grid-row: 1; }
	.sbm-methods td[data-label] { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 1rem; padding-top: .375rem; border-top: 1px solid var(--line-2); text-align: right; }
	.sbm-methods td[data-label]::before { content: attr(data-label); color: var(--muted); text-align: left; }
}
@media (min-width: 720px) {
	.sbm-methods { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); border-collapse: separate; border-spacing: 0; overflow: hidden; }
	.sbm-methods th, .sbm-methods td { text-align: left; padding: .75rem 1rem; border-top: 1px solid var(--line-2); vertical-align: top; }
	.sbm-methods thead th { border-top: 0; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); background: var(--soft); }
	.sbm-methods th[scope="row"] { color: var(--ink); }
}
.sbm-methods .is-unknown { color: var(--warn); }

.sbm-note { border-left: 4px solid var(--warn-dot); background: var(--warn-l); padding: .875rem 1rem; color: var(--ink-2); font-size: .9375rem; border-radius: 0 var(--r-s) var(--r-s) 0; }

/* Prose: legible on a phone; ordered lists read as numbered steps. */
.sbm-prose { color: var(--ink-2); line-height: 1.65; max-width: 42rem; }
.sbm-prose > :first-child { margin-top: 0; }
.sbm-prose h2 { font-size: 1.25rem; margin: 1.75rem 0 .5rem; }
.sbm-prose h3 { font-size: 1.0625rem; margin: 1.25rem 0 .375rem; }
.sbm-prose ul { padding-left: 1.25rem; margin: 0 0 1rem; }
.sbm-prose li { margin: .375rem 0; }
.sbm-prose ol { list-style: none; counter-reset: s; padding: 0; margin: 0 0 1rem; }
.sbm-prose ol > li { counter-increment: s; position: relative; padding: .125rem 0 .125rem 2.5rem; margin: .75rem 0; min-height: 1.875rem; }
.sbm-prose ol > li::before { content: counter(s); position: absolute; left: 0; top: 0; width: 1.875rem; height: 1.875rem; border-radius: 50%; background: var(--ink); color: #fff; font-weight: 700; font-size: .875rem; display: grid; place-items: center; }
.sbm-prose strong { color: var(--ink); }
.sbm-prose a { color: var(--accent-d); font-weight: 600; }
.sbm-prose table { width: 100%; border-collapse: collapse; font-size: .9375rem; display: block; overflow-x: auto; }
.sbm-prose th, .sbm-prose td { border-bottom: 1px solid var(--line); padding: .5rem; text-align: left; }
.sbm-guide-img, .sbm-layout__main > .sbk-slot { border-radius: var(--r); aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.sbm-layout__main > .sbk-slot { max-width: 30rem; }

/* Side rail: wide screens only for the access box (phones have the status line and bottom bar). */
.sbm-rail { display: grid; gap: .75rem; align-content: start; }
.sbm-rail__box { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 1rem; }
.sbm-rail h2 { font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: .625rem; }
.sbm-rail__domain { font-family: var(--mono); font-weight: 700; color: var(--ink); margin: .5rem 0 .75rem; overflow-wrap: anywhere; }
.sbm-rail__title { font-weight: 700; color: var(--ink); margin-bottom: .5rem; }
.sbm-rail__fine { font-size: .8125rem; color: var(--muted); margin: .5rem 0 0; }
.sbm-rail__access { display: none; }

/* Guides index */
.sbm-lead-guide { color: inherit; text-decoration: none; margin-bottom: .75rem; }
.sbm-lead-guide .sbk-slot, .sbm-lead-guide__img { border-radius: var(--r-s); aspect-ratio: 16 / 9; width: 100%; object-fit: cover; margin-bottom: .75rem; }
.sbm-lead-guide h2 { margin: .25rem 0 .375rem; }
.sbm-lead-guide p { color: var(--ink-3); font-size: .9375rem; margin: 0; }
.sbm-lead-guide:hover h2 { text-decoration: underline; }
.navigation.pagination { margin-top: 1rem; }
.nav-links { display: flex; flex-wrap: wrap; gap: .5rem; }
.nav-links .page-numbers { display: inline-grid; place-items: center; min-width: var(--tap); min-height: var(--tap); border: 1px solid var(--line); border-radius: var(--r-s); background: #fff; text-decoration: none; }
.nav-links .current { background: var(--ink); color: #fff; }
.sbm-search { margin-bottom: 1rem; }
.sbm-search input[type="search"] { min-height: var(--tap); font: inherit; padding: .5rem .75rem; border: 1px solid var(--line); border-radius: var(--r-s); width: 100%; max-width: 24rem; }
.sbm-search input[type="submit"] { min-height: var(--tap); font: 700 1rem var(--sans); padding: 0 1rem; border: 0; border-radius: var(--r-s); background: var(--ink); color: #fff; }

/* FAQ: native <details>, one card per question. */
.sbm-faq { display: grid; gap: .5rem; }
.sbm-faq details { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); }
.sbm-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 56px; padding: .75rem 1rem; font-weight: 650; color: var(--ink); }
.sbm-faq summary::-webkit-details-marker { display: none; }
.sbm-faq summary::after { content: "+"; flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--accent-l); color: var(--accent-d); font-size: 1.125rem; font-weight: 700; line-height: 1; }
.sbm-faq details[open] summary::after { content: "−"; }
.sbm-faq__a { padding: 0 1rem 1rem; color: var(--ink-3); font-size: .9375rem; }
.sbm-faq__a > :last-child { margin-bottom: 0; }

/* Disclosure + footer ----------------------------------------------------------------------------------------- */
.sbm-disclosure { padding-block: 1.25rem; border-top: 1px solid var(--line); background: #eceeed; }
.sbm-disclosure p { margin: 0; font-size: .875rem; color: var(--ink-3); max-width: 46rem; }
.sbm-disclosure strong { color: var(--ink); }
.sbm-footer { background: var(--ink); color: #c3cac6; font-size: .9375rem; padding-block: 2rem 1.5rem; }
.sbm-footer .sbm-mark { color: #fff; }
.sbm-footer__about { margin: .625rem 0 .75rem; max-width: 26rem; }
.sbm-footer__status { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; font-size: .8125rem; margin: 0; }
.sbm-footer .sbk-state { background: #1f2422; color: #e4e9e6; }
.sbm-footer .sbk-state--verified, .sbm-footer .sbk-state--observed { color: var(--accent-x); }
.sbm-footer .sbk-state--unverified, .sbm-footer .sbk-state--unknown { color: #ffc27a; }
.sbm-footer__nav { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 1rem; margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid #262c29; }
.sbm-footer h2 { font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: #8f9893; margin-bottom: .375rem; }
.sbm-footer ul { list-style: none; margin: 0; padding: 0; }
.sbm-footer li a { display: flex; align-items: center; min-height: 40px; color: #e4e9e6; text-decoration: none; }
.sbm-footer li a:hover { color: #fff; text-decoration: underline; }
.sbm-footer__legal { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid #262c29; font-size: .8125rem; }
.sbm-footer__legal strong { color: #fff; }
.sbm-footer__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; margin: 1rem 0 0; }
.sbm-footer .wt-signature { display: inline-flex; align-items: center; gap: .5em; min-height: 44px; color: #e4e9e6; white-space: nowrap; }
.sbm-footer .wt-signature span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.sbm-footer .wt-signature:hover { color: #fff; }
.wt-signature__mark { flex: none; width: 1.75em; height: auto; color: #21e69a; }

/* Bottom action bar: optional enhancement on narrow screens. The page reserves its height plus the safe-area inset,
   so it never covers content or the footer signature; every action also exists in the page. */
.sbm-bar { display: none; }
@media (max-width: 1023px) {
	.sbm-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .75rem; position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; min-height: var(--bar-h); padding: .5rem max(var(--gutter), env(safe-area-inset-right)) calc(.5rem + var(--safe-b)) max(var(--gutter), env(safe-area-inset-left)); background: #fff; border-top: 1px solid var(--line); box-shadow: 0 -4px 16px rgba(0,0,0,.08); }
	.sbm-bar__info { display: grid; min-width: 0; min-height: var(--tap); align-content: center; color: var(--ink); text-decoration: none; }
	.sbm-bar__label { font-size: .75rem; color: var(--muted); }
	.sbm-bar__domain { font-family: var(--mono); font-weight: 700; font-size: .9375rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.sbm-bar .sbm-btn { min-height: var(--tap); padding-inline: 1.125rem; }
	.sbm-has-bar .sbm-footer { padding-bottom: calc(1.5rem + var(--bar-h) + var(--safe-b)); }
}

/* Wide screens: same blocks, two efficient columns; no landing-page hero. --------------------------------------- */
@media (min-width: 640px) {
	.sbm-pay { grid-template-columns: 1fr 1fr; }
	.sbm-media { grid-template-columns: 10rem 1fr; }
	.sbm-answer { padding: 1.25rem 1.5rem; }
	.sbm-answer__actions { grid-template-columns: repeat(auto-fit, minmax(14rem, max-content)); align-items: center; }
	.sbm-pagehead__actions { grid-template-columns: max-content; }
	.sbm-footer__nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.sbm-nav { display: block; margin-left: auto; }
	.sbm-nav ul { display: flex; gap: .25rem; list-style: none; margin: 0; padding: 0; }
	.sbm-nav a { display: flex; align-items: center; min-height: 44px; padding: 0 .75rem; border-radius: var(--r-s); color: #e4e9e6; text-decoration: none; font-weight: 600; font-size: .9375rem; }
	.sbm-nav a:hover { background: #1f2422; color: #fff; }
	.sbm-nav a[aria-current="page"] { background: #fff; color: var(--ink); }
	.sbm-menu { display: none; }
	.sbm-header__bar { min-height: 64px; }
	.sbm-home { padding-top: 2rem; }
	.sbm-home__top { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 2.5rem; align-items: start; }
	.sbm-home__quick { margin-top: 0; }
	.sbm-home__title, .sbm-pagehead h1 { font-size: 2rem; }
	.sbm-home__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2.5rem; align-items: start; }
	.sbm-home__pay, .sbm-home__faq--wide { grid-column: 1 / -1; }
	.sbm-home__faq--wide .sbm-faq { max-width: 48rem; }
	.sbm-layout { grid-template-columns: minmax(0, 1fr) 19rem; gap: 3rem; padding-top: 2rem; }
	.sbm-rail { position: sticky; top: 1.5rem; }
	.sbm-rail__access { display: block; }
	.sbm-statusline { display: none; }
	.sbm-narrow > .sbm-pagehead { padding-top: 2rem; }
}

@media (max-width: 359px) {
	:root { --gutter: 12px; }
	.sbm-answer__domain { font-size: 1.1875rem; }
	.sbm-offer__terms { grid-template-columns: 1fr; }
	.sbm-media { grid-template-columns: 1fr; }
	.sbm-media .sbk-slot { max-width: 12rem; }
	.sbm-statusline__go { padding-inline: .625rem; }
	.sbm-footer__meta { justify-content: flex-start; }
}

/* Setup state (no shared components) */
.sbm-setup { min-height: 70vh; display: grid; place-items: center; text-align: center; padding: 3rem var(--gutter); }
.sbm-setup p { color: var(--muted); }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
@media print { .sbm-header, .sbm-bar, .sbm-footer, .sbm-rail, .sbm-statusline { display: none; } body { background: #fff; padding: 0; } }