/* Sam Updater site skin: home, archives, search, pages and 404.
   Same Beebom Gadgets layout as sud-bb.css, Sam Updater colors.
   Loads after sud-bb.css and after the tracker CSS, so ties go to us.
   Keep card display rules at (0,4,0) or lower: the guides pager hides
   cards with a (0,5,0) rule before its script runs. */

.sud-bb { --bb-deep: #1f1813; }
html[data-theme="dark"] .sud-bb { --bb-deep: #100c09; }

/* Tracker tokens: drop the hard offset shadows and dotted fills. */
.sud-bb .suh2-tn {
	--shadow-ink: transparent;
	--dot-ink: transparent;
	--shadow: none;
	--tn-card-shadow: none;
	--tn-font: var(--bb-font);
	--tn-radius: 16px;
	--bg: var(--bb-band);
	--paper: var(--bb-surface);
	--soft: var(--bb-soft);
	--ink: var(--bb-text);
	--muted: var(--bb-muted);
	--accent: var(--bb-link);
	--line: var(--bb-line);
	--clr-link: var(--bb-link);
	background: var(--bb-band);
	color: var(--bb-text);
}

html[data-theme="dark"] .sud-bb .suh2-tn {
	--paper: #241e19;
	--soft: var(--bb-soft);
	--tn-card-shadow: none;
}

/* Tracker labels used a mono face; Beebom uses the text face. */
.sud-bb .suh2-tn :is(.eyebrow, .live-label, .stats > div > span, .history-range, .history-footer,
	.status-message, .badge, .meta, .checker label, .overview > summary > span, .brief-tabs button .count,
	.tn-data, .day-heading > span, .refresh > span, .nav > span, .suh2-guides__count, .suh2-guides__cat) {
	font-family: var(--bb-font);
	letter-spacing: 0;
}

/* ---------- Dark heroes: home, archive, search, page, 404 ---------- */

.sud-bb :is(.archive-header, .page-hero, .not-found__header).hero-section {
	padding: 56px 0 48px;
	border: 0;
	border-radius: 0;
	background: var(--bb-hero);
	color: #fff;
}

.sud-bb .suh2-home .archive-header.hero-section {
	padding: 56px 0 32px;
	background: radial-gradient(60% 100% at 50% 0%, #5a3a1d 0%, #3a2b1f 50%, var(--bb-deep) 100%);
	text-align: center;
}

.sud-bb .archive-header__label {
	margin: 0;
	padding: 6px 12px;
	border: 1px solid rgba(255, 216, 77, .45);
	border-radius: 999px;
	background: rgba(255, 216, 77, .12);
	color: var(--bb-yellow);
	font: 600 13px/1 var(--bb-font);
	letter-spacing: 0;
	text-transform: none;
}

.sud-bb :is(.archive-header__title, .page-hero__title, .not-found__title) {
	margin-block-start: 16px;
	color: #fff;
	font: 600 48px/58px var(--bb-display);
	text-wrap: balance;
}

.sud-bb .suh2-home .archive-header__title { font-size: 56px; line-height: 68px; }
.sud-bb .not-found__title-text { margin-top: 8px; color: rgba(255, 255, 255, .7); }

.sud-bb .archive-header__description {
	margin-inline: auto;
	color: rgba(255, 255, 255, .85);
	font: 400 18px/30px var(--bb-font);
}

.sud-bb .archive-header:not(.suh2-home *) .archive-header__description { margin-inline: 0; }
.sud-bb .archive-header__description a { color: var(--bb-yellow); text-underline-offset: 3px; }

/* ---------- Home: checker and chips continue the dark band ---------- */

.sud-bb .suh2-tn .tn-wrap {
	max-width: var(--bb-max);
	padding: 0 16px 80px;
}

.sud-bb .suh2-tn .tn-wrap > :is(.checker, nav) {
	box-shadow: 0 0 0 100vmax var(--bb-deep);
	clip-path: inset(-1px -100vmax 0);
	background: var(--bb-deep);
}

.sud-bb .suh2-tn .checker {
	display: block;
	margin: 0;
	padding: 8px 0 24px;
	border: 0;
	border-radius: 0;
	color: #fff;
}

.sud-bb .suh2-tn .checker > div { text-align: center; }

.sud-bb .suh2-tn .checker .eyebrow {
	color: var(--bb-yellow);
	font: 600 12px/16px var(--bb-font);
	letter-spacing: .08em;
}

.sud-bb .suh2-tn .checker h2 {
	margin: 8px 0 4px;
	color: #fff;
	font: 600 28px/36px var(--bb-display);
}

.sud-bb .suh2-tn .checker p {
	margin: 0 0 20px;
	color: rgba(255, 255, 255, .75);
	font: 400 14px/22px var(--bb-font);
}

.sud-bb .suh2-tn .checker form {
	max-width: 744px;
	margin: 0 auto;
	padding: 8px 8px 8px 20px;
	gap: 16px;
	align-items: center;
	border-radius: 16px;
	background: var(--bb-surface);
}

.sud-bb .suh2-tn .checker label {
	gap: 2px;
	color: var(--bb-muted);
	font: 500 14px/20px var(--bb-font);
}

.sud-bb .suh2-tn .checker label + label {
	padding-left: 16px;
	border-left: 1px solid var(--bb-line);
}

.sud-bb .suh2-tn .checker select {
	width: 100%;
	max-width: none;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: var(--bb-text);
	font: 600 16px/24px var(--bb-font);
}

.sud-bb .suh2-tn .checker .primary {
	min-width: 0;
	padding: 14px 20px;
	border: 0;
	border-radius: 8px;
	background: var(--bb-ink);
	box-shadow: inset 0 0 6px 1px #000, inset 4px 4px 4px 0 rgba(255, 216, 77, .25);
	color: var(--bb-yellow);
	font: 600 16px/20px var(--bb-font);
}

.sud-bb .suh2-tn .checker .primary:hover:not(:disabled) { background: var(--bb-ink-2); }

.sud-bb .suh2-tn .checker-result:not(:empty) {
	max-width: 744px;
	margin: 16px auto 0;
	padding: 16px 20px;
	border-radius: 16px;
	background: var(--bb-surface);
	color: var(--bb-text);
	font: 400 14px/22px var(--bb-font);
}

.sud-bb .suh2-tn .tn-wrap > nav {
	display: flex;
	flex-wrap: nowrap;
	justify-content: safe center;
	gap: 8px;
	margin: 0;
	padding: 8px 0 40px;
	overflow-x: auto;
	scrollbar-width: none;
}

.sud-bb .suh2-tn .tn-wrap > nav::-webkit-scrollbar { display: none; }

.sud-bb .suh2-tn .nav {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 32px;
	margin: 0;
	padding: 6px 12px;
	border: 1px solid rgba(203, 203, 203, .55);
	border-radius: 16px;
	background: transparent;
	box-shadow: none;
	color: #fff;
	font: 500 12px/18px var(--bb-font);
	white-space: nowrap;
}

.sud-bb .suh2-tn .nav:hover { border-color: var(--bb-yellow); background: rgba(255, 216, 77, .12); }
.sud-bb .suh2-tn .nav.choose { margin-left: 0; border-color: var(--bb-yellow); color: var(--bb-yellow); }

.sud-bb .suh2-tn .nav.active,
html[data-theme="dark"] .sud-bb .suh2-tn .nav.active {
	border-color: var(--bb-yellow);
	background: var(--bb-yellow);
	color: var(--bb-ink);
}

/* ---------- Home: light band sections ---------- */

.sud-bb .suh2-tn :is(.brief-heading, .section-heading) {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}

.sud-bb .suh2-tn .feed-heading > div { flex: 1; min-width: 0; }

.sud-bb .suh2-tn :is(.brief-heading, .section-heading) h2,
.sud-bb .archive-posts__header h2,
.sud-bb .suh2-tn .suh2-guides__head h2 {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 16px;
	margin: 0;
	font: 600 28px/36px var(--bb-display);
	color: var(--bb-head);
}

.sud-bb .suh2-tn :is(.brief-heading, .section-heading) h2::after,
.sud-bb .archive-posts__header h2::after,
.sud-bb .suh2-tn .suh2-guides__head h2::after {
	content: "";
	flex: 1;
	min-width: 24px;
	height: 2px;
	background: var(--bb-line);
}

.sud-bb .suh2-tn :is(.daily-brief, .history-card, .stats > div, .update-card, .about-note) {
	border: 1px solid var(--bb-line);
	border-radius: 16px;
	background: var(--bb-surface);
	background-image: none;
	box-shadow: none;
}

.sud-bb .suh2-tn .daily-brief { margin: 64px 0 32px; padding: 24px; }
.sud-bb .suh2-tn .brief-sub { color: var(--bb-muted); font: 400 14px/22px var(--bb-font); }
.sud-bb .suh2-tn .brief-list > li { border-top: 1px solid var(--bb-line); }
.sud-bb .suh2-tn .brief-list > li > strong { font: 600 17px/24px var(--bb-display); }
.sud-bb .suh2-tn :is(.brief-update, .brief-countries) { font-family: var(--bb-font); }

.sud-bb .suh2-tn .overview { margin: 0 0 40px; border-color: var(--bb-line); }
.sud-bb .suh2-tn .overview > summary { font: 600 16px/24px var(--bb-display); color: var(--bb-head); }
.sud-bb .suh2-tn .stats > div { padding: 16px 20px; }
.sud-bb .suh2-tn .stats strong { font: 700 32px/40px var(--bb-display); color: var(--bb-head); }
.sud-bb .suh2-tn .history-card { padding: 20px; }

.sud-bb .suh2-tn .feed-heading p { color: var(--bb-muted); font: 400 14px/22px var(--bb-font); }

.sud-bb .suh2-tn :is(.refresh, .filter-tabs button, .brief-tabs button, .brief-jump, .day-actions button) {
	padding: 6px 12px;
	border: 1px solid var(--bb-line);
	border-radius: 999px;
	background: var(--bb-surface);
	box-shadow: none;
	color: var(--bb-text);
	font: 500 13px/18px var(--bb-font);
}

.sud-bb .suh2-tn .filter-tabs { gap: 8px; }

.sud-bb .suh2-tn .filter-tabs button.selected,
html[data-theme="dark"] .sud-bb .suh2-tn .filter-tabs button.selected {
	border-color: var(--bb-ink);
	background: var(--bb-ink);
	color: var(--bb-yellow);
}

.sud-bb .suh2-tn .filters :is(.search input, select) {
	height: 44px;
	border: 1px solid var(--bb-line);
	border-radius: 12px;
	background-color: var(--bb-surface);
	box-shadow: none;
	color: var(--bb-text);
	font: 400 14px/20px var(--bb-font);
}

.sud-bb .suh2-tn .update-card {
	gap: 16px;
	margin: 0 0 12px;
	padding: 16px;
	transition: border-color .15s ease;
}

.sud-bb .suh2-tn .update-card:hover { border-color: rgba(194, 65, 12, .45); box-shadow: none; }
.sud-bb .suh2-tn .device-title { font: 600 18px/24px var(--bb-display); color: var(--bb-head); }
.sud-bb .suh2-tn .release-title { font: 500 14px/20px var(--bb-font); }
.sud-bb .suh2-tn .meta { font-size: 12px; line-height: 18px; color: var(--bb-muted); }
.sud-bb .suh2-tn .summary { font: 400 14px/22px var(--bb-font); color: var(--bb-muted); }
.sud-bb .suh2-tn .card-bottom { border-top: 1px solid var(--bb-line); }

.sud-bb .suh2-tn .badge {
	padding: 4px 10px;
	border: 0;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
}

.sud-bb .suh2-tn .load-more {
	display: block;
	width: 100%;
	max-width: 320px;
	margin: 24px auto 0;
	padding: 14px 20px;
	border: 0;
	border-radius: 8px;
	background: var(--bb-ink);
	box-shadow: inset 0 0 6px 1px #000, inset 4px 4px 4px 0 rgba(255, 216, 77, .25);
	color: var(--bb-yellow);
	font: 600 16px/20px var(--bb-font);
}

.sud-bb .suh2-tn .about-note { margin-top: 40px; padding: 20px 24px; }
.sud-bb .suh2-tn .about-note p { font: 400 14px/22px var(--bb-font); }
.sud-bb .suh2-tn .tn-data { margin-top: 24px; color: var(--bb-muted); font-size: 13px; }

/* ---------- Home: guides in a dark band ---------- */

.sud-bb .suh2-tn .suh2-guides {
	max-width: var(--bb-max);
	padding: 64px 16px 80px;
	box-shadow: 0 0 0 100vmax var(--bb-deep);
	clip-path: inset(0 -100vmax);
	background: var(--bb-deep);
	color: #fff;
}

.sud-bb .suh2-tn .suh2-guides__head {
	align-items: center;
	gap: 16px;
	margin-bottom: 32px;
	padding-top: 0;
	border-top: 0;
}

.sud-bb .suh2-tn .suh2-guides__head h2 { color: #fff; font-style: italic; }
.sud-bb .suh2-tn .suh2-guides__head h2::after { background: rgba(255, 255, 255, .2); }
.sud-bb .suh2-tn .suh2-guides__count { color: rgba(255, 255, 255, .7); font-size: 13px; }

.sud-bb .suh2-tn .suh2-guides__list { gap: 32px; }

.sud-bb .suh2-tn .suh2-guides__card {
	padding: 12px;
	border: 0;
	border-radius: 16px;
	background: rgba(255, 255, 255, .08);
	box-shadow: none;
	transition: background-color .15s ease;
}

.sud-bb .suh2-tn .suh2-guides__card:hover { transform: none; background: rgba(255, 255, 255, .14); box-shadow: none; }
.sud-bb .suh2-tn .suh2-guides__card:focus-within { outline-color: var(--bb-yellow); }

.sud-bb .suh2-tn .suh2-guides__card.has-media {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}

.sud-bb .suh2-tn .suh2-guides__media {
	aspect-ratio: 120 / 98;
	min-height: 0;
	border: 0;
	border-radius: 8px;
	background: rgba(255, 255, 255, .06);
}

.sud-bb .suh2-tn .suh2-guides__body { gap: 6px; padding: 0; }

.sud-bb .suh2-tn .suh2-guides__card .suh2-guides__cat {
	color: var(--bb-yellow);
	font: 600 12px/16px var(--bb-font);
}

.sud-bb .suh2-tn .suh2-guides__card a.suh2-guides__link {
	color: #fff;
	font: 600 16px/22px var(--bb-display);
}

.sud-bb .suh2-tn .suh2-guides__date { color: rgba(255, 255, 255, .7); font: 400 12px/16px var(--bb-font); }

.sud-bb .suh2-tn .suh2-guides__pager { margin-top: 40px; }

.sud-bb .suh2-tn .suh2-guides__pager button {
	border-color: rgba(255, 255, 255, .2);
	background: rgba(255, 255, 255, .08);
	color: #fff;
	font: 600 14px/1 var(--bb-font);
}

.sud-bb .suh2-tn .suh2-guides__pager button:hover:not(:disabled):not([aria-current]) {
	border-color: var(--bb-yellow);
	background: rgba(255, 216, 77, .12);
}

.sud-bb .suh2-tn .suh2-guides__pager button[aria-current],
html[data-theme="dark"] .sud-bb .suh2-tn .suh2-guides__pager button[aria-current] {
	border-color: var(--bb-yellow);
	background: var(--bb-yellow);
	color: var(--bb-ink);
}

/* ---------- Archives and search ---------- */

.sud-bb .archive-posts { margin-block-start: 48px; padding-bottom: 64px; }
.sud-bb .archive-posts__header { gap: 16px; }
.sud-bb .archive-posts__meta { color: var(--bb-muted); font: 500 13px/18px var(--bb-font); letter-spacing: 0; text-transform: none; }

.sud-bb .post-list { gap: 32px 24px; }

.sud-bb .post-card {
	--flow-space: 12px;
	height: 100%;
	padding: 12px;
	border: 1px solid var(--bb-line);
	border-radius: 16px;
	background: var(--bb-surface);
	text-align: left;
}

.sud-bb .post-card__image-link { border-radius: 8px; }
.sud-bb .post-card__title { font: 600 18px/24px var(--bb-display); }
.sud-bb .post-card__title a { color: var(--bb-head); text-decoration: none; }
.sud-bb .post-card__title a:hover { color: var(--bb-link); }

.sud-bb .post-card__excerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: var(--bb-muted);
	font: 400 14px/22px var(--bb-font);
}

.sud-bb .post-card__meta { color: var(--bb-muted); font: 400 12px/16px var(--bb-font); }

.sud-bb .pagination {
	margin-block-start: 48px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-family: var(--bb-font);
}

.sud-bb .pagination__list { gap: 8px; }

.sud-bb :is(.pagination__item-link, .pagination__item [aria-current="page"]) {
	min-width: 40px;
	min-height: 40px;
	padding: 0 12px;
	border: 1px solid var(--bb-line);
	border-radius: 999px;
	aspect-ratio: auto;
	color: var(--bb-text);
	font: 600 14px/1 var(--bb-font);
}

.sud-bb .pagination__item-link:hover { border-color: var(--bb-ink); border-radius: 999px; background: var(--bb-ink); color: var(--bb-yellow); }
.sud-bb .pagination__item [aria-current="page"] { border-color: var(--bb-yellow); background: var(--bb-yellow); color: var(--bb-ink); }

/* ---------- 404 guides list ---------- */

.sud-bb .not-found .guides { padding-block: 48px 64px; }
.sud-bb .guides__heading { font: 600 28px/36px var(--bb-display); }
.sud-bb .guides__list-item { border-color: var(--bb-line); }

.sud-bb .guides__link {
	padding: 16px 12px;
	border-radius: 8px;
	background-image: none;
	color: var(--bb-head);
	font: 600 18px/26px var(--bb-display);
	transition: background-color .15s ease;
}

.sud-bb .guides__link:hover { background-color: var(--bb-pill); color: var(--bb-head); }
.sud-bb .guides__link::after { color: var(--bb-muted); font: 400 14px/1 var(--bb-font); }

/* ---------- Breakpoints ---------- */

@media (max-width: 767px) {
	.sud-bb :is(.archive-header, .page-hero, .not-found__header).hero-section { padding: 32px 0 28px; }
	.sud-bb .suh2-home .archive-header.hero-section { padding: 32px 0 20px; }

	.sud-bb :is(.archive-header__title, .page-hero__title, .not-found__title),
	.sud-bb .suh2-home .archive-header__title { margin-block-start: 12px; font-size: 28px; line-height: 36px; }

	.sud-bb .archive-header__description { font-size: 16px; line-height: 26px; }

	.sud-bb .suh2-tn .checker h2 { font-size: 22px; line-height: 30px; }
	.sud-bb .suh2-tn .tn-wrap > nav { justify-content: flex-start; padding-bottom: 28px; }
	.sud-bb .suh2-tn .daily-brief { margin-top: 40px; padding: 18px 16px; }
	.sud-bb .suh2-tn .tn-wrap { padding-bottom: 40px; }

	.sud-bb .suh2-tn :is(.brief-heading, .section-heading) h2,
	.sud-bb .archive-posts__header h2,
	.sud-bb .suh2-tn .suh2-guides__head h2,
	.sud-bb .guides__heading { font-size: 20px; line-height: 28px; }

	.sud-bb .suh2-tn .suh2-guides { padding: 40px 16px; }
	.sud-bb .suh2-tn .suh2-guides__list { gap: 24px; }
	.sud-bb .archive-posts { margin-block-start: 32px; padding-bottom: 40px; }
}

@media (max-width: 699px) {
	.sud-bb .suh2-tn .checker form { padding: 12px; gap: 12px; }
	.sud-bb .suh2-tn .checker .primary { justify-self: stretch; }

	.sud-bb .suh2-tn .suh2-guides__list { gap: 12px; }
	.sud-bb .suh2-tn .suh2-guides__card { padding: 8px; }
	.sud-bb .suh2-tn .suh2-guides__card.has-media { grid-template-columns: 90px minmax(0, 1fr); gap: 8px; }
	.sud-bb .suh2-tn .suh2-guides__media { aspect-ratio: 90 / 70; }
	.sud-bb .suh2-tn .suh2-guides__card a.suh2-guides__link { font-size: 14px; line-height: 20px; }
}

/* ---------- Live update checker (page 208) ----------
   The checker ships its own #id-scoped inline styles, so these rules carry
   one extra class to win. Everything maps to --bb tokens, so dark mode follows. */

.sud-bb .post-content .kt-inside-inner-col:has(> #samupdater-live-checker) { padding: 0; background: none; }
.sud-bb .post-content .suf-hubs,
.sud-bb #samupdater-live-checker .suf-follow { display: none; }
.sud-bb .post-content .kt-inside-inner-col > p { color: var(--bb-text); }

body.sud-bb #samupdater-live-checker {
	--su-bg: var(--bb-surface); --su-panel: var(--bb-surface); --su-panel-2: var(--bb-soft);
	--su-text: var(--bb-text); --su-muted: var(--bb-muted); --su-line: var(--bb-line);
	--su-brand: var(--bb-link); --su-brand-dark: var(--bb-orange); --su-brand-soft: var(--bb-band);
	--su-cyan: var(--bb-link);
	margin: 8px 0 32px; padding: 32px;
	border: 1px solid var(--bb-line); border-radius: var(--bb-radius);
	background: var(--bb-surface); color: var(--bb-text);
	font-family: var(--bb-font);
}
.sud-bb #samupdater-live-checker :is(.su-eyebrow, .su-result-kicker) {
	color: var(--bb-link); font: 600 13px/20px var(--bb-font); letter-spacing: .04em; text-transform: uppercase;
}
.sud-bb #samupdater-live-checker :is(h2, h3, h4) { color: var(--bb-head); font-family: var(--bb-display); letter-spacing: -.01em; }
.sud-bb #samupdater-live-checker h2 { margin-bottom: 12px; font-size: 34px; font-weight: 700; line-height: 42px; }
.sud-bb #samupdater-live-checker .su-result-head h3 { font-size: 28px; font-weight: 700; line-height: 36px; }
.sud-bb #samupdater-live-checker :is(.su-intro, .su-notes p) { color: var(--bb-muted); font-size: 16px; line-height: 26px; }

.sud-bb #samupdater-live-checker .su-form { padding: 20px; border: 1px solid var(--bb-line); border-radius: 12px; background: var(--bb-soft); }
.sud-bb #samupdater-live-checker .su-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.sud-bb #samupdater-live-checker .su-label { color: var(--bb-text); font-family: var(--bb-font); }
.sud-bb #samupdater-live-checker :is(.su-field small, .su-trust, .su-popular, .su-popular > span, .su-identifiers, .su-metric-label, .su-history-date, .su-history-patch) { color: var(--bb-muted); }
.sud-bb #samupdater-live-checker .su-input-wrap { border-color: var(--bb-line); border-radius: 10px; background: var(--bb-surface); }
.sud-bb #samupdater-live-checker .su-input-wrap:focus-within { border-color: var(--bb-link); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bb-link) 18%, transparent); }
.sud-bb #samupdater-live-checker input { color: var(--bb-text); }
.sud-bb #samupdater-live-checker input::placeholder { color: var(--bb-muted); opacity: .7; }
.sud-bb #samupdater-live-checker :is(.su-input-wrap svg, .su-region-help > svg, .su-trust svg) { stroke: var(--bb-link); }

.sud-bb #samupdater-live-checker .su-submit {
	grid-column: 1 / -1; min-height: 50px; margin: 0;
	border-radius: 10px; background: var(--bb-yellow); color: var(--bb-ink);
	padding-inline: 20px; font: 700 15px/1 var(--bb-font); white-space: nowrap; transition: background .2s;
}
.sud-bb #samupdater-live-checker .su-submit:hover { background: var(--bb-orange); color: #fff; }

.sud-bb #samupdater-live-checker .su-popular { border-top-color: var(--bb-line); font-size: 13px; }
.sud-bb #samupdater-live-checker .su-popular > span { font: 600 13px/20px var(--bb-font); }
.sud-bb #samupdater-live-checker .su-popular button {
	padding: 6px 12px; border-color: transparent; border-radius: 999px;
	background: var(--bb-pill); color: var(--bb-text); font: 500 13px/18px var(--bb-font);
}
.sud-bb #samupdater-live-checker .su-popular button:hover { border-color: var(--bb-link); background: var(--bb-pill); color: var(--bb-link); }

.sud-bb #samupdater-live-checker .su-region-help { border-color: var(--bb-line); border-radius: 12px; background: var(--bb-surface); }
.sud-bb #samupdater-live-checker .su-region-help strong { color: var(--bb-text); }
.sud-bb #samupdater-live-checker .su-region-help p { color: var(--bb-muted); }
.sud-bb #samupdater-live-checker .su-trust { font-size: 13px; }

/* Results */
.sud-bb #samupdater-live-checker :is(.su-loading, .su-results) { border-color: var(--bb-line); border-radius: var(--bb-radius); background: var(--bb-surface); }
.sud-bb #samupdater-live-checker :is(.su-loading-head span, .su-loading-grid span) { background: var(--bb-soft); }
.sud-bb #samupdater-live-checker .su-section-title h4 { color: var(--bb-head); font: 700 20px/28px var(--bb-display); }
.sud-bb #samupdater-live-checker .su-result-head h3 { color: var(--bb-head); font: 700 clamp(26px, 4vw, 34px)/1.15 var(--bb-display); }
.sud-bb #samupdater-live-checker .su-message { border: 1px solid color-mix(in srgb, var(--bb-orange) 35%, transparent); border-left: 4px solid var(--bb-orange); border-radius: 12px; background: color-mix(in srgb, var(--bb-orange) 8%, var(--bb-surface)); color: var(--bb-text); font: 500 14px/22px var(--bb-font); }
.sud-bb #samupdater-live-checker :is(.su-result-head, .su-notes, .su-history) { border-color: var(--bb-line); background: var(--bb-surface); }
.sud-bb #samupdater-live-checker .su-status { border-color: transparent; border-radius: 999px; background: var(--bb-pill); color: var(--bb-text); }
.sud-bb #samupdater-live-checker .su-patch-feature { background: var(--bb-band); box-shadow: inset 4px 0 0 var(--bb-yellow); }
.sud-bb #samupdater-live-checker :is(.su-patch-feature strong, .su-metric strong, .su-history-build, .su-notes-heading h4) { color: var(--bb-head); }
.sud-bb #samupdater-live-checker .su-metrics { border-color: var(--bb-line); background: var(--bb-surface); }
.sud-bb #samupdater-live-checker .su-metric { border-color: var(--bb-line); }
.sud-bb #samupdater-live-checker .su-metric button { border-color: var(--bb-line); background: var(--bb-soft); color: var(--bb-muted); }
.sud-bb #samupdater-live-checker .su-metric button:hover { background: var(--bb-pill); color: var(--bb-link); }
.sud-bb #samupdater-live-checker .su-metric button.is-copied { color: var(--bb-link); }
.sud-bb #samupdater-live-checker .su-notes-card { border-color: var(--bb-line); background: var(--bb-soft); }
.sud-bb #samupdater-live-checker :is(.su-notes-icon, .su-notes-badge) { background: var(--bb-pill); color: var(--bb-link); }
.sud-bb #samupdater-live-checker .su-history-row { border-top-color: var(--bb-line); }
.sud-bb #samupdater-live-checker .su-result-footer { border-color: var(--bb-line); background: var(--bb-soft); }
.sud-bb #samupdater-live-checker :is(.su-result-footer a, a) { color: var(--bb-link); }

/* Device alert sign-up (its own stylesheet uses !important) */
.sud-bb #samupdater-live-checker .su-device-alert {
	border-color: var(--bb-line) !important; border-radius: var(--bb-radius) !important;
	background: var(--bb-surface) !important; color: var(--bb-text) !important; box-shadow: none !important;
}
.sud-bb #samupdater-live-checker .su-device-alert__top { background: var(--bb-surface) !important; }
.sud-bb #samupdater-live-checker .su-device-alert__eyebrow { color: var(--bb-link) !important; }
.sud-bb #samupdater-live-checker .su-device-alert__eyebrow::before { background: var(--bb-orange) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--bb-orange) 15%, transparent) !important; }
.sud-bb #samupdater-live-checker .su-device-alert h4 { color: var(--bb-head) !important; }
.sud-bb #samupdater-live-checker :is(.su-device-alert__intro, .su-device-alert__consent, .su-device-alert label) { color: var(--bb-muted) !important; }
.sud-bb #samupdater-live-checker .su-device-alert__signal { border-color: var(--bb-line) !important; background: var(--bb-pill) !important; color: var(--bb-text) !important; }
.sud-bb #samupdater-live-checker .su-device-alert__grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, .7fr) !important; border-color: var(--bb-line) !important; background: var(--bb-soft) !important; }
.sud-bb #samupdater-live-checker .su-device-alert__grid > button { grid-column: 1 / -1; min-height: 46px; }
.sud-bb #samupdater-live-checker .su-device-alert input:is([type="email"], [type="text"]) { border-color: var(--bb-line) !important; background: var(--bb-surface) !important; color: var(--bb-text) !important; box-shadow: none !important; }
.sud-bb #samupdater-live-checker .su-device-alert input[readonly] { background: var(--bb-soft) !important; color: var(--bb-muted) !important; }
.sud-bb #samupdater-live-checker .su-device-alert input[type="email"]:focus { border-color: var(--bb-link) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--bb-link) 18%, transparent) !important; }
.sud-bb #samupdater-live-checker .su-device-alert button { border-color: var(--bb-yellow) !important; background: var(--bb-yellow) !important; color: var(--bb-ink) !important; box-shadow: none !important; font: 700 15px/1 var(--bb-font) !important; }
.sud-bb #samupdater-live-checker .su-device-alert button:hover { background: var(--bb-orange) !important; color: #fff !important; }
.sud-bb #samupdater-live-checker .su-device-alert__consent input { accent-color: var(--bb-orange) !important; }
.sud-bb #samupdater-live-checker .su-device-alert__consent a { color: var(--bb-link) !important; }

/* Bulletin and other leftover blue links in post bodies */
.sud-bb .post-content a[href*="security.samsungmobile.com"] { color: var(--bb-link); }

@media (max-width: 560px) {
	body.sud-bb #samupdater-live-checker { padding: 20px 16px; border-radius: 12px; }
	.sud-bb #samupdater-live-checker h2 { font-size: 26px; line-height: 34px; }
	.sud-bb #samupdater-live-checker .su-form { padding: 14px; }
	.sud-bb #samupdater-live-checker .su-fields,
	.sud-bb #samupdater-live-checker .su-device-alert__grid { grid-template-columns: 1fr !important; }
}

/* Upcoming phones page: map the plugin tokens onto the skin */
body.sud-bb .sup-page {
	--sup-page: var(--bb-page);
	--sup-surface: var(--bb-soft);
	--sup-card: var(--bb-surface);
	--sup-hover: var(--bb-soft);
	--sup-ink: var(--bb-text);
	--sup-muted: var(--bb-muted);
	--sup-line: var(--bb-line);
	--sup-accent: var(--bb-link);
	--sup-brand: var(--bb-orange);
	--sup-tint: color-mix(in srgb, var(--bb-link) 14%, transparent);
	--sup-sans: var(--bb-font);
	--sup-mono: var(--bb-font);
	--sup-r: var(--bb-radius);
	--sup-shadow: 0 1px 2px rgba(38, 32, 26, .05), 0 12px 32px -20px rgba(38, 32, 26, .35);
	background: var(--bb-page);
	color: var(--bb-text);
	font-family: var(--bb-font);
}
html[data-theme="dark"] body.sud-bb .sup-page { --sup-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px -20px rgba(0, 0, 0, .7); }
.sud-bb .sup-page :is(.sup-h1, .sup-h2, .sup-card-name, .sup-tile-value, .sup-stats strong, h2, h3, h4, summary) {
	color: var(--bb-head);
	font-family: var(--bb-display);
	letter-spacing: -.01em;
}
.sud-bb .sup-page .sup-h1 { letter-spacing: -.03em; }
.sud-bb .sup-page :is(.sup-eyebrow, .sup-kicker, .sup-tile-label, .sup-chip, .sup-updated, .sup-when, .sup-count, .sup-card-when, .sup-stats span, .sup-float span, .sup-mini-card small, .sup-news small, .sup-crumbs) {
	font-family: var(--bb-font);
	font-weight: 600;
	letter-spacing: .04em;
}
.sud-bb .sup-page :is(.sup-eyebrow, .sup-kicker) { color: var(--bb-link); font-size: 13px; }
.sud-bb .sup-page .sup-crumbs { text-transform: none; letter-spacing: 0; font-weight: 500; }
.sud-bb .sup-page .sup-pill {
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--bb-pill);
	color: var(--bb-head);
	font: 600 11px/16px var(--bb-font);
	letter-spacing: .04em;
}
.sud-bb .sup-page .sup-pill.is-muted { background: var(--bb-soft); color: var(--bb-muted); }
.sud-bb .sup-page .sup-go { background: var(--bb-yellow); color: var(--bb-ink); transition: transform .2s, background-color .2s, color .2s; }
.sud-bb .sup-page .sup-card:hover .sup-go { background: var(--bb-orange); color: #fff; }
.sud-bb .sup-page .sup-hero { border-radius: var(--bb-radius) var(--bb-radius) clamp(40px, 7vw, 72px) var(--bb-radius); }
.sud-bb .sup-page a:not([class]) { color: var(--bb-link); }
.sud-bb .sup-page .sup-stats span { display: block; margin-top: 6px; line-height: 1.35; }