/* Reading Stop on the dedicated checker and the product dialog. The shared checker
   continues to own question visibility, progress, results and focus. */
.tss-reading-stop {
	--stop-paper: #fffcf1;
	--stop-ink: #252e24;
	--stop-green: #2d493a;
	--stop-gutter: clamp(18px, 4vw, 52px);
}

#phone-check.tss-reading-stop {
	padding: 0;
	background: #fff7df;
	min-height: 0;
}

#phone-check.tss-reading-stop::before,
#phone-check.tss-reading-stop::after {
	content: none;
}

#phone-check.tss-reading-stop .tss-compat-checker__inner,
#product-phone-check.tss-reading-stop .tss-compat-checker__inner {
	display: block;
	width: 100%;
	max-width: none;
	min-height: 0;
	height: auto;
	margin: 0;
	padding: 0;
}

.tss-reading-stop .tss-stop-context,
.tss-reading-stop .tss-stop-foot {
	box-sizing: border-box;
	display: flex;
	align-items: baseline;
	gap: 8px;
	width: 100%;
	max-width: 1232px;
	margin: 0 auto;
	padding: 30px var(--stop-gutter) 0;
	color: #425346;
	font-size: 14px;
	line-height: 1.45;
}

.tss-reading-stop .tss-stop-context :is(h1,h2) {
	display: inline;
	margin: 0;
	color: inherit;
	font: inherit;
	letter-spacing: 0;
}

.tss-reading-stop .tss-stop-context a,
.tss-reading-stop .tss-stop-foot a {
	color: #284b40;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.tss-stop-stage {
	position: relative;
	isolation: isolate;
	padding: 32px max(var(--stop-gutter), calc((100% - 1128px) / 2)) 94px;
	background: url("verge.svg") center bottom / 100% 41% no-repeat;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-checker__board {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 74%;
	height: auto;
	min-height: 0;
	max-height: none;
	margin: 0;
	padding: clamp(24px, 3.1vw, 44px) !important;
	overflow: visible;
	background: var(--stop-paper);
	border: 2px solid var(--stop-ink) !important;
	border-radius: 9px !important;
	box-shadow: 5px 6px var(--stop-green) !important;
}

.tss-reading-stop .tss-stop-stage .tss-compat-checker__board::before,
.tss-reading-stop .tss-stop-stage .tss-compat-checker__board::after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	inset: 100% auto auto 11%;
	width: 18px;
	height: 70px;
	border: 2px solid #53432d;
	border-radius: 0;
	background: linear-gradient(90deg, #876b48 23%, #d3aa78 24% 71%, #ae875b 72%);
	box-shadow: none;
	transform: none;
}

.tss-reading-stop .tss-stop-stage .tss-compat-checker__board::after {
	left: auto;
	right: 11%;
}

:is(#phone-check,#product-phone-check) .tss-compat-checker__board > .tss-stop-lamp {
	position: absolute;
	left: auto;
	right: 9%;
	top: -19px;
	min-width: 0;
	width: 46px;
	height: 18px;
	background: #486251;
	border: 2px solid #24372a;
	border-bottom: 3px solid #ae995d;
	border-radius: 20px 20px 3px 3px;
	transform: rotate(6deg);
}

.tss-stop-lamp::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 54%;
	width: 6px;
	height: 13px;
	background: #526b53;
	border: 1px solid #314132;
	border-radius: 4px;
}

.tss-stop-bench {
	position: absolute;
	right: max(2%, calc((100% - 1260px) / 2));
	bottom: 14px;
	width: min(26%, 322px);
	aspect-ratio: 3 / 2;
	background: url("bench.webp") center bottom / contain no-repeat;
	pointer-events: none;
}

.tss-reading-stop [data-phase="check"] .tss-stop-bench,
.tss-reading-stop [data-phase="result"] .tss-stop-bench,
.tss-reading-stop [data-search-state="query"] .tss-stop-bench,
.tss-reading-stop .tss-compat-phone,
.tss-reading-stop .tss-compat-checker__route {
	display: none !important;
}

.tss-reading-stop .tss-stop-foot {
	justify-content: space-between;
	flex-wrap: wrap;
	padding-block: 18px;
}

.tss-reading-stop .tss-stop-foot a { font-weight: 650; }

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-step--search {
	width: 100%;
	height: auto;
	min-height: 0;
	max-width: none;
	gap: 0;
	padding: 0 !important;
	border: 0 !important;
	background: none;
	box-shadow: none;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-step__prompt {
	display: block;
	margin: 0 0 20px;
	padding: 0;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-step__prompt :is(h2,h3) {
	max-width: 10.5em;
	margin: 0;
	font-size: clamp(46px, 5.2vw, 74px) !important;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.044em;
	text-wrap: balance;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-step__prompt p {
	display: block;
	max-width: none;
	margin: 10px 0 0;
	font-size: 17px;
	font-weight: 450;
	line-height: 1.45;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-step--search > label {
	display: block;
	position: static;
	min-height: 0;
	line-height: 1.4;
	margin: 0 0 6px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 15px;
	font-weight: 650;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-search {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-search input {
	flex: 1 1 150px;
	width: 0;
	min-width: 0;
	min-height: 48px;
	border: 1.5px solid #343a31;
	background: #fff;
	font-size: 16px;
}

.tss-reading-stop .tss-compat-search [hidden] { display: none !important; }

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-search button {
	width: auto;
	min-height: 44px;
	border-radius: 6px;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-quick-tools {
	display: block;
	margin: 14px 0 0;
	padding: 0;
	border: 0;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-families {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-families button {
	flex: 0 0 auto;
	min-width: 0;
	width: auto;
	min-height: 44px;
	padding: 6px 10px;
	border: 1px solid #3c443a;
	border-radius: 5px;
	box-shadow: none;
	background: #fffdf6;
	font-size: 14px;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-detect {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0 8px;
	width: 100%;
	margin: 12px 0 0;
	padding-top: 7px;
	border-top: 1px solid #d3d1be;
	border-radius: 0;
	font-size: 14px;
}

:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-detect button {
	display: inline-flex;
	width: auto;
	min-height: 44px;
	align-items: center;
	padding: 0 3px;
	border: 0;
	background: none;
	box-shadow: none;
	color: #284b40;
	text-decoration: underline;
	text-underline-offset: 3px;
	font-size: 14px;
}

.tss-reading-stop .tss-compat-detect__icon { display: none; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-detect__status,
#product-phone-check.tss-reading-stop .tss-compat-step__hint {
	display: block;
	white-space: normal;
	margin: 0;
	font-size: 13px !important;
	font-weight: 450;
	line-height: 1.45;
}

/* The page has a visible privacy note immediately beneath the sign. */
#phone-check.tss-reading-stop .tss-compat-step__hint {
	position: absolute;
	width: 1px;
	height: 1px;
	clip-path: inset(50%);
	overflow: hidden;
}

.tss-reading-stop [data-search-state="query"] :is(.tss-compat-quick-tools,.tss-compat-detect__status) {
	display: none !important;
}

.tss-product-compat-modal .tss-stop-dialog.tss-product-compat-modal__panel {
	width: min(900px, calc(100vw - 24px)) !important;
	height: auto !important;
	max-height: calc(100dvh - 24px) !important;
	padding: 0 !important;
	overflow: auto !important;
	overscroll-behavior: contain;
	background: #fff7df;
	border: 2px solid #28372d;
	box-shadow: 4px 5px #2d493a;
}

#product-phone-check.tss-reading-stop {
	padding: 0;
	background: #fff7df;
}

#product-phone-check .tss-stop-context { padding: 16px 80px 0 20px; }
#product-phone-check .tss-stop-stage { padding: 22px 20px 54px; }
#product-phone-check.tss-reading-stop .tss-compat-checker__board { width: 78%; padding: 24px !important; }
#product-phone-check .tss-stop-bench { width: 23%; right: 1%; bottom: 5px; }
#product-phone-check .tss-stop-stage .tss-compat-checker__board::before,
#product-phone-check .tss-stop-stage .tss-compat-checker__board::after { height: 34px; }
#product-phone-check.tss-reading-stop .tss-compat-step__prompt h3 { font-size: clamp(32px,3.2vw,46px) !important; }
#product-phone-check.tss-reading-stop .tss-compat-step__hint { margin-top: 7px; }
#product-phone-check .tss-stop-lamp { transform: scale(.68) rotate(6deg); transform-origin: right bottom; }
#product-phone-check.tss-reading-stop [data-phase="check"] .tss-compat-checker__board,
#product-phone-check.tss-reading-stop [data-phase="result"] .tss-compat-checker__board,
#product-phone-check.tss-reading-stop [data-search-state="query"] .tss-compat-checker__board { width: 100%; }

@media (max-width: 720px) {
	.tss-reading-stop .tss-stop-context { padding-top: 20px; }
	.tss-stop-stage { padding: 26px 16px 105px; background-size: auto 180px; }
	:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-checker__board { width: 100%; padding: 22px 17px !important; }
	.tss-stop-bench { width: 144px; right: 5%; bottom: 5px; }
	.tss-stop-lamp { transform: scale(.78) rotate(6deg); transform-origin: bottom right; }
	:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-step__prompt :is(h2,h3) { font-size: clamp(34px,9.8vw,48px) !important; }
	:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-step__prompt p { font-size: 16px; }
	:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-search input { flex-basis: 100%; }
	:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-search__submit { flex: 1; }
	#product-phone-check .tss-stop-stage { padding: 23px 12px 77px; }
	#product-phone-check.tss-reading-stop .tss-compat-checker__board { padding: 18px 14px !important; }
	#product-phone-check .tss-stop-bench { width: 112px; right: 20px; }
	#product-phone-check.tss-reading-stop .tss-compat-step__prompt h3 { font-size: clamp(29px,8vw,38px) !important; }
	#product-phone-check .tss-stop-context { padding-top: 13px; }
	.tss-reading-stop [data-phase="check"] .tss-stop-stage,
	.tss-reading-stop [data-phase="result"] .tss-stop-stage { padding-bottom: 76px; }
}

@media (max-height: 500px) {
	#product-phone-check .tss-stop-stage { padding-bottom: 16px; }
	#product-phone-check .tss-stop-bench { display: none; }
	#product-phone-check.tss-reading-stop .tss-compat-checker__board { width: 100%; }
}

/* Let the result use natural height so its evidence can be read at phone size. */
.tss-reading-stop .tss-compat-result__checks li,
.tss-reading-stop .tss-compat-result__checks-title { font-size: 12px; }
.tss-reading-stop .tss-compat-result__completed .tss-compat-result__stamp {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
	line-height: 1.15;
}
.tss-reading-stop .tss-compat-result__stamp::before { inset: 3px; border-width: 1px; }
.tss-product-compat-modal .tss-stop-dialog .tss-product-compat-modal__close {
	min-height: 44px !important;
	z-index: 5;
}
@media (max-width: 720px) {
	#product-phone-check .tss-compat-checker__board > .tss-stop-lamp { right: 24%; }
}

@media (max-width: 720px) {
	/* Give long handset names the same space as the label above them. */
	.tss-reading-stop .tss-compat-result__selected,
	.tss-reading-stop .tss-compat-selected {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 2px 8px;
	}
	.tss-reading-stop .tss-compat-result__selected strong,
	.tss-reading-stop .tss-compat-selected strong {
		grid-column: 1;
		grid-row: 2;
		text-align: left;
		word-break: normal;
	}
	.tss-reading-stop .tss-compat-result__selected button,
	.tss-reading-stop .tss-compat-selected button {
		grid-column: 2;
		grid-row: 1 / span 2;
	}
	#product-phone-check.tss-reading-stop .tss-compat-result,
	#product-phone-check.tss-reading-stop .tss-compat-step--checks {
		padding: 0 !important;
		border: 0 !important;
		background: transparent;
	}
}
@media (max-width: 360px) {
	.tss-reading-stop .tss-compat-result__completed {
		grid-template-columns: minmax(0, 1fr);
		gap: 6px;
	}
	.tss-reading-stop .tss-compat-result__completed .tss-compat-result__stamp {
		grid-column: 1;
		grid-row: auto;
		justify-self: end;
	}
}

/* Shared sign faces. The surroundings stay put as the face grows. */
.tss-compatibility-live-page .site-content { padding-bottom: 0 !important; }
.tss-reading-stop .tss-stop-stage { max-width: 1190px; margin: auto; background: none; padding: 34px clamp(18px,4vw,50px) 96px; }
.tss-reading-stop .tss-stop-stage::before {
	content: ""; position: absolute; pointer-events: none; z-index: -2; inset: auto 0 0;
	height: 220px; background: url("painted-ground.webp") center 68% / 100% auto no-repeat;
	filter: saturate(.74);
}
.tss-reading-stop .tss-stop-bench { right: 2%; bottom: 22px; width: min(24%,265px); }
#phone-check.tss-reading-stop [data-phase="check"] .tss-compat-checker__board,
#phone-check.tss-reading-stop [data-phase="result"] .tss-compat-checker__board,
#phone-check.tss-reading-stop [data-search-state="query"] .tss-compat-checker__board { width: min(100%,820px); margin-inline: auto; }
.tss-reading-stop .tss-stop-context,.tss-reading-stop .tss-stop-foot { max-width: 1160px; }
.tss-reading-stop .tss-stop-foot { padding-block: 5px 22px; }
.tss-stop-check { display: none; }
.tss-reading-stop [data-phase="check"] .tss-stop-check { display: block; }
.tss-reading-stop .stop-model, .tss-reading-stop .stop-progress { display:flex; align-items:center; flex-wrap:wrap; gap:5px 10px; font-size:14px; color:#465449; }
.tss-reading-stop .stop-model { padding-bottom:10px; border-bottom:1px solid #d0d3c5; }
.tss-reading-stop .stop-model strong { font-size:16px; color:#233226; overflow-wrap:anywhere; }
.tss-reading-stop .stop-model .tss-compat-selected__actions { display:flex; margin-left:auto; }
.tss-reading-stop .stop-model button,.tss-reading-stop .stop-nav :is(a,button) { display:inline-flex; align-items:center; min-height:44px; border:0; background:none; padding:0 3px; color:#31543e; font:600 14px/1.4 inherit; text-decoration:underline; text-underline-offset:3px; border-radius:0; box-shadow:none; }
.tss-reading-stop .stop-progress { margin:16px 0 20px; font-size:14px; font-weight:600; }
.tss-reading-stop .stop-progress::after { content:""; margin-left:auto; width:74px; height:3px; background:linear-gradient(to right,#466a4d var(--part),#d8dbce var(--part)); }
.tss-reading-stop .stop-question { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); align-items:start; gap:clamp(20px,3vw,38px); }
:is(#phone-check,#product-phone-check).tss-reading-stop :is([data-tss-compat-question-heading],.tss-compat-result h3,.tss-compat-step__prompt h2,.tss-compat-step__prompt h3) {
	color:#1e2921; max-width:17em; margin:0; padding:0; font-size:clamp(32px,3.5vw,52px) !important; line-height:1.04; letter-spacing:-.045em; text-wrap:balance; font-weight:700;
}
.tss-reading-stop .stop-path,.tss-reading-stop .stop-notice { margin:16px 0 0; border-left:3px solid #98a788; padding:5px 0 5px 12px; color:#404c40; font:inherit; font-size:16px; line-height:1.48; }
.tss-reading-stop .stop-nav { margin-top:22px; padding-top:8px; border-top:1px solid #d0d3c5; }
.tss-reading-stop .stop-nav > div { display:flex; justify-content:space-between; }
:is(#phone-check,#product-phone-check) .stop-answers [data-tss-compat-question] { display:block !important; padding:0; margin:0; border:0; box-shadow:none; background:none; width:100%; }
:is(#phone-check,#product-phone-check) .stop-answers :is([data-tss-compat-question][hidden],.tss-compat-control__hint,.tss-compat-control__label) { display:none !important; }
:is(#phone-check,#product-phone-check) .stop-answers .tss-compat-toggle { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; background:none; border:0; padding:0; width:100%; margin:0; }
:is(#phone-check,#product-phone-check) .stop-answers .tss-compat-toggle button,
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-suggestion {
	display:flex !important; align-items:center; justify-content:space-between; gap:8px; width:100%; min-width:0; min-height:46px; height:auto; margin:0; padding:11px 14px !important; text-align:left;
	color:#202c22 !important; background:#fffef8 !important; border:1px solid #929b89 !important; border-radius:5px !important; box-shadow:none !important; transform:none !important; font-size:16px; font-weight:600; line-height:1.32; white-space:normal;
}
:is(#phone-check,#product-phone-check) .stop-answers .tss-compat-toggle button::after { content:"→"; color:#506c53; }
:is(#phone-check,#product-phone-check) .stop-answers .tss-compat-toggle [aria-pressed="true"] { background:#e8efde !important; border-color:#4c7152 !important; }
:is(#phone-check,#product-phone-check) .stop-answers .tss-compat-toggle [aria-pressed="true"]::after { content:"✓"; }
:is(#phone-check,#product-phone-check).tss-reading-stop :is(.tss-compat-suggestion:hover,.tss-compat-suggestion:focus-visible,.stop-answers button:hover) { background:#eff3e7 !important; border-color:#52715a !important; }
:is(#phone-check,#product-phone-check).tss-reading-stop :is(a,button,input,summary):focus-visible { outline:3px solid #286049 !important; outline-offset:2px; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-suggestions:not(:empty) { position:static; display:grid !important; grid-template-columns:minmax(0,1fr); gap:6px; max-width:none; width:100%; max-height:none; overflow:visible; margin:10px 0 0; border:0; background:none; padding:0; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-suggestion { display:grid !important; grid-template-columns:minmax(0,1fr) auto; gap:3px 14px; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-suggestion strong { display:block; color:#202c22 !important; font-size:16px; grid-column:1; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-suggestion .tss-compat-suggestion__meta { display:block; color:#455144 !important; grid-column:1; font-size:14px; line-height:1.4; font-weight:450; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-suggestion__action { display:none !important; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-suggestion::after { content:"→"; position:static; grid-column:2; grid-row:1/span 2; color:#46664b; background:none; width:auto; height:auto; }
:is(#phone-check,#product-phone-check).tss-reading-stop :is(.stop-notice a,.stop-notice button,.tss-compat-suggestions__more) { color:#2d503a; text-decoration:underline; text-underline-offset:3px; background:none; border:0; box-shadow:none; min-height:44px; justify-self:start; font-weight:600; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-empty { grid-column:1/-1; border:0; border-left:3px solid #94a387; border-radius:0; background:none; padding:8px 12px; color:#414d40; }
:is(#phone-check,#product-phone-check).tss-reading-stop [data-search-state="query"] .tss-compat-detect__status:not(:empty) { display:block !important; margin:5px 0; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-unlock-help:not([hidden]) { display:block; margin:12px 0 0; background:#f1f2e5; border:0; border-left:3px solid #8a9f7d; border-radius:0; padding:14px; color:#334335; font-size:15px; line-height:1.45; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result { padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; }
:is(#phone-check,#product-phone-check).tss-reading-stop :is(.tss-compat-result__mark,.tss-compat-result__tab,.tss-compat-result__actions-label,.tss-compat-step__number) { display:none !important; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__layout { display:block; padding:0; margin:0; min-height:0; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__copy { max-width:100%; width:100%; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__selected { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; margin:0 0 18px; padding:0 0 8px; background:none; border:0; border-bottom:1px solid #cbd1bf; border-radius:0; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__selected button { margin-left:auto; min-height:44px; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__lead { max-width:65ch; margin:12px 0; color:#414d40; font-size:16px; line-height:1.48; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__actions { margin:14px 0; display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__details { display:block !important; padding:8px 0; border-bottom:1px solid #cbd1bf; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__details summary { min-height:36px; line-height:1.4; padding:7px 0; cursor:pointer; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__details .tss-compat-result__section { display:block !important; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__completed { margin-top:16px; }
:is(#phone-check,#product-phone-check).tss-reading-stop :is(.tss-compat-result__completed,.tss-compat-result__checks) { width:100%; max-width:none; }
#product-phone-check .tss-stop-stage { padding:16px 22px 56px; }
#product-phone-check .tss-stop-stage::before { height:145px; }
.tss-product-compat-modal .tss-stop-dialog .tss-product-compat-modal__close { display:block; position:sticky !important; top:6px !important; inset-inline-start:auto; margin:6px 9px -50px auto; width:auto; }
#product-phone-check .tss-stop-context { min-height:54px; align-items:center; padding-top:0; }
@media(max-width:720px) {
	.tss-reading-stop .tss-stop-stage { padding:23px 16px 92px; }
	.tss-reading-stop .tss-stop-stage::before { height:150px; background-size:auto 270px; }
	.tss-reading-stop .tss-stop-bench { width:120px; right:6%; bottom:11px; }
	.tss-reading-stop .stop-question { grid-template-columns:minmax(0,1fr); gap:15px; }
	.tss-reading-stop .stop-path { margin-top:10px; font-size:15px; }
	.tss-reading-stop .stop-progress { margin:12px 0 14px; font-size:13px; }
	.tss-reading-stop .stop-nav { margin-top:15px; }
	:is(#phone-check,#product-phone-check).tss-reading-stop :is([data-tss-compat-question-heading],.tss-compat-result h3,.tss-compat-step__prompt h2,.tss-compat-step__prompt h3) { font-size:clamp(29px,8vw,39px) !important; }
	#product-phone-check .tss-stop-stage { padding:12px 12px 53px; }
	#product-phone-check .tss-stop-stage::before { height:99px; background-size:auto 205px; }
	#product-phone-check .tss-stop-bench { width:88px; bottom:4px; right:5%; }
}

/* Keep the sheet's title and dismissal together, including at deep scroll positions. */
.tss-stop-dialog .stop-dialog-bar { position:sticky; top:0; z-index:6; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:5px 14px 5px 18px; background:#fff7df; border-bottom:1px solid #dedbc6; }
.tss-stop-dialog .stop-dialog-bar h2 { margin:0; font-size:15px; font-weight:550; color:#405244; }
.tss-product-compat-modal .tss-stop-dialog .stop-dialog-bar .tss-product-compat-modal__close { position:static !important; width:auto !important; min-width:48px; margin:0 !important; padding:0 7px !important; height:44px; background:transparent; border:none; box-shadow:none; color:#2e503b; text-decoration:underline; text-underline-offset:3px; }
#product-phone-check .tss-stop-stage { padding-top:26px; }
.tss-reading-stop [data-tss-compat-question-heading]:focus, .tss-reading-stop .tss-compat-result h3:focus { outline:none; }
.tss-reading-stop .stop-model .tss-compat-selected__actions { width:auto; flex:0 0 auto; }
:is(#phone-check,#product-phone-check).tss-reading-stop :is(.tss-compat-result,.tss-compat-result__layout,.tss-compat-result__copy,.tss-compat-result__copy h3,.tss-compat-result__lead,.tss-compat-result__details) { text-align:left !important; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__lead { font-weight:450 !important; padding:0; border:0; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__status { margin:0 0 10px; justify-self:start; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__copy { display:block; }
:is(#phone-check,#product-phone-check).tss-reading-stop :is(.tss-compat-result__selected button,.tss-compat-result__actions .tss-plain-link,.tss-compat-question-footer .tss-compat-text-button) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 4px; border:0; border-radius:0; background:none; box-shadow:none; color:#32533d; text-decoration:underline; text-underline-offset:3px; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__details { margin:0; padding:0; border:0; border-top:1px solid #cdd2c3; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__details summary { font-size:15px; font-weight:600; min-height:44px; padding:11px 0; }
:is(#phone-check,#product-phone-check).tss-reading-stop .tss-compat-result__details li { font-size:15px; line-height:1.5; }
.tss-reading-stop .tss-stop-stage .tss-compat-checker__board::before,.tss-reading-stop .tss-stop-stage .tss-compat-checker__board::after { box-shadow:3px 4px 3px -2px #66553962; }
@media(max-width:720px) {
 .tss-reading-stop .stop-model { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:8px; row-gap:0; }
 .tss-reading-stop .stop-model > span { grid-column:1; font-size:13px; }
 .tss-reading-stop .stop-model > strong { grid-column:1; }
 .tss-reading-stop .stop-model .tss-compat-selected__actions { grid-column:2; grid-row:1/span 2; }
 #product-phone-check .tss-stop-stage { padding-top:22px; }
}

/* One fixed sign per available viewport. Only the centre track may scroll. */
#phone-check.tss-reading-stop, #product-phone-check.tss-reading-stop { background:radial-gradient(ellipse at 77% 24%,#fff0be80,transparent 55%),#fff7df; }
#phone-check.tss-reading-stop .tss-stop-context { padding-block:10px 0; }
:is(#phone-check,#product-phone-check).tss-reading-stop [data-tss-compat-checker] .tss-stop-stage {
	padding:24px 20px 88px; width:100%; max-width:1170px; margin:0 auto; position:relative;
}
:is(#phone-check,#product-phone-check).tss-reading-stop [data-tss-compat-checker] .tss-compat-checker__board {
	display:grid !important; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; gap:0;
	width:min(80%,810px) !important; height:var(--stop-height,min(535px,58vh)) !important; max-height:none !important; min-height:0 !important;
	margin:0 auto !important; padding:0 !important; overflow:visible; background:#fffcf1;
}
.stop-reader { position:relative; overflow-y:auto; overflow-x:hidden; min-height:0; min-width:0; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#8a987f #fffcf1; padding:clamp(16px,2.5vw,32px); overflow-anchor:none; }
.stop-reader:focus-visible { outline:2px solid #41684e; outline-offset:-3px; }
.stop-station,.stop-dock { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 clamp(14px,2.6vw,30px); color:#34503b; font-size:14px; line-height:1.25; }
.stop-station { min-height:40px; background:#e7edd8; border-radius:7px 7px 0 0; border-bottom:1px solid #bac5ab; }
.stop-station b { display:flex; align-items:center; gap:9px; font-weight:700; }
.stop-station i { display:inline-block; flex:none; width:11px; height:13px; border:1px solid #676539; border-radius:3px 6px 6px 2px; background:radial-gradient(circle at 27% 30%,#655f34 1px,transparent 1.6px),#ffd344; transform:rotate(-12deg); }
.stop-station span { font-size:12px; font-weight:600; }
.stop-dock { min-height:45px; border-top:1px solid #cbd1bd; border-radius:0 0 7px 7px; background:#faf5e4; }
.stop-dock :is(button,a) { display:inline-flex; align-items:center; min-height:44px; background:none; border:0; box-shadow:none; padding:0; width:auto; min-width:0; color:#31513b; text-decoration:underline; text-underline-offset:3px; font:inherit; font-weight:650; }
.stop-dock span { font-size:12px; }
.tss-reading-stop [data-phase="search"] .stop-dock button,.tss-reading-stop [data-phase="check"] .stop-dock span,.tss-reading-stop [data-phase="result"] .stop-dock span { display:none; }
:is(#phone-check,#product-phone-check) .stop-reader :is(.stop-nav,.tss-compat-question-footer) { display:none !important; }
:is(#phone-check,#product-phone-check) .stop-reader .tss-compat-checker__steps { display:contents; }
:is(#phone-check,#product-phone-check) [data-phase="result"] .stop-reader .tss-compat-result { display:block !important; }
:is(#phone-check,#product-phone-check) [data-phase="search"] .stop-reader .tss-compat-step--search { display:block !important; }
:is(#phone-check,#product-phone-check) .stop-search-pin { position:sticky; top:-1px; z-index:2; padding-block:3px 6px; background:#fffcf1; }
:is(#phone-check,#product-phone-check) .stop-search-pin label { display:block; margin:0 0 5px; font-size:14px; font-weight:650; line-height:1.35; }
:is(#phone-check,#product-phone-check) .stop-reader [data-device-id] { scroll-margin-top:90px; }
:is(#phone-check,#product-phone-check) .stop-reader .stop-model { padding-bottom:4px; }
:is(#phone-check,#product-phone-check) .stop-reader .stop-progress { margin:9px 0 13px; }
.tss-reading-stop .stop-verge { position:absolute; inset:auto 0 4px; z-index:-1; height:145px; background:url("verge-flowers.svg") center bottom/100% auto no-repeat; pointer-events:none; }
#phone-check.tss-reading-stop [data-tss-compat-checker] .tss-stop-bench { display:block !important; width:clamp(110px,16vw,202px); bottom:12px; right:0; z-index:-1; }
#phone-check.tss-reading-stop .tss-stop-foot { display:none; }
.tss-product-compat-modal[data-tss-product-compat-modal]:not([hidden]) { display:grid !important; place-items:center !important; inset:var(--stop-offset,0px) 0 auto !important; padding:8px !important; height:var(--stop-glass,100dvh) !important; }
.tss-product-compat-modal[data-tss-product-compat-modal] .tss-stop-dialog.tss-product-compat-modal__panel { width:min(880px,100%) !important; height:min(665px,100%) !important; max-height:100% !important; min-height:0 !important; margin:0 !important; overflow:hidden !important; display:grid !important; grid-template-rows:auto minmax(0,1fr); align-content:stretch; }
#product-phone-check.tss-reading-stop,#product-phone-check.tss-reading-stop .tss-compat-checker__inner { height:100%; min-height:0; }
#product-phone-check.tss-reading-stop [data-tss-compat-checker] .tss-stop-stage { height:100%; padding:22px 16px 45px; }
#product-phone-check.tss-reading-stop [data-tss-compat-checker] .tss-compat-checker__board { width:100% !important; height:100% !important; }
#product-phone-check.tss-reading-stop .tss-stop-stage .tss-stop-bench { display:none !important; }
#product-phone-check .stop-verge { height:80px; bottom:0; }
@keyframes tss-station-stamp { from { opacity:.2; transform:translateY(-6px) rotate(-7deg); } to { opacity:1; transform:rotate(-3deg); } }
@media(prefers-reduced-motion:no-preference) {
 .tss-reading-stop [data-phase="result"] [data-result-state="ready"] .tss-compat-result__stamp { animation:tss-station-stamp .24s ease-out both; }
}
@media(max-width:720px) {
 :is(#phone-check,#product-phone-check).tss-reading-stop [data-tss-compat-checker] .tss-stop-stage { padding:20px 12px 62px; }
 :is(#phone-check,#product-phone-check).tss-reading-stop [data-tss-compat-checker] .tss-compat-checker__board { width:100% !important; }
 #product-phone-check.tss-reading-stop [data-tss-compat-checker] .tss-stop-stage { padding:16px 10px 32px; }
 .stop-reader { padding:13px 12px; }
 .stop-station { min-height:33px; font-size:13px; }
 #phone-check.tss-reading-stop [data-tss-compat-checker] .tss-stop-bench { width:94px; bottom:1px; right:6%; }
 .tss-reading-stop .tss-stop-stage .tss-compat-checker__board::before,.tss-reading-stop .tss-stop-stage .tss-compat-checker__board::after { height:40px; }
 :is(#phone-check,#product-phone-check) .stop-reader [data-device-id] { scroll-margin-top:148px; }
}
@media(max-height:520px) {
 :is(#phone-check,#product-phone-check).tss-reading-stop [data-tss-compat-checker] .tss-stop-stage { padding-block:8px 10px; }
 .tss-reading-stop .tss-stop-lamp,.tss-reading-stop .stop-verge,.tss-reading-stop .tss-stop-stage .tss-compat-checker__board::before,.tss-reading-stop .tss-stop-stage .tss-compat-checker__board::after { visibility:hidden; }
 #phone-check.tss-reading-stop [data-tss-compat-checker] .tss-stop-bench { display:none !important; }
 :is(#phone-check,#product-phone-check) .stop-search-pin { position:static; }
}
:is(#phone-check,#product-phone-check).tss-reading-stop .stop-reader { align-self:stretch; height:100%; box-sizing:border-box; }
#product-phone-check.tss-reading-stop { position:relative; align-self:stretch; height:auto !important; }
#product-phone-check.tss-reading-stop .tss-compat-checker__inner { position:absolute !important; inset:0; height:auto !important; width:100%; }
#product-phone-check.tss-reading-stop .stop-reader .tss-compat-step__hint { position:absolute; clip-path:inset(50%); width:1px; height:1px; overflow:hidden; }
:is(#phone-check,#product-phone-check) .stop-search-pin label { text-align:left; }
@media(max-width:720px) {
 .tss-product-compat-modal[data-tss-product-compat-modal] .tss-stop-dialog.tss-product-compat-modal__panel { height:min(800px,100%) !important; }
}
#phone-check.tss-reading-stop { --stop-design-height:min(535px,calc(100svh - 310px)); }
#phone-check.tss-reading-stop [data-tss-compat-checker] .tss-compat-checker__board { height:min(var(--stop-height,100svh),var(--stop-design-height)) !important; }
#product-phone-check.tss-reading-stop { margin:0 !important; padding:0 !important; border:0 !important; }
#product-phone-check.tss-reading-stop .tss-compat-checker__inner { margin:0 !important; padding:0 !important; }
.stop-dialog-bar noscript a { display:inline-flex; align-items:center; min-height:44px; color:#31513b; }
#product-phone-check .stop-reader .tss-compat-noscript,#phone-check .stop-reader .tss-compat-noscript { margin:0; padding:0; background:none; border:0; }
@media(max-width:720px) {
 #phone-check.tss-reading-stop { --stop-design-height:min(665px,calc(100svh - 258px)); }
 :is(#phone-check,#product-phone-check) .stop-model > span { display:none; }
 :is(#phone-check,#product-phone-check) .stop-model { grid-template-columns:minmax(0,1fr) auto; }
 :is(#phone-check,#product-phone-check) .stop-model strong,:is(#phone-check,#product-phone-check) .stop-model .tss-compat-selected__actions { grid-row:1; }
 :is(#phone-check,#product-phone-check) .stop-path { margin-top:7px; padding-block:0; }
 :is(#phone-check,#product-phone-check) .stop-question { gap:10px; }
 #phone-check.tss-reading-stop [data-tss-compat-checker] .tss-stop-bench { width:85px; z-index:0; bottom:0; }
}
@media(max-height:520px) {
 #phone-check.tss-reading-stop { --stop-design-height:max(122px,calc(100svh - 150px)); }
}
#roadside-phone-help > noscript { display:none; }
:is(#phone-check,#product-phone-check) .stop-model > .stop-detected { display:block; grid-row:1; }
:is(#phone-check,#product-phone-check) .stop-model > .stop-detected + strong { grid-row:2; }
:is(#phone-check,#product-phone-check) .tss-compat-result__copy > .tss-compat-result__stamp { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:5px; width:auto; height:auto; min-width:0; min-height:0; margin:4px 0 14px; padding:6px 10px; border:2px solid #41654c; border-radius:4px; background:#e5edd8; color:#31573c; font-size:13px; line-height:1.15; transform:rotate(-3deg); }
:is(#phone-check,#product-phone-check) .tss-compat-result__copy > .tss-compat-result__stamp small { display:none; }
:is(#phone-check,#product-phone-check) .tss-compat-result__stamp + .tss-compat-result__status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
:is(#phone-check,#product-phone-check) .tss-compat-result__completed { display:block; }
.tss-reading-stop [data-phase="check"] .stop-path { border-color:#a0b795; }
@media(min-width:721px) {
 .tss-reading-stop [data-active-question="esimPath"] .stop-path::before,.tss-reading-stop [data-active-question="eid"] .stop-path::before,.tss-reading-stop [data-active-question="unlocked"] .stop-path::before { display:block; width:fit-content; margin-bottom:6px; color:#3a6145; font-size:12px; font-weight:700; }
 .tss-reading-stop [data-active-question="esimPath"] .stop-path::before { content:"Settings ›"; }
 .tss-reading-stop [data-active-question="eid"] .stop-path::before { content:"EID"; padding:1px 5px; border:1px solid #778c73; border-radius:3px; }
 .tss-reading-stop [data-active-question="unlocked"] .stop-path::before { content:"Provider lock"; }
}

/* The mobile keyboard can shorten the visual viewport without changing media queries. */
:is(#phone-check,#product-phone-check)[data-stop-short="true"] [data-search-state="query"] .tss-compat-step__prompt { display:none !important; }
:is(#phone-check,#product-phone-check)[data-stop-short="true"] .stop-search-pin { position:static; }
:is(#phone-check,#product-phone-check)[data-stop-short="true"] .stop-reader { padding-block:6px; }
:is(#phone-check,#product-phone-check)[data-stop-short="true"] .stop-reader .tss-compat-search { display:flex !important; flex-flow:row nowrap; gap:5px; }
:is(#phone-check,#product-phone-check)[data-stop-short="true"] .stop-reader .tss-compat-search input { flex:1 1 80px; min-width:0; width:0; }
:is(#phone-check,#product-phone-check)[data-stop-short="true"] .stop-reader .tss-compat-search button { flex:0 0 auto; width:auto; min-width:44px; padding-inline:6px; }
:is(#phone-check,#product-phone-check)[data-stop-short="true"] .stop-reader .tss-compat-search__submit span[aria-hidden] { display:none; }
:is(#phone-check,#product-phone-check)[data-stop-short="true"] .stop-reader .tss-compat-suggestion { scroll-margin:0; }

/* Match the cast shadow to the painted verge. Keep the reading surface clear. */
.tss-reading-stop .tss-stop-stage::before {
	background-image: radial-gradient(ellipse 42% 8% at 53% 86%, rgb(102 78 39 / 18%), transparent 94%), url("painted-ground.webp");
	background-size: 100% 100%, 100% auto;
	background-position: center bottom, center 68%;
	filter: saturate(.9);
}
#product-phone-check .tss-stop-stage::before {
	background-size: 100% 100%, cover;
	background-position: center bottom, center 76%;
}
.tss-reading-stop .stop-dock { --stop-cameo: none; }
#product-phone-check .stop-dock { --stop-cameo: block; }
@media (max-width:720px) {
	#phone-check .stop-dock { --stop-cameo: block; }
	#phone-check.tss-reading-stop [data-tss-compat-checker] .tss-stop-bench { display:none !important; }
	#phone-check .tss-stop-stage::before { background-size:100% 100%, auto 270px; }
}
/* The crop flexes into the space between the two controls without covering either hit area. */
.tss-reading-stop .stop-dock::after {
	content: "";
	display: var(--stop-cameo);
	order: 1;
	flex: 0 1 94px;
	align-self: stretch;
	margin: -6px auto 2px;
	background: url("bench.webp") 43% -3px / 172px auto no-repeat;
	pointer-events: none;
}
.tss-reading-stop .stop-dock > a { order: 2; flex-shrink: 0; white-space: nowrap; }
.tss-reading-stop .stop-dock {
	background: linear-gradient(100deg,#faf5e4 12%,#f8efce 58%,#faf5e4);
}