/* QuickVPNs Guide System — shared editorial layout. */
.qvg-page {
	--qvg-navy: #061a3a;
	--qvg-navy-2: #0b2f69;
	--qvg-blue: #1168e8;
	--qvg-sky: #eaf3ff;
	--qvg-sea: #0b9d94;
	--qvg-sea-soft: #e4f7f5;
	--qvg-amber: #f0ae3c;
	--qvg-amber-soft: #fff6df;
	--qvg-purple: #6551d8;
	--qvg-paper: #f5f8fc;
	--qvg-white: #ffffff;
	--qvg-ink: #15213a;
	--qvg-muted: #60708d;
	--qvg-line: #dbe4f0;
	--qvg-shadow: 0 22px 70px rgba(6, 26, 58, 0.1);
	background: var(--qvg-paper);
	color: var(--qvg-ink);
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.6;
	overflow: clip;
}

.qvg-page *,
.qvg-page *::before,
.qvg-page *::after {
	box-sizing: border-box;
}

.qvg-shell {
	margin: 0 auto;
	max-width: 1280px;
	padding-left: 32px;
	padding-right: 32px;
	width: 100%;
}

.qvg-skip-link {
	background: var(--qvg-white);
	border-radius: 0 0 8px 8px;
	box-shadow: 0 4px 18px rgba(6, 26, 58, 0.2);
	color: var(--qvg-navy);
	font-size: 14px;
	font-weight: 700;
	left: 24px;
	padding: 12px 18px;
	position: fixed;
	top: -100px;
	z-index: 10000;
}

.qvg-skip-link:focus {
	top: 0;
}

.qvg-read-progress {
	background: transparent;
	height: 4px;
	left: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

.admin-bar .qvg-read-progress {
	top: 32px;
}

.qvg-read-progress span {
	background: linear-gradient(90deg, var(--qvg-blue), #36c4bd);
	display: block;
	height: 100%;
	transform: scaleX(var(--qvg-read-progress, 0));
	transform-origin: left center;
	width: 100%;
}

.qvg-hero {
	background: var(--qvg-navy);
	min-height: 700px;
	position: relative;
}

.qvg-hero--no-image {
	background:
		radial-gradient(circle at 76% 26%, rgba(54, 196, 189, 0.18), transparent 28%),
		linear-gradient(135deg, var(--qvg-navy), var(--qvg-navy-2));
}

.qvg-hero__media,
.qvg-hero__shade {
	inset: 0;
	position: absolute;
}

.qvg-hero__media img {
	height: 100%;
	object-fit: cover;
	object-position: 60% center;
	width: 100%;
}

.qvg-hero__shade {
	background:
		linear-gradient(90deg, rgba(4, 19, 44, 0.98) 0%, rgba(4, 19, 44, 0.91) 34%, rgba(4, 19, 44, 0.5) 61%, rgba(4, 19, 44, 0.08) 100%),
		linear-gradient(0deg, rgba(4, 19, 44, 0.82) 0%, transparent 35%);
}

.qvg-hero__content {
	color: var(--qvg-white);
	padding-bottom: 142px;
	padding-top: 110px;
	position: relative;
	z-index: 2;
}

.qvg-kicker,
.qvg-page .qvg-kicker {
	align-items: center;
	color: #d9e9ff;
	display: flex;
	font-size: 12px;
	font-weight: 900;
	gap: 10px;
	letter-spacing: 0.16em;
	line-height: 1.3;
	margin: 0 0 22px;
	text-transform: uppercase;
}

.qvg-kicker span {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 100px;
	padding: 7px 11px;
}

.qvg-hero h1 {
	color: var(--qvg-white);
	font-family: "Roboto", sans-serif;
	font-size: clamp(48px, 6.2vw, 88px);
	font-weight: 900;
	letter-spacing: -0.055em;
	line-height: 0.98;
	margin: 0;
	max-width: 790px;
	text-wrap: balance;
}

.qvg-page .qvg-hero__dek {
	color: #e3edfb;
	font-size: clamp(19px, 2vw, 24px);
	font-weight: 300;
	letter-spacing: -0.015em;
	line-height: 1.48;
	margin: 30px 0 0;
	max-width: 700px;
}

.qvg-hero__meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 13px 24px;
	margin-top: 30px;
}

.qvg-hero__meta span,
.qvg-hero__meta time {
	align-items: center;
	color: #cbd9ec;
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	gap: 8px;
	letter-spacing: 0.01em;
}

.qvg-hero__meta i {
	color: #50d4bb;
}

.qvg-button,
.qvg-page a.qvg-button {
	align-items: center;
	border: 0;
	border-radius: 10px;
	display: inline-flex;
	font-size: 15px;
	font-weight: 900;
	gap: 14px;
	justify-content: center;
	line-height: 1;
	min-height: 52px;
	padding: 17px 22px;
	text-decoration: none;
	transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.qvg-button:hover,
.qvg-page a.qvg-button:hover {
	transform: translateY(-2px);
}

.qvg-button:focus-visible,
.qvg-page a:focus-visible,
.qvg-page summary:focus-visible,
.qvg-table-scroll:focus-visible,
.qvg-table-wrap:focus-visible {
	box-shadow: 0 0 0 4px rgba(17, 104, 232, 0.25);
	outline: 2px solid var(--qvg-blue);
	outline-offset: 3px;
}

.qvg-page .qvg-button--hero {
	background: var(--qvg-white);
	box-shadow: 0 15px 38px rgba(0, 0, 0, 0.24);
	color: var(--qvg-navy);
	margin-top: 34px;
}

.qvg-route {
	bottom: 0;
	left: 50%;
	max-width: 1160px;
	padding: 0 46px 23px;
	position: absolute;
	transform: translateX(-50%);
	width: calc(100% - 64px);
	z-index: 2;
}

.qvg-route svg {
	height: 64px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 100%;
}

.qvg-route path {
	fill: none;
	stroke: rgba(255, 255, 255, 0.58);
	stroke-dasharray: 0.016 0.013;
	stroke-linecap: round;
	stroke-width: 2;
}

.qvg-route ol {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.qvg-route li {
	align-items: center;
	color: var(--qvg-white);
	display: flex;
	font-size: 13px;
	font-weight: 900;
	gap: 10px;
	justify-content: center;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.qvg-route li:first-child {
	justify-content: flex-start;
}

.qvg-route li:last-child {
	justify-content: flex-end;
}

.qvg-route li span {
	align-items: center;
	background: var(--qvg-blue);
	border: 3px solid rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.24);
	display: inline-flex;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.qvg-disclosure {
	align-items: flex-start;
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 14px;
	box-shadow: 0 12px 40px rgba(6, 26, 58, 0.08);
	display: flex;
	gap: 16px;
	margin: 34px 0 14px;
	padding: 18px 22px;
}

.qvg-disclosure__icon {
	align-items: center;
	background: var(--qvg-sky);
	border-radius: 9px;
	color: var(--qvg-blue);
	display: inline-flex;
	flex: 0 0 38px;
	height: 38px;
	justify-content: center;
}

.qvg-page .qvg-disclosure p {
	color: var(--qvg-muted);
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
}

.qvg-page .qvg-disclosure strong {
	color: var(--qvg-ink);
}

.qvg-page a {
	color: #0e62d1;
	font-weight: 700;
	text-decoration-color: rgba(14, 98, 209, 0.36);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.qvg-page a:hover {
	color: var(--qvg-navy);
	text-decoration-color: currentColor;
}

.qvg-layout {
	align-items: start;
	display: grid;
	gap: 70px;
	grid-template-columns: 250px minmax(0, 850px);
	justify-content: center;
	padding-bottom: 110px;
	padding-top: 58px;
}

.qvg-compass {
	position: sticky;
	top: 105px;
}

.qvg-compass__card {
	background: #0a2148;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	box-shadow: 0 22px 60px rgba(6, 26, 58, 0.17);
	color: var(--qvg-white);
	overflow: hidden;
	padding: 24px 20px 0;
}

.qvg-page .qvg-compass__label {
	color: #8fb5ef;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.16em;
	margin: 0 0 15px;
	text-transform: uppercase;
}

.qvg-nav {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.qvg-page .qvg-nav__link {
	align-items: center;
	border-radius: 8px;
	color: #b8cae3;
	display: flex;
	font-size: 13px;
	font-weight: 700;
	gap: 10px;
	line-height: 1.25;
	padding: 10px 9px;
	text-decoration: none;
	transition: background 150ms ease, color 150ms ease;
}

.qvg-nav__link span {
	background: #53729e;
	border-radius: 50%;
	height: 6px;
	transition: background 150ms ease, box-shadow 150ms ease;
	width: 6px;
}

.qvg-page .qvg-nav__link:hover,
.qvg-page .qvg-nav__link[aria-current="true"] {
	background: rgba(255, 255, 255, 0.08);
	color: var(--qvg-white);
}

.qvg-nav__link[aria-current="true"] span {
	background: #4fd5c0;
	box-shadow: 0 0 0 4px rgba(79, 213, 192, 0.15);
}

.qvg-compass__pick {
	background: linear-gradient(135deg, #123c82, #0e63d6);
	border-radius: 14px 14px 0 0;
	display: grid;
	margin: 23px -10px 0;
	padding: 18px;
}

.qvg-compass__pick span {
	color: #a9cbff;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.qvg-compass__pick strong {
	font-size: 23px;
	letter-spacing: -0.03em;
	line-height: 1.2;
	margin-top: 4px;
}

.qvg-compass__pick small {
	color: #dceaff;
	font-size: 12px;
	margin-top: 2px;
}

.qvg-article {
	font-size: 18px;
	min-width: 0;
}

.qvg-article > :first-child {
	margin-top: 0;
}

.qvg-article section[id] {
	scroll-margin-top: 95px;
}

.qvg-article h2[id] {
	scroll-margin-top: 95px;
}

.qvg-article > .qv-guides-breadcrumbs {
	color: var(--qvg-muted);
	font-size: 13px;
	line-height: 1.5;
	margin: 0 0 32px;
}

.qvg-article > .qv-guides-breadcrumbs a {
	font-weight: 700;
}

.qvg-article .qvg-section {
	border-top: 1px solid var(--qvg-line);
	margin-top: 88px;
	padding-top: 82px;
}

.qvg-article .qvg-opening + .qvg-section {
	border-top: 0;
	margin-top: 80px;
	padding-top: 0;
}

.qvg-article h2,
.qvg-article h3,
.qvg-article h4 {
	color: var(--qvg-navy);
	font-family: "Roboto", sans-serif;
	text-wrap: balance;
}

.qvg-article h2 {
	font-size: clamp(34px, 4.2vw, 54px);
	font-weight: 900;
	letter-spacing: -0.045em;
	line-height: 1.06;
	margin: 0;
}

.qvg-article h3 {
	font-size: 30px;
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 1.15;
	margin: 42px 0 0;
}

.qvg-article h3 + p,
.qvg-article h4 + p {
	margin-top: 12px;
}

.qvg-article h4 {
	font-size: 19px;
	font-weight: 900;
	line-height: 1.3;
	margin: 0 0 16px;
}

.qvg-article p {
	color: #34425e;
	font-size: 18px;
	line-height: 1.76;
	margin: 22px 0 0;
}

.qvg-article strong {
	color: #15213a;
}

.qvg-article .qvg-lead {
	color: var(--qvg-ink);
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -0.012em;
	line-height: 1.65;
	margin-top: 28px;
}

.qvg-section-label,
.qvg-page .qvg-section-label {
	align-items: center;
	color: var(--qvg-blue);
	display: flex;
	font-size: 11px;
	font-weight: 900;
	gap: 9px;
	letter-spacing: 0.17em;
	line-height: 1.3;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.qvg-section-label::before {
	background: currentColor;
	content: "";
	height: 2px;
	width: 22px;
}

.qvg-section-heading {
	margin-bottom: 30px;
	max-width: 760px;
}

.qvg-section-heading > p:last-child {
	color: var(--qvg-muted);
	font-size: 19px;
	line-height: 1.65;
	margin-top: 20px;
}

.qvg-section-heading + p,
.qvg-section-heading + .qvg-bullet-list,
.qvg-section-heading + .qvg-table-scroll,
.qvg-section-heading + .qvg-figure {
	margin-top: 0;
}

.qvg-verdicts {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 34px;
}

.qvg-verdict {
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	min-height: 220px;
	overflow: hidden;
	padding: 22px;
	position: relative;
}

.qvg-verdict::after {
	background: var(--provider-color);
	bottom: 0;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}

.qvg-verdict--nord { --provider-color: #1168e8; }
.qvg-verdict--surf { --provider-color: #0b9d94; }
.qvg-verdict--proton { --provider-color: #6551d8; }

.qvg-verdict__rank {
	color: #a6b4c8;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.1em;
}

.qvg-verdict p,
.qvg-article .qvg-verdict p {
	color: var(--provider-color);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.1em;
	margin: 21px 0 5px;
	text-transform: uppercase;
}

.qvg-verdict h3 {
	font-size: 23px;
	letter-spacing: -0.03em;
	margin: 0;
}

.qvg-verdict > strong {
	color: var(--qvg-navy);
	font-size: 26px;
	line-height: 1.2;
	margin-top: auto;
}

.qvg-verdict > strong small {
	color: var(--qvg-muted);
	font-size: 13px;
}

.qvg-verdict > span:last-child {
	color: var(--qvg-muted);
	font-size: 12px;
	margin-top: 4px;
}

.qvg-table-scroll {
	border: 1px solid var(--qvg-line);
	border-radius: 16px;
	margin-top: 24px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* Portable guide packages use this wrapper for their own comparison tables. */
.qvg-table-wrap {
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 18px;
	box-shadow: 0 16px 42px rgba(6, 26, 58, 0.07);
	margin-top: 28px;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.qvg-table-wrap table {
	background: var(--qvg-white);
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	min-width: 760px;
	table-layout: auto;
	width: 100%;
}

.qvg-table-wrap[data-qvg-columns="2"] table {
	min-width: 620px;
}

.qvg-table-wrap th,
.qvg-table-wrap td {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--qvg-line);
	color: #34425e;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	padding: 16px 18px;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
}

.qvg-table-wrap thead th {
	background: var(--qvg-navy);
	border-bottom-color: var(--qvg-navy);
	color: var(--qvg-white);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	padding-bottom: 17px;
	padding-top: 17px;
	text-transform: uppercase;
}

.qvg-table-wrap thead th:first-child {
	background: #0b2f69;
}

.qvg-table-wrap tbody th[scope="row"] {
	background: #edf4fd;
	color: var(--qvg-navy);
	font-weight: 850;
	min-width: 180px;
	width: 27%;
}

.qvg-table-wrap tbody tr:nth-child(even) td {
	background: #f8fbff;
}

.qvg-table-wrap tbody tr:last-child th,
.qvg-table-wrap tbody tr:last-child td {
	border-bottom: 0;
}

.qvg-table-wrap tbody tr:hover th,
.qvg-table-wrap tbody tr:hover td {
	background: #eaf3ff;
}

.qvg-table-wrap td strong {
	color: var(--qvg-navy);
	font-weight: 850;
}

.qvg-table-wrap caption {
	caption-side: bottom;
	color: var(--qvg-muted);
	font-size: 12px;
	line-height: 1.5;
	padding: 12px 18px 14px;
	text-align: left;
}

.qvg-pros-cons {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 20px;
}

.qvg-pros-cons__card {
	--qvg-list-accent: #16815d;
	--qvg-list-soft: #e8f8f1;
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 16px;
	overflow: hidden;
	padding: 21px;
}

.qvg-pros-cons__card--cons {
	--qvg-list-accent: #b96824;
	--qvg-list-soft: #fff2e7;
}

.qvg-pros-cons__card h4,
.qvg-article .qvg-pros-cons__card h4 {
	align-items: center;
	color: var(--qvg-list-accent);
	display: flex;
	font-size: 16px;
	gap: 10px;
	letter-spacing: 0.01em;
	margin: 0 0 13px;
}

.qvg-pros-cons__icon {
	align-items: center;
	background: var(--qvg-list-soft);
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 28px;
	height: 28px;
	justify-content: center;
}

.qvg-pros-cons__card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.qvg-pros-cons__card li {
	border-top: 1px solid var(--qvg-line);
	color: #3d4c66;
	font-size: 14px;
	line-height: 1.55;
	padding: 11px 0 11px 24px;
	position: relative;
}

.qvg-pros-cons__card li:first-child {
	border-top: 0;
	padding-top: 2px;
}

.qvg-pros-cons__card li::before {
	color: var(--qvg-list-accent);
	content: "\2713";
	font-size: 13px;
	font-weight: 900;
	left: 1px;
	position: absolute;
	top: 11px;
}

.qvg-pros-cons__card--cons li::before {
	content: "\2212";
}

.qvg-pros-cons__card li:first-child::before {
	top: 2px;
}

.qvg-comparison-table {
	background: var(--qvg-white);
	border-collapse: separate;
	border-spacing: 0;
	font-size: 14px;
	min-width: 830px;
	width: 100%;
}

.qvg-comparison-table th,
.qvg-comparison-table td {
	border: 0;
	border-bottom: 1px solid var(--qvg-line);
	line-height: 1.5;
	margin: 0;
	padding: 17px 16px;
	text-align: left;
	vertical-align: top;
}

.qvg-comparison-table thead th {
	background: #edf3fb;
	color: #43516a;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.qvg-comparison-table tbody th {
	font-size: 16px;
	white-space: nowrap;
}

.qvg-comparison-table tbody tr:last-child th,
.qvg-comparison-table tbody tr:last-child td {
	border-bottom: 0;
}

.qvg-figure {
	margin: 38px 0 0;
}

.qvg-figure img {
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 18px;
	box-shadow: var(--qvg-shadow);
	display: block;
	height: auto;
	width: 100%;
}

.qvg-figure figcaption,
.qvg-page .qvg-figure figcaption {
	color: var(--qvg-muted);
	font-size: 12px;
	font-style: normal;
	line-height: 1.55;
	margin: 12px auto 0;
	max-width: 680px;
	text-align: center;
}

.qvg-figure--portrait {
	margin-left: auto;
	margin-right: auto;
	max-width: 580px;
}

.qvg-criteria-grid {
	counter-reset: travel-criteria;
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 35px 0 0;
	padding: 0;
}

.qvg-criteria-grid li {
	align-items: flex-start;
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 15px;
	counter-increment: travel-criteria;
	display: flex;
	gap: 16px;
	min-height: 188px;
	padding: 22px;
	position: relative;
}

.qvg-criteria-grid li::after {
	color: #d4dfed;
	content: "0" counter(travel-criteria);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	position: absolute;
	right: 15px;
	top: 13px;
}

.qvg-criteria-grid__icon {
	align-items: center;
	background: var(--qvg-sky);
	border-radius: 11px;
	color: var(--qvg-blue);
	display: inline-flex;
	flex: 0 0 44px;
	height: 44px;
	justify-content: center;
}

.qvg-criteria-grid strong {
	display: block;
	font-size: 16px;
	line-height: 1.35;
	padding-right: 20px;
}

.qvg-criteria-grid p,
.qvg-article .qvg-criteria-grid p {
	color: var(--qvg-muted);
	font-size: 14px;
	line-height: 1.6;
	margin: 9px 0 0;
}

.qvg-provider {
	--provider-color: var(--qvg-blue);
	--provider-soft: var(--qvg-sky);
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 24px;
	box-shadow: 0 20px 60px rgba(6, 26, 58, 0.08);
	margin-top: 42px;
	overflow: hidden;
	padding: 38px;
	position: relative;
	scroll-margin-top: 100px;
}

.qvg-provider::before {
	background: var(--provider-color);
	content: "";
	height: 7px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.qvg-provider--nord {
	--provider-color: #1168e8;
	--provider-soft: #eaf3ff;
}

.qvg-provider--surf {
	--provider-color: #079c94;
	--provider-soft: #e5f8f5;
}

.qvg-provider--proton {
	--provider-color: #6551d8;
	--provider-soft: #f0edff;
}

.qvg-provider__header {
	align-items: flex-start;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 24px;
}

.qvg-provider__number {
	color: var(--provider-color);
	display: block;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.14em;
	margin-bottom: 13px;
}

.qvg-provider__header p,
.qvg-article .qvg-provider__header p {
	color: var(--provider-color);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1.3;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.qvg-provider__header h3 {
	font-size: clamp(38px, 5vw, 58px);
	letter-spacing: -0.05em;
	line-height: 1;
	margin: 0;
}

.qvg-provider__score {
	align-items: baseline;
	background: var(--provider-soft);
	border-radius: 14px;
	color: var(--provider-color);
	display: flex;
	gap: 3px;
	padding: 13px 15px;
}

.qvg-provider__score strong {
	color: inherit;
	font-size: 26px;
	line-height: 1;
}

.qvg-provider__score span {
	font-size: 11px;
	font-weight: 900;
}

.qvg-fact-strip {
	background: var(--provider-soft);
	border-radius: 12px;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 28px;
}

.qvg-fact-strip span {
	border-right: 1px solid rgba(77, 100, 130, 0.16);
	color: var(--qvg-muted);
	font-size: 11px;
	line-height: 1.35;
	padding: 14px 12px;
	text-align: center;
}

.qvg-fact-strip span:last-child {
	border-right: 0;
}

.qvg-fact-strip strong {
	color: var(--provider-color);
	display: block;
	font-size: 15px;
}

.qvg-provider .qvg-figure--wide {
	margin-left: -12px;
	margin-right: -12px;
}

.qvg-provider__details {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 30px;
}

.qvg-provider__details > div {
	background: #f8fafc;
	border: 1px solid var(--qvg-line);
	border-radius: 14px;
	padding: 22px;
}

.qvg-provider__details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.qvg-provider__details li {
	color: #46556f;
	font-size: 13px;
	line-height: 1.55;
	padding: 6px 0 6px 25px;
	position: relative;
}

.qvg-provider__details li::before {
	align-items: center;
	border-radius: 50%;
	display: inline-flex;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: 900;
	height: 17px;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 7px;
	width: 17px;
}

.qvg-check-list li::before {
	background: #dff5ec;
	color: #16815d;
	content: "✓";
}

.qvg-minus-list li::before {
	background: #fff0e2;
	color: #bb6a24;
	content: "−";
}

.qvg-bullet-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.qvg-bullet-list li {
	color: #34425e;
	font-size: 18px;
	line-height: 1.65;
	margin: 14px 0 0;
	padding-left: 26px;
	position: relative;
}

.qvg-bullet-list li:first-child {
	margin-top: 0;
}

.qvg-bullet-list li::before {
	background: var(--qvg-blue);
	border: 4px solid var(--qvg-sky);
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	height: 12px;
	left: 0;
	position: absolute;
	top: 0.72em;
	transform: translateY(-50%);
	width: 12px;
}

.qvg-best-for {
	align-items: flex-start;
	background: var(--provider-soft);
	border-left: 4px solid var(--provider-color);
	border-radius: 0 10px 10px 0;
	display: flex;
	gap: 15px;
	margin-top: 24px;
	padding: 16px 18px;
}

.qvg-best-for strong {
	color: var(--provider-color);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
}

.qvg-best-for span {
	color: #3d4d67;
	font-size: 13px;
	line-height: 1.55;
}

.qvg-page .qvg-provider .qvg-button {
	background: var(--provider-color);
	box-shadow: 0 12px 30px color-mix(in srgb, var(--provider-color) 28%, transparent);
	color: var(--qvg-white);
	margin-top: 24px;
}

.qvg-manifest {
	align-items: center;
	background: linear-gradient(135deg, #e5f8f5, #f6fcfb);
	border: 1px solid #bce8e2;
	border-radius: 17px;
	display: grid;
	gap: 22px;
	grid-template-columns: 180px 1fr;
	margin-top: 30px;
	padding: 24px;
}

.qvg-manifest__stamp {
	align-items: center;
	border: 2px dashed #079c94;
	border-radius: 50%;
	color: #087d77;
	display: flex;
	flex-direction: column;
	height: 144px;
	justify-content: center;
	transform: rotate(-4deg);
	width: 144px;
}

.qvg-manifest__stamp i {
	font-size: 24px;
}

.qvg-manifest__stamp strong {
	color: inherit;
	font-size: 17px;
	margin-top: 4px;
}

.qvg-manifest__stamp span {
	font-size: 10px;
}

.qvg-manifest ul {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

.qvg-manifest li {
	color: #355f5c;
	font-size: 13px;
	font-weight: 700;
}

.qvg-manifest li i {
	color: #079c94;
	margin-right: 6px;
	width: 18px;
}

.qvg-scenario-list {
	border-bottom: 1px solid var(--qvg-line);
	margin-top: 34px;
}

.qvg-scenario-list > div {
	align-items: center;
	border-top: 1px solid var(--qvg-line);
	display: grid;
	gap: 16px;
	grid-template-columns: 1.25fr 0.8fr 1.6fr;
	padding: 19px 4px;
}

.qvg-scenario-list span {
	color: var(--qvg-ink);
	font-size: 14px;
	font-weight: 700;
}

.qvg-scenario-list span i {
	color: var(--qvg-blue);
	margin-right: 9px;
	width: 20px;
}

.qvg-scenario-list > div > strong {
	color: var(--qvg-blue);
	font-size: 14px;
}

.qvg-scenario-list p,
.qvg-article .qvg-scenario-list p {
	color: var(--qvg-muted);
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

.qvg-callout {
	align-items: flex-start;
	border: 1px solid;
	border-radius: 16px;
	display: flex;
	gap: 18px;
	margin-top: 34px;
	padding: 23px;
}

.qvg-callout--insight {
	background: var(--qvg-sky);
	border-color: #bad5f8;
}

.qvg-callout--warning {
	background: var(--qvg-amber-soft);
	border-color: #f2d58a;
}

.qvg-callout__icon {
	align-items: center;
	background: var(--qvg-white);
	border-radius: 11px;
	box-shadow: 0 6px 20px rgba(6, 26, 58, 0.08);
	color: var(--qvg-blue);
	display: inline-flex;
	flex: 0 0 44px;
	height: 44px;
	justify-content: center;
}

.qvg-callout--warning .qvg-callout__icon {
	color: #b9790d;
}

.qvg-callout strong {
	display: block;
	font-size: 17px;
	line-height: 1.4;
}

.qvg-callout p,
.qvg-article .qvg-callout p {
	color: #52617a;
	font-size: 14px;
	line-height: 1.6;
	margin: 6px 0 0;
}

.qvg-callout a {
	display: inline-block;
	font-size: 13px;
	margin-top: 11px;
}

.qvg-checklist-layout {
	align-items: start;
	display: grid;
	gap: 34px;
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
	margin-top: 36px;
}

.qvg-travel-checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.qvg-travel-checklist li {
	align-items: flex-start;
	border-top: 1px solid var(--qvg-line);
	display: flex;
	gap: 15px;
	padding: 18px 0;
}

.qvg-travel-checklist li:last-child {
	border-bottom: 1px solid var(--qvg-line);
}

.qvg-travel-checklist > li > span {
	align-items: center;
	background: var(--qvg-navy);
	border-radius: 50%;
	color: var(--qvg-white);
	display: inline-flex;
	flex: 0 0 37px;
	font-size: 10px;
	font-weight: 900;
	height: 37px;
	justify-content: center;
	letter-spacing: 0.06em;
}

.qvg-travel-checklist strong {
	display: block;
	font-size: 15px;
	line-height: 1.4;
}

.qvg-travel-checklist p,
.qvg-article .qvg-travel-checklist p {
	color: var(--qvg-muted);
	font-size: 13px;
	line-height: 1.55;
	margin: 5px 0 0;
}

.qvg-figure--checklist {
	margin: 0;
	position: sticky;
	top: 90px;
}

.qvg-skip-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 34px;
}

.qvg-skip-grid article {
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 15px;
	padding: 23px;
}

.qvg-skip-grid i {
	align-items: center;
	background: #edf2f8;
	border-radius: 10px;
	color: var(--qvg-muted);
	display: inline-flex;
	height: 40px;
	justify-content: center;
	width: 40px;
}

.qvg-skip-grid h3 {
	font-size: 17px;
	letter-spacing: -0.02em;
	margin: 17px 0 0;
}

.qvg-skip-grid p,
.qvg-article .qvg-skip-grid p {
	color: var(--qvg-muted);
	font-size: 13px;
	line-height: 1.6;
	margin: 8px 0 0;
}

.qvg-faq-list {
	border-top: 1px solid var(--qvg-line);
	margin-top: 34px;
}

.qvg-faq-list details {
	border-bottom: 1px solid var(--qvg-line);
}

.qvg-faq-list summary {
	color: var(--qvg-navy);
	cursor: pointer;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.4;
	list-style: none;
	padding: 23px 54px 23px 0;
	position: relative;
}

.qvg-faq-list summary::-webkit-details-marker {
	display: none;
}

.qvg-faq-list summary span,
.qvg-faq-list summary span::after {
	background: var(--qvg-blue);
	content: "";
	height: 2px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 180ms ease;
	width: 16px;
}

.qvg-faq-list summary span::after {
	right: 0;
	top: 1px;
	transform: rotate(90deg);
}

.qvg-faq-list details[open] summary span::after {
	transform: rotate(0);
}

.qvg-faq-list details p,
.qvg-article .qvg-faq-list details p {
	color: var(--qvg-muted);
	font-size: 15px;
	line-height: 1.7;
	margin: -5px 50px 23px 0;
}

.qvg-methodology {
	background: #eaf0f7;
	border-radius: 18px;
	display: grid;
	gap: 30px;
	grid-template-columns: 190px 1fr;
	margin-top: 88px;
	padding: 31px;
}

.qvg-methodology h2 {
	font-size: 27px;
	letter-spacing: -0.035em;
}

.qvg-methodology p,
.qvg-article .qvg-methodology p {
	color: #526079;
	font-size: 13px;
	line-height: 1.7;
	margin: 0;
}

.qvg-methodology p + p,
.qvg-article .qvg-methodology p + p {
	margin-top: 11px;
}

.qvg-article > .qv-provider-review-links,
.qvg-article > .qv-related-guides {
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 16px;
	margin-top: 32px;
	padding: 24px;
}

.qvg-article > .qv-provider-review-links h2,
.qvg-article > .qv-related-guides h2 {
	font-size: 25px;
	letter-spacing: -0.03em;
}

.qvg-article > .qv-provider-review-links ul,
.qvg-article > .qv-related-guides ul {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
}

.qvg-article > .qv-provider-review-links li,
.qvg-article > .qv-related-guides li {
	margin: 0;
}

.qvg-final {
	background:
		radial-gradient(circle at 85% 20%, rgba(34, 166, 195, 0.32), transparent 30%),
		linear-gradient(125deg, #061a3a 0%, #0b2e67 58%, #0d5cad 100%);
	color: var(--qvg-white);
	position: relative;
}

.qvg-final::after {
	border: 2px dashed rgba(255, 255, 255, 0.27);
	border-radius: 50%;
	content: "";
	height: 180px;
	position: absolute;
	right: 6%;
	top: -75px;
	width: 180px;
}

.qvg-final__inner {
	align-items: center;
	display: flex;
	gap: 40px;
	justify-content: space-between;
	padding-bottom: 58px;
	padding-top: 58px;
	position: relative;
	z-index: 1;
}

.qvg-final h2 {
	color: var(--qvg-white);
	font-size: clamp(32px, 4vw, 50px);
	font-weight: 900;
	letter-spacing: -0.045em;
	line-height: 1.05;
	margin: 0;
}

.qvg-final p,
.qvg-page .qvg-final p {
	color: #d7e5f8;
	font-size: 16px;
	line-height: 1.6;
	margin: 15px 0 0;
	max-width: 680px;
}

.qvg-final .qvg-kicker {
	margin-bottom: 18px;
}

.qvg-page .qvg-button--light {
	background: var(--qvg-white);
	color: var(--qvg-navy);
	flex: 0 0 auto;
}

/* VPN Privacy & Pricing Index — scoped research components. */
.qvg-index-note {
	align-items: flex-start;
	background: linear-gradient(135deg, #e4f7f5, #edf5ff);
	border: 1px solid #bfe2e4;
	border-radius: 16px;
	display: flex;
	gap: 16px;
	margin-top: 30px;
	padding: 20px 22px;
}

.qvg-index-note strong {
	color: var(--qvg-sea);
	flex: 0 0 150px;
	font-size: 14px;
	line-height: 1.5;
}

.qvg-index-note span {
	color: #42516a;
	font-size: 14px;
	line-height: 1.65;
}

.qvg-index-stats {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 34px;
}

.qvg-index-stats article {
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 16px;
	box-shadow: 0 12px 35px rgba(6, 26, 58, 0.06);
	min-height: 190px;
	padding: 20px;
}

.qvg-index-stats article > span {
	color: #9aabc1;
	display: block;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.qvg-index-stats article > strong {
	color: var(--qvg-navy);
	display: block;
	font-size: clamp(26px, 3vw, 38px);
	letter-spacing: -0.05em;
	line-height: 1;
	margin-top: 24px;
}

.qvg-index-stats article p,
.qvg-article .qvg-index-stats article p {
	color: var(--qvg-muted);
	font-size: 13px;
	line-height: 1.55;
	margin: 17px 0 0;
}

.qvg-index-source,
.qvg-article .qvg-index-source {
	background: #edf3fb;
	border-radius: 12px;
	font-size: 14px;
	margin-top: 22px;
	padding: 16px 18px;
}

.qvg-index-callout {
	background: var(--qvg-navy);
	border-radius: 18px;
	color: var(--qvg-white);
	margin-top: 38px;
	padding: 30px;
}

.qvg-index-callout h3 {
	color: var(--qvg-white);
	font-size: 27px;
	margin: 0;
}

.qvg-index-callout ol {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style-position: inside;
	margin: 22px 0 0;
	padding: 0;
}

.qvg-index-callout li {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 12px;
	font-size: 14px;
	line-height: 1.55;
	padding: 15px;
}

.qvg-index-callout li strong {
	color: var(--qvg-white);
}

.qvg-index-chart img {
	background: #071a2e;
}

.qvg-index-table {
	box-shadow: 0 18px 50px rgba(6, 26, 58, 0.08);
	max-height: 820px;
	overflow: auto;
}

.qvg-index-table .qvg-comparison-table {
	min-width: 1120px;
}

.qvg-index-table .qvg-comparison-table thead th {
	position: sticky;
	top: 0;
	z-index: 2;
}

.qvg-index-table .qvg-comparison-table tbody tr:nth-child(even) {
	background: #f8fafd;
}

.qvg-index-table .qvg-comparison-table tbody tr:hover {
	background: var(--qvg-sea-soft);
}

.qvg-grade {
	align-items: center;
	border-radius: 7px;
	display: inline-flex;
	font-size: 11px;
	font-weight: 900;
	height: 24px;
	justify-content: center;
	margin-right: 6px;
	width: 24px;
}

.qvg-grade--a { background: #c8f4e9; color: #075c4f; }
.qvg-grade--b { background: #d5efff; color: #07567b; }
.qvg-grade--c { background: #e4e4ff; color: #40378f; }
.qvg-grade--d { background: #fff0cc; color: #744b00; }

.qvg-index-footnote,
.qvg-article .qvg-index-footnote {
	color: var(--qvg-muted);
	font-size: 13px;
	line-height: 1.65;
	margin-top: 16px;
}

.qvg-page .qvg-index-download {
	margin-top: 22px;
}

.qvg-index-cards {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 32px;
}

.qvg-index-cards article {
	background: var(--qvg-white);
	border: 1px solid var(--qvg-line);
	border-radius: 16px;
	padding: 24px;
}

.qvg-index-cards h3 {
	font-size: 22px;
	margin: 0;
}

.qvg-index-cards p,
.qvg-article .qvg-index-cards p {
	color: var(--qvg-muted);
	font-size: 14px;
	line-height: 1.65;
	margin-top: 13px;
}

.qvg-index-checklist {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.qvg-index-checklist .qvg-criteria-grid__icon {
	font-size: 16px;
	font-weight: 900;
}

.qvg-faq__item {
	border-top: 1px solid var(--qvg-line);
	padding: 28px 0;
}

.qvg-faq__item:last-child {
	border-bottom: 1px solid var(--qvg-line);
}

.qvg-faq__item h3 {
	font-size: 24px;
	margin: 0;
}

.qvg-faq__item p,
.qvg-article .qvg-faq__item p {
	color: var(--qvg-muted);
	font-size: 16px;
	margin-top: 12px;
}

.qvg-methodology code {
	background: rgba(255, 255, 255, 0.7);
	border-radius: 4px;
	font-size: 12px;
	padding: 2px 4px;
}

@media (max-width: 1120px) {
	.qvg-index-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.qvg-layout {
		gap: 0;
		grid-template-columns: minmax(0, 850px);
	}

	.qvg-compass {
		display: none;
	}
}

@media (max-width: 782px) {
	.admin-bar .qvg-read-progress {
		top: 46px;
	}
}

@media (max-width: 760px) {
	.qvg-index-note {
		flex-direction: column;
	}

	.qvg-index-note strong {
		flex-basis: auto;
	}

	.qvg-index-stats,
	.qvg-index-callout ol,
	.qvg-index-cards,
	.qvg-index-checklist {
		grid-template-columns: 1fr;
	}

	.qvg-index-stats article {
		min-height: 150px;
	}

	.qvg-index-table {
		max-height: 680px;
	}

	.qvg-shell {
		padding-left: 20px;
		padding-right: 20px;
	}

	.qvg-hero {
		min-height: 715px;
	}

	.qvg-hero__media img {
		object-position: 67% center;
	}

	.qvg-hero__shade {
		background: linear-gradient(180deg, rgba(4, 19, 44, 0.2) 0%, rgba(4, 19, 44, 0.76) 34%, rgba(4, 19, 44, 0.99) 67%);
	}

	.qvg-hero__content {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 650px;
		padding-bottom: 104px;
		padding-top: 250px;
	}

	.qvg-hero h1 {
		font-size: clamp(43px, 13vw, 64px);
	}

	.qvg-page .qvg-hero__dek {
		font-size: 18px;
		line-height: 1.45;
		margin-top: 21px;
	}

	.qvg-hero__meta {
		gap: 9px 15px;
		margin-top: 20px;
	}

	.qvg-hero__meta span,
	.qvg-hero__meta time {
		font-size: 11px;
	}

	.qvg-page .qvg-button--hero {
		align-self: flex-start;
		margin-top: 23px;
	}

	.qvg-route {
		padding: 0 6px 17px;
		width: calc(100% - 32px);
	}

	.qvg-route svg {
		display: none;
	}

	.qvg-route ol::before {
		border-top: 2px dashed rgba(255, 255, 255, 0.42);
		content: "";
		left: 25px;
		position: absolute;
		right: 25px;
		top: 17px;
	}

	.qvg-route li {
		flex-direction: column;
		font-size: 9px;
		gap: 5px;
		justify-content: center !important;
		position: relative;
	}

	.qvg-route li span {
		height: 34px;
		width: 34px;
	}

	.qvg-disclosure {
		margin-top: 20px;
		padding: 15px;
	}

	.qvg-disclosure__icon {
		display: none;
	}

	.qvg-layout {
		padding-bottom: 76px;
		padding-top: 44px;
	}

	.qvg-article {
		font-size: 17px;
	}

	.qvg-article h2 {
		font-size: 32px;
		line-height: 1.12;
	}

	.qvg-article h3 {
		font-size: 25px;
		margin-top: 34px;
	}

	.qvg-article p {
		font-size: 17px;
		line-height: 1.72;
	}

	.qvg-article .qvg-lead {
		font-size: 20px;
		line-height: 1.58;
	}

	.qvg-article .qvg-section {
		margin-top: 66px;
		padding-top: 61px;
	}

	.qvg-article .qvg-opening + .qvg-section {
		margin-top: 62px;
	}

	.qvg-section-heading > p:last-child {
		font-size: 17px;
	}

	.qvg-section-heading {
		margin-bottom: 24px;
	}

	.qvg-bullet-list li {
		font-size: 17px;
		line-height: 1.58;
	}

	.qvg-verdicts,
	.qvg-criteria-grid,
	.qvg-provider__details,
	.qvg-pros-cons,
	.qvg-skip-grid {
		grid-template-columns: 1fr;
	}

	.qvg-table-wrap {
		border-radius: 14px;
		box-shadow: 0 10px 28px rgba(6, 26, 58, 0.06);
	}

	.qvg-table-wrap th,
	.qvg-table-wrap td {
		font-size: 13px;
		padding: 14px 15px;
	}

	.qvg-verdict {
		min-height: 184px;
	}

	.qvg-criteria-grid li {
		min-height: 0;
	}

	.qvg-provider {
		border-radius: 18px;
		margin-left: -8px;
		margin-right: -8px;
		padding: 30px 22px;
	}

	.qvg-provider__header h3 {
		font-size: 40px;
	}

	.qvg-provider__score {
		padding: 10px;
	}

	.qvg-provider__score strong {
		font-size: 21px;
	}

	.qvg-fact-strip {
		grid-template-columns: repeat(2, 1fr);
	}

	.qvg-fact-strip span:nth-child(2) {
		border-right: 0;
	}

	.qvg-fact-strip span:nth-child(-n + 2) {
		border-bottom: 1px solid rgba(77, 100, 130, 0.16);
	}

	.qvg-best-for {
		flex-direction: column;
		gap: 6px;
	}

	.qvg-page .qvg-provider .qvg-button {
		width: 100%;
	}

	.qvg-manifest {
		grid-template-columns: 1fr;
	}

	.qvg-manifest__stamp {
		margin: 0 auto;
	}

	.qvg-manifest ul {
		grid-template-columns: 1fr;
	}

	.qvg-scenario-list > div {
		gap: 6px;
		grid-template-columns: 1fr;
		padding: 18px 3px;
	}

	.qvg-checklist-layout {
		grid-template-columns: 1fr;
	}

	.qvg-figure--checklist {
		margin: 10px auto 0;
		max-width: 480px;
		position: static;
	}

	.qvg-callout {
		padding: 19px;
	}

	.qvg-callout__icon {
		flex-basis: 38px;
		height: 38px;
	}

	.qvg-faq-list summary {
		font-size: 16px;
		padding-right: 42px;
	}

	.qvg-faq-list details p,
	.qvg-article .qvg-faq-list details p {
		margin-right: 0;
	}

	.qvg-methodology {
		grid-template-columns: 1fr;
		padding: 24px;
	}

	.qvg-final__inner {
		align-items: flex-start;
		flex-direction: column;
		padding-bottom: 48px;
		padding-top: 48px;
	}

	.qvg-final::after {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.qvg-page *,
	.qvg-page *::before,
	.qvg-page *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

@media print {
	.qvg-read-progress,
	.qvg-compass,
	.qvg-button,
	.qvg-route,
	.qvg-final,
	.space-header-height,
	.space-footer,
	.space-to-top {
		display: none !important;
	}

	.qvg-page,
	.qvg-provider,
	.qvg-verdict,
	.qvg-criteria-grid li {
		background: #fff !important;
		box-shadow: none !important;
		color: #000 !important;
	}

	.qvg-hero {
		min-height: auto;
	}

	.qvg-hero__media,
	.qvg-hero__shade {
		display: none;
	}

	.qvg-hero__content {
		color: #000;
		padding: 30px 0;
	}

	.qvg-hero h1,
	.qvg-page .qvg-hero__dek {
		color: #000;
	}

	.qvg-layout {
		display: block;
		padding-top: 20px;
	}

	.qvg-article section,
	.qvg-provider,
	.qvg-figure {
		break-inside: avoid;
	}
}