.top-rate {
	--tr-surface: #121923;
	--tr-surface-alt: #192332;
	--tr-border: #314258;
	--tr-accent: #33d69f;
	--tr-accent-2: #64c7ff;
	--tr-warm: #ffd447;
	--tr-text: #f5f8fb;
	--tr-muted: #adbacb;
	--tr-soft: #dce6f2;
	--tr-notice-bg: #201b10;
	--tr-notice-border: #78612d;
	--tr-radius: 8px;
	--tr-gap: 22px;
	display: grid;
	gap: var(--tr-gap);
	width: min(100%, 1160px);
	margin: 1.25rem auto 3rem;
	padding: 0 1rem;
	color: var(--tr-text);
	min-width: 0;
	max-width: 100%;
	overflow-x: clip;
}

.top-rate,
.top-rate *,
.top-rate *::before,
.top-rate *::after {
	box-sizing: border-box;
	letter-spacing: 0;
}

.top-rate a {
	color: inherit;
}

.top-rate :where(img, video, iframe, embed, object) {
	max-width: 100%;
}

.top-rate :where(section, header, aside, div, article, nav, figure, p, ul, ol, li) {
	min-width: 0;
}

.tr-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.top-rate .vsui-button,
.top-rate .vsui-card,
.top-rate .vsui-badge,
.top-rate .vsui-accordion {
	--vsui-surface: var(--tr-surface);
	--vsui-surface-2: var(--tr-surface-alt);
	--vsui-text: var(--tr-text);
	--vsui-muted: var(--tr-muted);
	--vsui-border: color-mix(in srgb, var(--tr-border) 70%, transparent);
	--vsui-accent: var(--tr-accent);
	--vsui-accent-2: var(--tr-accent-2);
}

.top-rate .vsui-button,
.tr-anchor,
.tr-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 44px;
	padding: 0.68rem 1rem;
	border: 1px solid transparent;
	border-radius: var(--tr-radius);
	background: transparent;
	color: var(--tr-text);
	font: inherit;
	font-weight: 800;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.top-rate .vsui-button:hover,
.top-rate .vsui-button:focus-visible,
.tr-anchor:hover,
.tr-anchor:focus-visible,
.tr-toggle:hover,
.tr-toggle:focus-visible {
	transform: translateY(-1px);
}

.top-rate .vsui-button__label,
.top-rate .vsui-button__icon {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.top-rate .vsui-button--ghost,
.tr-anchor,
.tr-toggle {
	border-color: rgba(180, 197, 221, 0.28);
	background: rgba(255, 255, 255, 0.025);
	color: #edf6ff;
}

.top-rate .vsui-button--sm,
.tr-anchor.vsui-button,
.tr-anchor {
	min-height: 40px;
	padding: 0.52rem 0.78rem;
	font-size: 0.9rem;
}

.top-rate .vsui-card {
	padding: 1rem;
	border: 1px solid color-mix(in srgb, var(--tr-border) 72%, transparent);
	border-radius: var(--tr-radius);
	background: linear-gradient(180deg, color-mix(in srgb, var(--tr-surface-alt) 82%, #fff 18%), var(--tr-surface));
	color: var(--tr-text);
	box-shadow: 0 14px 30px rgba(4, 10, 19, 0.22);
}

.top-rate .vsui-card--flat {
	box-shadow: none;
}

.top-rate .vsui-card--notice {
	background: #1b2434;
	border-color: rgba(100, 199, 255, 0.32);
}

.top-rate .vsui-card__header {
	display: grid;
	gap: 0.3rem;
	margin-bottom: 0.85rem;
}

.top-rate .vsui-card__title {
	margin: 0;
	font-size: 1.35rem;
	line-height: 1.2;
}

.top-rate .vsui-card__body,
.top-rate .vsui-card__footer {
	min-width: 0;
	overflow-wrap: anywhere;
}

.top-rate .vsui-card__footer {
	margin-top: 1rem;
}

.top-rate .vsui-card__kicker,
.top-rate .vsui-badge {
	text-transform: none;
}

.tr-hero {
	position: relative;
	overflow: hidden;
	padding: 1.15rem;
	border: 1px solid color-mix(in srgb, var(--tr-border) 74%, transparent);
	border-radius: var(--tr-radius);
	background: linear-gradient(180deg, #1c2838 0%, var(--tr-surface) 100%);
	box-shadow: 0 18px 34px rgba(6, 14, 24, 0.28);
}

.tr-hero__inner {
	display: grid;
	gap: 0.95rem;
	justify-items: start;
	max-width: 880px;
	margin: 0 auto;
}

.tr-kicker.vsui-badge,
.tr-kicker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 30px;
	padding: 0.32rem 0.7rem;
	border: 1px solid rgba(51, 214, 159, 0.45);
	border-radius: 999px;
	border-color: rgba(51, 214, 159, 0.45);
	background: rgba(51, 214, 159, 0.13);
	color: #9effd8;
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1;
}

.tr-hero__title {
	max-width: 780px;
	margin: 0;
	color: #ffffff;
	font-size: 2rem;
	line-height: 1.08;
	text-wrap: balance;
}

.tr-byline {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.75rem;
	align-items: start;
	width: min(100%, 560px);
	min-width: 0;
	padding: 0.78rem;
	border: 1px solid rgba(180, 197, 221, 0.2);
	border-radius: var(--tr-radius);
	background: rgba(255, 255, 255, 0.055);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.tr-byline__avatar,
.tr-byline__avatar img {
	display: block;
	width: 56px;
	height: 56px;
	border-radius: var(--tr-radius);
}

.tr-byline__avatar {
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: #101823;
}

.tr-byline__avatar img {
	object-fit: cover;
}

.tr-byline__body {
	display: grid;
	gap: 0.45rem;
	min-width: 0;
}

.tr-byline__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.45rem 0.7rem;
	min-width: 0;
}

.tr-byline__name,
.tr-byline__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
}

.tr-byline__name {
	color: #f9fbff;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.25;
}

.tr-byline__name a {
	text-decoration: none;
}

.tr-byline__name a:hover,
.tr-byline__name a:focus-visible {
	color: var(--tr-accent);
}

.tr-byline__meta {
	color: #c4d2e2;
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.35;
}

.tr-byline__role {
	color: #d8e4f1;
}

.tr-live-badge {
	position: relative;
	isolation: isolate;
	display: inline-flex;
	align-items: center;
	gap: 0.38rem;
	min-height: 30px;
	padding: 0.3rem 0.58rem 0.3rem 0.5rem;
	border: 1px solid rgba(51, 214, 159, 0.54);
	border-radius: 999px;
	background:
		radial-gradient(circle at 18% 50%, rgba(158, 255, 216, 0.24), transparent 42%),
		linear-gradient(135deg, rgba(51, 214, 159, 0.2), rgba(16, 114, 86, 0.14));
	color: #b7ffe4;
	font-size: 0.76rem;
	font-weight: 850;
	line-height: 1;
	box-shadow:
		0 0 0 1px rgba(51, 214, 159, 0.1),
		0 0 18px rgba(51, 214, 159, 0.14);
}

.tr-live-badge__dot {
	position: relative;
	flex: 0 0 auto;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 999px;
	background: #33d69f;
	box-shadow: 0 0 0 3px rgba(51, 214, 159, 0.16), 0 0 12px rgba(51, 214, 159, 0.54);
	animation: tr-live-dot 1.8s ease-in-out infinite;
}

.tr-live-badge__dot::after {
	content: "";
	position: absolute;
	inset: -5px;
	border: 1px solid rgba(51, 214, 159, 0.42);
	border-radius: inherit;
	animation: tr-live-ring 1.8s ease-out infinite;
}

.tr-live-badge__label {
	white-space: nowrap;
}

.tr-stamp {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.28rem;
	align-items: center;
}

.tr-stamp__label {
	color: #91a4b8;
}

@keyframes tr-live-dot {
	0%,
	100% {
		transform: scale(1);
		filter: brightness(1);
	}

	50% {
		transform: scale(1.18);
		filter: brightness(1.28);
	}
}

@keyframes tr-live-ring {
	0% {
		opacity: 0.72;
		transform: scale(0.68);
	}

	100% {
		opacity: 0;
		transform: scale(1.65);
	}
}

.tr-intro-wrap {
	display: grid;
	gap: 0.5rem;
	width: 100%;
	max-width: 820px;
}

.tr-reveal {
	display: grid;
	gap: 0.72rem;
	width: 100%;
}

.tr-intro,
.tr-copy {
	color: var(--tr-soft);
	line-height: 1.72;
	overflow-wrap: anywhere;
}

.tr-intro > *:first-child,
.tr-copy > *:first-child {
	margin-top: 0;
}

.tr-intro > *:last-child,
.tr-copy > *:last-child {
	margin-bottom: 0;
}

.tr-reveal.is-collapsed {
	position: relative;
	max-height: 7.1rem;
	overflow: hidden;
}

.tr-reveal.is-collapsed::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 3rem;
	background: linear-gradient(180deg, rgba(18, 25, 35, 0), rgba(18, 25, 35, 0.98));
	pointer-events: none;
}

.tr-toggle.vsui-button,
.tr-toggle {
	justify-self: start;
	min-height: 44px;
	padding: 0.62rem 0.9rem;
	border-width: 1px;
	border-style: solid;
	border-radius: var(--tr-radius);
	border-color: rgba(100, 199, 255, 0.36);
	background: rgba(100, 199, 255, 0.04);
	color: #d8f1ff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.tr-toggle__chevron {
	width: 0.48rem;
	height: 0.48rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-1px);
}

.tr-toggle[aria-expanded="true"] .tr-toggle__chevron {
	transform: rotate(225deg) translateY(-1px);
}

.tr-anchors {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin-top: 0.15rem;
}

.tr-anchors--mobile {
	display: none;
}

.tr-anchor.vsui-button,
.tr-anchor {
	min-height: 44px;
	padding: 0.62rem 0.9rem;
	border-width: 1px;
	border-style: solid;
	border-radius: var(--tr-radius);
	border-color: rgba(180, 197, 221, 0.28);
	background: rgba(255, 255, 255, 0.025);
	color: #edf6ff;
	text-decoration: none;
}

.tr-anchor:hover,
.tr-anchor:focus-visible {
	border-color: var(--tr-accent-2);
	color: #ffffff;
}

.tr-notice.vsui-card,
.tr-notice {
	padding: 0.9rem 1rem;
	border-width: 1px;
	border-style: solid;
	border-color: var(--tr-notice-border);
	border-radius: var(--tr-radius);
	background: var(--tr-notice-bg);
	color: #ffe9a8;
	font-size: 0.94rem;
	line-height: 1.55;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.tr-disclosure {
	justify-self: end;
	align-self: end;
	min-width: 44px;
	color: #ffe9a8;
}

.tr-disclosure[open] {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.55rem;
	width: 100%;
	justify-self: stretch;
	align-self: stretch;
}

.tr-disclosure__summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 212, 71, 0.42);
	border-radius: 999px;
	background: rgba(255, 212, 71, 0.1);
	color: #ffe9a8;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 10px 20px rgba(8, 13, 22, 0.18);
}

.tr-disclosure__summary::-webkit-details-marker {
	display: none;
}

.tr-disclosure__summary::marker {
	content: "";
}

.tr-disclosure__summary:hover,
.tr-disclosure__summary:focus-visible {
	border-color: rgba(255, 212, 71, 0.72);
	background: rgba(255, 212, 71, 0.16);
	color: #fff6c5;
	outline: none;
}

.tr-disclosure[open] .tr-disclosure__summary {
	grid-column: 2;
	justify-self: end;
}

.tr-disclosure:not([open]) .tr-disclosure__panel {
	display: none;
}

.tr-disclosure__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15rem;
	height: 1.15rem;
	border: 2px solid currentColor;
	border-radius: 999px;
	font-size: 0.78rem;
	font-style: normal;
}

.tr-disclosure__panel {
	grid-column: 1 / -1;
	width: 100%;
	padding: 0.82rem 0.95rem;
	border: 1px solid var(--tr-notice-border);
	border-radius: var(--tr-radius);
	background: var(--tr-notice-bg);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.tr-disclosure__text {
	margin: 0;
	color: #ffe9a8;
	font-size: 0.92rem;
	font-weight: 760;
	line-height: 1.52;
	overflow-wrap: anywhere;
}

.top-rate #ez-toc-container,
.top-rate .ez-toc-container {
	width: 100%;
	margin: 0 0 1rem;
	padding: 0.85rem;
	border: 1px solid rgba(100, 199, 255, 0.24);
	border-radius: var(--tr-radius);
	background: rgba(255, 255, 255, 0.045);
	color: #dce8f4;
	box-shadow: none;
}

.top-rate #ez-toc-container .ez-toc-title,
.top-rate #ez-toc-container .ez-toc-title-container,
.top-rate .ez-toc-title {
	margin: 0 0 0.45rem;
	color: #f5f8fb;
	font-weight: 800;
}

.top-rate #ez-toc-container ul,
.top-rate #ez-toc-container ol,
.top-rate .ez-toc-list {
	display: grid;
	gap: 0.2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.top-rate #ez-toc-container li,
.top-rate .ez-toc-list li {
	margin: 0;
	padding: 0;
}

.top-rate #ez-toc-container a,
.top-rate .ez-toc-link {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0.33rem 0;
	color: #dbeafe;
	text-decoration: none;
}

.top-rate #ez-toc-container a:hover,
.top-rate #ez-toc-container a:focus-visible,
.top-rate .ez-toc-link:hover,
.top-rate .ez-toc-link:focus-visible {
	color: var(--tr-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
	outline: none;
}

.tr-section {
	display: grid;
	gap: 1rem;
	min-width: 0;
	max-width: 100%;
	padding-top: 0.3rem;
}

.tr-section__head {
	display: grid;
	gap: 0.35rem;
	max-width: 840px;
	min-width: 0;
}

.tr-section__head--split {
	max-width: none;
}

.tr-rankings__head.tr-section__head--split {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 0.55rem 0.8rem;
}

.tr-rankings__heading-copy {
	display: grid;
	gap: 0.35rem;
	min-width: 0;
}

.tr-rankings__head.tr-section__head--split .tr-section__desc {
	justify-self: start;
	max-width: 680px;
}

.tr-section__title {
	margin: 0;
	color: #f8fbff;
	font-size: 1.45rem;
	line-height: 1.18;
	text-wrap: balance;
}

.tr-section__desc {
	margin: 0;
	color: var(--tr-muted);
	line-height: 1.65;
}

.tr-rankings {
	padding: 0.2rem 0 0;
}

.tr-operators,
.tr-operators .rg-ops-listing {
	min-width: 0;
	max-width: 100%;
	--rg-ops-list-title: #f8fbff;
	--rg-ops-list-muted: var(--tr-muted);
	--rg-ops-card-bg: linear-gradient(180deg, #172235 0%, #111b2c 100%);
	--rg-ops-card-ink: #f8fbff;
	--rg-ops-card-muted: #aebbd0;
	--rg-ops-card-border: rgba(91, 118, 154, 0.5);
	--rg-ops-logo-bg: rgba(6, 13, 24, 0.42);
	--rg-ops-logo-border: rgba(114, 141, 176, 0.34);
	--rg-ops-rank-bg: rgba(51, 214, 159, 0.13);
	--rg-ops-rank-ink: #72edc5;
	--rg-ops-score-bg: rgba(80, 151, 232, 0.18);
	--rg-ops-score-ink: #e9f4ff;
	--rg-ops-accent: #13ad7d;
	--rg-ops-accent-bright: #33d69f;
	--rg-ops-accent-ink: #051514;
	--rg-ops-star-on: #f3b820;
	--rg-ops-star-off: #54657c;
	--rg-ops-shadow: 0 14px 28px rgba(3, 8, 16, 0.28);
}

.tr-operators .rg-ops-listing {
	margin: 0;
}

.tr-operators .rg-ops-card {
	box-shadow: var(--rg-ops-shadow);
}

.tr-method__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: tr-method;
}

.tr-method__item {
	position: relative;
	display: grid;
	gap: 0.45rem;
	padding: 1rem;
	border: 1px solid color-mix(in srgb, var(--tr-border) 75%, transparent);
	border-radius: var(--tr-radius);
	background: #172132;
	counter-increment: tr-method;
}

.tr-method__item::before {
	content: counter(tr-method);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: rgba(100, 199, 255, 0.14);
	color: #c8efff;
	font-weight: 850;
}

.tr-method__item h3,
.tr-method__item p {
	margin: 0;
}

.tr-method__item h3 {
	color: #f8fbff;
	font-size: 1.05rem;
	line-height: 1.25;
}

.tr-method__item p {
	color: var(--tr-muted);
	line-height: 1.65;
}

.tr-copy {
	display: block;
	max-width: 880px;
}

.tr-copy h2,
.tr-copy h3,
.tr-copy h4 {
	margin-top: 1.35rem;
	margin-bottom: 0.55rem;
	color: #f8fbff;
	line-height: 1.22;
}

.tr-copy h2 {
	font-size: 1.35rem;
}

.tr-copy h3 {
	font-size: 1.18rem;
}

.tr-copy p,
.tr-copy li {
	color: var(--tr-soft);
	line-height: 1.72;
}

.tr-copy ul,
.tr-copy ol {
	margin: 1rem 0;
	padding-left: 1.35rem;
}

.tr-copy li {
	margin: 0.45rem 0;
	padding-left: 0;
}

.tr-copy li::before {
	content: none !important;
}

.top-rate .wp-block-table,
.top-rate .vsa-data-table,
.tr-copy .wp-block-table,
.tr-copy .vsa-data-table {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 1.2rem 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-inline: contain;
	border: 1px solid color-mix(in srgb, var(--tr-border) 78%, transparent);
	border-radius: 8px;
	background: rgba(8, 15, 27, 0.42);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
	scrollbar-color: rgba(100, 199, 255, 0.55) rgba(255, 255, 255, 0.08);
}

.top-rate .wp-block-table table,
.top-rate .vsa-data-table table,
.tr-copy table {
	width: 100%;
	min-width: 680px;
	max-width: none;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: auto;
	color: var(--tr-soft);
	font-size: 0.94rem;
	line-height: 1.45;
}

.top-rate table.has-fixed-layout,
.tr-copy table.has-fixed-layout {
	table-layout: auto;
}

.tr-copy > table {
	display: block;
	max-width: 100%;
	margin: 1.2rem 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	border: 1px solid color-mix(in srgb, var(--tr-border) 78%, transparent);
	border-radius: 8px;
	background: rgba(8, 15, 27, 0.42);
}

.top-rate .wp-block-table th,
.top-rate .wp-block-table td,
.top-rate .vsa-data-table th,
.top-rate .vsa-data-table td,
.tr-copy th,
.tr-copy td {
	min-width: 8rem;
	padding: 0.78rem 0.9rem;
	border-right: 1px solid rgba(183, 201, 224, 0.22);
	border-bottom: 1px solid rgba(183, 201, 224, 0.22);
	text-align: left;
	vertical-align: top;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: manual;
}

.top-rate .wp-block-table th:first-child,
.top-rate .wp-block-table td:first-child,
.top-rate .vsa-data-table th:first-child,
.top-rate .vsa-data-table td:first-child,
.tr-copy th:first-child,
.tr-copy td:first-child {
	border-left: 0;
}

.top-rate .wp-block-table th:last-child,
.top-rate .wp-block-table td:last-child,
.top-rate .vsa-data-table th:last-child,
.top-rate .vsa-data-table td:last-child,
.tr-copy th:last-child,
.tr-copy td:last-child {
	border-right: 0;
}

.top-rate .wp-block-table tr:last-child td,
.top-rate .vsa-data-table tr:last-child td,
.tr-copy tr:last-child td {
	border-bottom: 0;
}

.top-rate .wp-block-table th,
.top-rate .vsa-data-table th,
.tr-copy th {
	background: rgba(100, 199, 255, 0.12);
	color: #f8fbff;
	font-weight: 850;
}

.top-rate .wp-block-table td,
.top-rate .vsa-data-table td,
.tr-copy td {
	background: rgba(255, 255, 255, 0.025);
	color: #dce8f7;
}

.top-rate .wp-block-table tbody tr:nth-child(even) td,
.top-rate .vsa-data-table tbody tr:nth-child(even) td,
.tr-copy tbody tr:nth-child(even) td {
	background: rgba(255, 255, 255, 0.045);
}

.tr-faq__list.vsui-accordion,
.tr-faq__list {
	display: grid;
	gap: 0.7rem;
	max-width: 880px;
}

.tr-faq__list .vsui-accordion__item,
.tr-faq__list details {
	border: 1px solid color-mix(in srgb, var(--tr-border) 72%, transparent);
	border-radius: var(--tr-radius);
	border-color: color-mix(in srgb, var(--tr-border) 72%, transparent);
	background: #172132;
	color: var(--tr-text);
	overflow: hidden;
}

.tr-faq__list .vsui-accordion__summary,
.tr-faq__list summary {
	display: block;
	min-height: 48px;
	padding: 0.8rem 0.95rem;
	color: #f8fbff;
	font-weight: 850;
	line-height: 1.35;
	cursor: pointer;
}

.tr-faq__list .vsui-accordion__content p,
.tr-faq__list details p {
	margin: 0;
	padding: 0 0.95rem 0.95rem;
	color: var(--tr-muted);
	line-height: 1.65;
}

.tr-reviewer.vsui-card,
.tr-reviewer,
.tr-compliance.vsui-card,
.tr-compliance {
	padding: 1rem;
	border-width: 1px;
	border-style: solid;
	border-color: color-mix(in srgb, var(--tr-border) 74%, transparent);
	border-radius: var(--tr-radius);
	background: #151f2d;
	color: var(--tr-text);
}

.tr-reviewer > h2,
.tr-compliance > h2 {
	margin: 0 0 0.85rem;
	color: #f8fbff;
	font-size: 1.35rem;
	line-height: 1.2;
}

.tr-reviewer__layout {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.95rem;
	align-items: start;
}

.tr-reviewer__avatar,
.tr-reviewer__avatar img {
	display: block;
	width: 88px;
	height: 88px;
	border-radius: var(--tr-radius);
}

.tr-reviewer__avatar {
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--tr-border) 74%, transparent);
	background: #101823;
}

.tr-reviewer__avatar img {
	object-fit: cover;
}

.tr-reviewer__main {
	display: grid;
	gap: 0.5rem;
	min-width: 0;
}

.tr-reviewer__name,
.tr-reviewer__role,
.tr-reviewer__bio {
	margin: 0;
}

.tr-reviewer__name {
	font-size: 1.15rem;
	line-height: 1.25;
}

.tr-reviewer__name a {
	color: #ffffff;
	text-decoration: none;
}

.tr-reviewer__role {
	color: #9effd8;
	font-weight: 800;
}

.tr-reviewer__bio,
.tr-compliance__desc,
.tr-compliance__text {
	color: var(--tr-muted);
	line-height: 1.65;
}

.tr-reviewer__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	min-width: 0;
}

.tr-reviewer__chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0.48rem 0.72rem;
	border: 1px solid color-mix(in srgb, var(--tr-border) 76%, transparent);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
	color: #edf6ff;
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.tr-reviewer__chip:hover,
.tr-reviewer__chip:focus-visible {
	border-color: var(--tr-accent-2);
	color: #ffffff;
}

.tr-compliance__desc,
.tr-compliance__text {
	margin: 0;
}

.tr-compliance__desc + .tr-compliance__text {
	margin-top: 0.6rem;
}

@media (prefers-reduced-motion: reduce) {
	.tr-live-badge__dot,
	.tr-live-badge__dot::after {
		animation: none;
	}

	.tr-live-badge__dot::after {
		opacity: 0.32;
		transform: scale(1);
	}
}

@media (min-width: 700px) {
	.tr-hero {
		padding: 1.5rem;
	}

	.tr-hero__title {
		font-size: 2.55rem;
	}

	.tr-method__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 960px) {
	.top-rate {
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}

	.tr-section__head--split {
		grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1fr);
		align-items: end;
	}

	.tr-section__head--split .tr-section__desc {
		justify-self: end;
		max-width: 560px;
	}
}

@media (max-width: 640px) {
	body.page-template-template-top-rate,
	body.page-template-template-top-rate-swish {
		overflow-x: hidden;
	}

	body.page-template-template-top-rate #vsa-main.vsa-wrap,
	body.page-template-template-top-rate-swish #vsa-main.vsa-wrap {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin-right: 0;
		margin-left: 0;
		padding-right: 0.65rem;
		padding-left: 0.65rem;
		overflow-x: clip;
	}

	.top-rate {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		gap: 12px;
		margin-top: 0.45rem;
		margin-bottom: 2rem;
		padding-right: 0;
		padding-left: 0;
		overflow-x: clip;
	}

	.top-rate > * {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.tr-hero {
		padding: 0.75rem;
		box-shadow: 0 12px 24px rgba(6, 14, 24, 0.22);
	}

	.tr-hero__inner {
		gap: 0.62rem;
	}

	.tr-kicker.vsui-badge,
	.tr-kicker {
		min-height: 28px;
		padding: 0.28rem 0.68rem;
		font-size: 0.76rem;
	}

	.tr-hero__title {
		font-size: 1.72rem;
		line-height: 1.06;
	}

	.tr-intro-wrap,
	.tr-reveal {
		gap: 0.38rem;
	}

	.tr-reveal.is-collapsed {
		max-height: 6.35rem;
	}

	.tr-reviewer__layout {
		grid-template-columns: 1fr;
		justify-items: start;
	}

	.tr-byline {
		width: 100%;
		gap: 0.55rem;
		padding: 0.58rem;
	}

	.tr-byline__avatar,
	.tr-byline__avatar img {
		width: 48px;
		height: 48px;
	}

	.tr-byline__body {
		gap: 0.3rem;
	}

	.tr-byline__top {
		align-items: center;
		gap: 0.35rem 0.55rem;
	}

	.tr-byline__name {
		font-size: 0.96rem;
		line-height: 1.18;
	}

	.tr-byline__meta {
		gap: 0.25rem;
		font-size: 0.82rem;
		line-height: 1.25;
	}

	.tr-live-badge {
		min-height: 28px;
		padding: 0.28rem 0.5rem 0.28rem 0.46rem;
		font-size: 0.73rem;
	}

	.tr-toggle.vsui-button,
	.tr-toggle {
		min-height: 42px;
	}

	.tr-hero--mobile-nav-collapsed .tr-anchors--desktop {
		display: none;
	}

	.tr-hero--mobile-nav-collapsed .tr-anchors--mobile {
		display: flex;
	}

	.tr-anchors {
		width: 100%;
	}

	.tr-anchor.vsui-button,
	.tr-anchor {
		flex: 1 1 calc(50% - 0.55rem);
	}

	.tr-section {
		gap: 0.7rem;
		padding-top: 0.05rem;
	}

	.tr-rankings {
		padding-top: 0;
	}

	.tr-rankings__head.tr-section__head--split {
		gap: 0.35rem 0.55rem;
	}

	.tr-section__title,
	.tr-copy h2,
	.top-rate .vsui-card__title {
		font-size: 1.22rem;
	}

	.tr-section__desc,
	.tr-intro,
	.tr-copy,
	.tr-copy p,
	.tr-copy li,
	.tr-method__item p,
	.tr-faq__list .vsui-accordion__content p,
	.tr-faq__list details p,
	.tr-compliance__desc,
	.tr-compliance__text {
		font-size: 0.94rem;
		line-height: 1.62;
	}

	.tr-method__item,
	.tr-reviewer.vsui-card,
	.tr-compliance.vsui-card {
		padding: 0.9rem;
	}

	.top-rate .wp-block-table,
	.top-rate .vsa-data-table,
	.tr-copy .wp-block-table,
	.tr-copy .vsa-data-table,
	.tr-copy > table {
		width: 100%;
		max-width: 100%;
		margin: 1rem 0;
	}

	.top-rate .wp-block-table table,
	.top-rate .vsa-data-table table,
	.tr-copy table {
		min-width: 640px;
		font-size: 0.88rem;
	}

	.top-rate .wp-block-table th,
	.top-rate .wp-block-table td,
	.top-rate .vsa-data-table th,
	.top-rate .vsa-data-table td,
	.tr-copy th,
	.tr-copy td {
		min-width: 7.25rem;
		padding: 0.68rem 0.72rem;
	}

}

@media (max-width: 380px) {
	.tr-anchor.vsui-button,
	.tr-anchor {
		flex-basis: 100%;
	}

	.tr-byline__meta,
	.tr-stamp {
		display: grid;
		gap: 0.2rem;
	}

	.tr-byline {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.tr-live-badge {
		min-height: 26px;
		font-size: 0.72rem;
	}
}