/**
 * Product Scorecard Front-End Stylesheet.
 * Self-contained, zero external CDN dependencies.
 */

:root {
	--psc-accent: #00b1e2;
	--psc-mint: #3fbf9b;
	--psc-gold: #e0a93c;
	--psc-rust: #de6b4b;
}

/* Dark Slate Surface Theme (Default) */
.psc-scorecard-wrap.psc-theme-dark,
.psc-single-product-card.psc-theme-dark {
	--psc-bg: #071620;
	--psc-panel: #0e2432;
	--psc-panel2: #16344a;
	--psc-line: #1e4459;
	--psc-line2: #2c5b77;
	--psc-text: #dce9f0;
	--psc-muted: #6e8fa3;
	--psc-btn-text: #dce9f0;
	--psc-active-btn-text: #04212b;
}

/* Light Clean Surface Theme */
.psc-scorecard-wrap.psc-theme-light,
.psc-single-product-card.psc-theme-light {
	--psc-bg: #ffffff;
	--psc-panel: #f8fafc;
	--psc-panel2: #f1f5f9;
	--psc-line: #e2e8f0;
	--psc-line2: #cbd5e1;
	--psc-text: #0f172a;
	--psc-muted: #64748b;
	--psc-btn-text: #334155;
	--psc-active-btn-text: #ffffff;
}

.psc-scorecard-wrap {
	background: var(--psc-bg);
	color: var(--psc-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 15px;
	line-height: 1.5;
	padding: 24px;
	border-radius: 8px;
	border: 1px solid var(--psc-line);
	margin: 28px 0;
	box-sizing: border-box;
}

.psc-scorecard-wrap *,
.psc-scorecard-wrap *::before,
.psc-scorecard-wrap *::after {
	box-sizing: border-box;
}

/* Calibrate / Profile Selector */
.psc-calibrate {
	padding: 8px 0 20px;
	border-bottom: 1px solid var(--psc-line);
	margin-bottom: 16px;
}

.psc-lab {
	font-size: 11px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--psc-muted);
	margin-bottom: 12px;
	font-weight: 600;
}

.psc-profiles {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.psc-profile-btn {
	background: transparent;
	border: 1px solid var(--psc-line2);
	color: var(--psc-btn-text);
	font-size: 13.5px;
	font-weight: 500;
	padding: 8px 14px;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
	text-align: left;
}

.psc-profile-btn:hover {
	border-color: var(--psc-accent);
	color: var(--psc-text);
}

.psc-profile-btn[aria-pressed="true"] {
	background: var(--psc-accent);
	border-color: var(--psc-accent);
	color: var(--psc-active-btn-text);
	font-weight: 700;
}

.psc-profile-btn:focus-visible {
	outline: 2px solid var(--psc-accent);
	outline-offset: 2px;
}

.psc-profile-note {
	margin-top: 12px;
	font-size: 13px;
	color: var(--psc-muted);
	min-height: 20px;
}

.psc-profile-note strong,
.psc-profile-note b {
	color: var(--psc-accent);
	font-weight: 600;
}

/* Variation Filters Toolbar */
.psc-filter-toolbar {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px dashed var(--psc-line);
}

.psc-filter-group {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.psc-filter-title {
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--psc-muted);
	font-weight: 600;
}

.psc-filter-pills {
	display: inline-flex;
	gap: 4px;
	background: var(--psc-panel);
	border: 1px solid var(--psc-line2);
	padding: 2px;
	border-radius: 4px;
}

.psc-filter-pill {
	background: transparent;
	border: none;
	color: var(--psc-muted);
	font-size: 12px;
	font-weight: 500;
	padding: 4px 10px;
	border-radius: 3px;
	cursor: pointer;
	transition: background 0.14s ease, color 0.14s ease;
	line-height: 1.3;
}

.psc-filter-pill:hover {
	color: var(--psc-text);
}

.psc-filter-pill.is-active,
.psc-filter-pill[aria-pressed="true"] {
	background: var(--psc-accent);
	color: var(--psc-active-btn-text);
	font-weight: 600;
}

.psc-filter-pill:focus-visible {
	outline: 2px solid var(--psc-accent);
	outline-offset: 1px;
}

/* Table */
.psc-table-responsive {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.psc-table {
	width: 100%;
	min-width: 700px;
	border-collapse: collapse;
	text-align: left;
	font-size: 14.5px;
}

.psc-table thead th {
	position: sticky;
	top: 0;
	z-index: 5;
	background: var(--psc-bg);
	padding: 12px 10px;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--psc-muted);
	border-bottom: 2px solid var(--psc-line);
	font-weight: 600;
	white-space: nowrap;
}

.psc-sort-btn {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
	text-transform: inherit;
	letter-spacing: inherit;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.psc-sort-btn:hover {
	color: var(--psc-accent);
}

.psc-sort-btn:focus-visible {
	outline: 2px solid var(--psc-accent);
	outline-offset: 2px;
}

.psc-sort-btn[aria-sort="ascending"]::after {
	content: " ▲";
	font-size: 9px;
	color: var(--psc-accent);
}

.psc-sort-btn[aria-sort="descending"]::after {
	content: " ▼";
	font-size: 9px;
	color: var(--psc-accent);
}

/* Table Rows */
.psc-product-row {
	border-bottom: 1px solid var(--psc-line);
	transition: background 0.15s ease;
}

.psc-product-row:hover {
	background: var(--psc-panel);
}

.psc-product-row td {
	padding: 14px 10px;
	vertical-align: middle;
}

/* Cells */
.psc-cell-rank {
	width: 36px;
	font-size: 13px;
	color: var(--psc-muted);
	font-weight: 600;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.psc-pname-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.psc-pname,
.psc-pname-link {
	font-size: 15.5px;
	font-weight: 600;
	color: var(--psc-text);
	text-decoration: none;
	line-height: 1.3;
}

.psc-pname-link:hover {
	color: var(--psc-accent);
	text-decoration: underline;
}

.psc-pmeta {
	font-size: 12px;
	color: var(--psc-muted);
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.psc-badge {
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.05em;
	padding: 1px 5px;
	border-radius: 2px;
	text-transform: uppercase;
}

.psc-badge-stale {
	background: rgba(222, 107, 75, 0.15);
	color: var(--psc-rust);
	border: 1px solid var(--psc-rust);
}

.psc-badge-incomplete {
	background: rgba(224, 169, 60, 0.15);
	color: var(--psc-gold);
	border: 1px solid var(--psc-gold);
}

.psc-cell-grade {
	width: 48px;
	text-align: center;
}

.psc-grade-val {
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	color: var(--psc-accent);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.psc-grade-val.g-b { color: var(--psc-mint); }
.psc-grade-val.g-c { color: var(--psc-gold); }
.psc-grade-val.g-d { color: var(--psc-rust); }

/* Score Meter */
.psc-cell-meter {
	width: 180px;
	min-width: 140px;
}

.psc-meter {
	display: flex;
	gap: 2px;
	height: 16px;
}

.psc-meter-sm {
	height: 9px;
	gap: 1.5px;
}

.psc-seg {
	flex: 1;
	background: var(--psc-panel2);
	border-radius: 1px;
	transition: background 0.3s ease;
}

.psc-seg.psc-seg-lit {
	background: var(--psc-accent);
}

.psc-seg.psc-seg-lit.g-b { background: var(--psc-mint); }
.psc-seg.psc-seg-lit.g-c { background: var(--psc-gold); }
.psc-seg.psc-seg-lit.g-d { background: var(--psc-rust); }

.psc-cell-score {
	width: 55px;
	text-align: right;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 15px;
	font-weight: 600;
}

.psc-cell-price {
	width: 70px;
	text-align: right;
	font-size: 13.5px;
	color: var(--psc-muted);
}

.psc-cell-buy {
	width: 90px;
	min-width: 85px;
	text-align: center;
	white-space: nowrap;
}

.psc-buy-btn,
.psc-cell-buy .aawp-button,
.psc-cell-buy a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--psc-accent);
	color: var(--psc-active-btn-text) !important;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 12.5px;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	max-width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity 0.15s ease;
}

.psc-buy-btn:hover,
.psc-cell-buy .aawp-button:hover,
.psc-cell-buy a:hover {
	opacity: 0.9;
	text-decoration: none;
}

.psc-unavailable-text {
	font-size: 11.5px;
	color: var(--psc-muted);
	font-style: italic;
}

.psc-unavailable-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--psc-panel2);
	border: 1px dashed var(--psc-line2);
	color: var(--psc-muted);
	padding: 5px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 500;
	white-space: nowrap;
}

.psc-cell-review {
	width: 80px;
	text-align: center;
}

.psc-review-link {
	font-size: 12.5px;
	color: var(--psc-muted);
	text-decoration: none;
	font-weight: 500;
}

.psc-review-link:hover {
	color: var(--psc-accent);
	text-decoration: underline;
}

.psc-cell-expand {
	width: 36px;
	text-align: center;
}

.psc-expand-btn {
	background: none;
	border: 1px solid var(--psc-line2);
	color: var(--psc-muted);
	padding: 6px 8px;
	border-radius: 3px;
	cursor: pointer;
	transition: color 0.15s ease, border-color 0.15s ease, transform 0.2s ease;
	line-height: 1;
}

.psc-expand-btn:hover {
	color: var(--psc-text);
	border-color: var(--psc-accent);
}

.psc-expand-btn:focus-visible {
	outline: 2px solid var(--psc-accent);
	outline-offset: 2px;
}

.psc-chev {
	display: inline-block;
	font-size: 10px;
	transition: transform 0.2s ease;
}

.psc-product-row.is-open .psc-chev {
	transform: rotate(90deg);
}

/* Accessible Collapsible Detail Row */
.psc-detail-row td {
	padding: 0;
	border-bottom: 1px solid var(--psc-line);
	background: var(--psc-panel);
}

.psc-detail-content {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.2s ease, visibility 0.35s;
	padding: 0 16px;
}

.psc-product-row.is-open + .psc-detail-row .psc-detail-content {
	max-height: 2500px;
	opacity: 1;
	visibility: visible;
	padding: 16px 20px 28px;
}

.psc-verdict {
	background: var(--psc-panel2);
	border-left: 4px solid var(--psc-accent);
	padding: 12px 16px;
	font-size: 14px;
	margin-bottom: 16px;
	border-radius: 0 4px 4px 0;
}

.psc-detail-variations {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 18px;
	padding: 10px 14px;
	background: var(--psc-panel2);
	border-radius: 4px;
	font-size: 12.5px;
	flex-wrap: wrap;
}

.psc-detail-var-label {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--psc-muted);
}

.psc-detail-var-list {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.psc-detail-var-tag {
	background: rgba(0, 177, 226, 0.12);
	border: 1px solid rgba(0, 177, 226, 0.3);
	color: var(--psc-accent);
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 11.5px;
	font-weight: 500;
}

.psc-criteria-breakdown {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.psc-crit-row {
	display: grid;
	grid-template-columns: 1fr 140px 42px 42px;
	gap: 12px;
	align-items: center;
	padding: 6px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.psc-crit-name {
	font-size: 13.5px;
	font-weight: 500;
}

.psc-crit-score {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 13px;
	text-align: right;
	font-weight: 600;
}

.psc-crit-weight {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 11.5px;
	text-align: right;
	color: var(--psc-muted);
}

.psc-crit-note {
	grid-column: 1 / -1;
	font-size: 12.5px;
	color: var(--psc-muted);
	padding: 2px 0 6px;
	line-height: 1.4;
}

.psc-scorer-note em {
	color: var(--psc-accent);
	font-style: normal;
	font-weight: 600;
}

/* Scorecard Footer */
.psc-footer {
	margin-top: 36px;
	padding-top: 24px;
	border-top: 1px solid var(--psc-line);
	font-size: 13px;
	color: var(--psc-muted);
}

.psc-footer-heading {
	font-size: 16px;
	font-weight: 700;
	color: var(--psc-text);
	margin: 0 0 8px;
}

.psc-scale-bands {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin: 14px 0 18px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 12px;
}

.psc-scale-bands b {
	font-size: 15px;
	margin-right: 4px;
}

.psc-scale-a { color: var(--psc-accent); }
.psc-scale-b { color: var(--psc-mint); }
.psc-scale-c { color: var(--psc-gold); }
.psc-scale-d, .psc-scale-f { color: var(--psc-rust); }

.psc-footer-section {
	margin-bottom: 14px;
}

.psc-methodology-link {
	color: var(--psc-accent);
	font-weight: 600;
	text-decoration: none;
}

.psc-methodology-link:hover {
	text-decoration: underline;
}

.psc-disclosure {
	font-size: 12px;
	line-height: 1.4;
	opacity: 0.85;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
	.psc-scorecard-wrap *,
	.psc-scorecard-wrap *::before,
	.psc-scorecard-wrap *::after {
		transition: none !important;
		animation: none !important;
	}
}

/* Responsive Collapse (360px - 768px) */
@media (max-width: 768px) {
	.psc-scorecard-wrap {
		padding: 16px 12px;
	}

	.psc-table thead {
		display: none;
	}

	.psc-product-row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 12px 6px;
		position: relative;
		gap: 8px;
	}

	.psc-product-row td {
		padding: 4px 6px;
	}

	.psc-cell-rank {
		order: 1;
		width: auto;
	}

	.psc-cell-product {
		order: 2;
		flex: 1 1 180px;
	}

	.psc-cell-grade {
		order: 3;
		width: auto;
	}

	.psc-cell-meter {
		display: none;
	}

	.psc-cell-score {
		order: 4;
		width: auto;
	}

	.psc-cell-price {
		order: 5;
		width: auto;
		margin-left: auto;
	}

	.psc-cell-buy {
		order: 6;
		width: auto;
	}

	.psc-cell-review {
		order: 7;
		width: auto;
	}

	.psc-cell-expand {
		order: 8;
		width: auto;
	}

	.psc-crit-row {
		grid-template-columns: 1fr 48px 40px;
	}

	.psc-crit-meter {
		display: none;
	}
}

/* ==========================================================================
   Single Product Scorecard Card (Shortcode & Review Embed)
   ========================================================================== */
.psc-single-product-card {
	background: var(--psc-bg, #071620);
	color: var(--psc-text, #dce9f0);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 15px;
	line-height: 1.5;
	padding: 24px 28px;
	border-radius: 8px;
	border: 1px solid var(--psc-line, #1e4459);
	margin: 32px 0;
	box-sizing: border-box;
}

.psc-single-product-card *,
.psc-single-product-card *::before,
.psc-single-product-card *::after {
	box-sizing: border-box;
}

.psc-single-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--psc-line, #1e4459);
	margin-bottom: 20px;
}

.psc-single-meta {
	flex: 1 1 auto;
}

.psc-single-tag {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--psc-accent, #00b1e2);
	margin-bottom: 4px;
}

.psc-single-title {
	font-size: 22px;
	font-weight: 700;
	color: var(--psc-text, #dce9f0);
	margin: 0 0 6px 0;
	line-height: 1.25;
}

.psc-single-specs {
	font-size: 13.5px;
	color: var(--psc-muted, #6e8fa3);
	margin: 0;
	line-height: 1.4;
}

.psc-single-grade-box {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--psc-panel, #0e2432);
	border: 1px solid var(--psc-line, #1e4459);
	padding: 12px 18px;
	border-radius: 6px;
	flex-shrink: 0;
}

.psc-single-grade-badge {
	display: flex;
	align-items: center;
	justify-content: center;
}

.psc-single-grade-badge .psc-grade-val {
	font-size: 28px;
	font-weight: 800;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	border-radius: 6px;
	padding: 0 8px;
}

.psc-single-score-wrap {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 110px;
}

.psc-single-score-num {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 20px;
	font-weight: 700;
	color: var(--psc-text, #dce9f0);
}

.psc-single-score-max {
	font-size: 12px;
	color: var(--psc-muted, #6e8fa3);
	margin-left: 2px;
}

.psc-single-criteria-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.psc-single-criterion-row {
	background: var(--psc-panel, #0e2432);
	border: 1px solid var(--psc-line, #1e4459);
	border-radius: 6px;
	padding: 12px 16px;
	transition: border-color 0.15s ease;
}

.psc-single-criterion-row:hover {
	border-color: var(--psc-line2, #2c5b77);
}

.psc-single-criterion-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 8px;
}

.psc-single-criterion-label {
	font-size: 14px;
	font-weight: 600;
	color: var(--psc-text, #dce9f0);
}

.psc-single-criterion-score-badge {
	font-size: 14px;
	white-space: nowrap;
}

.psc-single-criterion-num {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-weight: 700;
}

.psc-single-criterion-meter {
	margin-bottom: 8px;
}

.psc-single-criterion-note {
	font-size: 13px;
	color: var(--psc-muted, #6e8fa3);
	line-height: 1.45;
	padding-top: 6px;
	border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.psc-single-footer {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--psc-line, #1e4459);
	display: flex;
	justify-content: center;
}

.psc-single-scorecard-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--psc-accent, #00b1e2);
	color: var(--psc-active-btn-text, #04212b) !important;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 24px;
	border-radius: 5px;
	text-decoration: none;
	transition: opacity 0.15s ease, transform 0.15s ease;
}

.psc-single-scorecard-btn:hover {
	opacity: 0.92;
	text-decoration: none;
	transform: translateY(-1px);
}

/* ==========================================================================
   Block Spacing Fixes (Overrides .fathom-take-body white-space: pre-line)
   ========================================================================== */
.fathom-take-body .psc-spec-highlights-list,
.fathom-take-body ul,
.fathom-take-body ol {
	white-space: normal !important;
	margin: 0 0 0 20px !important;
	padding: 0 !important;
}

.fathom-take-body .psc-spec-highlights-list li,
.fathom-take-body li {
	white-space: normal !important;
	margin: 6px 0 !important;
	padding: 0 !important;
	line-height: 1.5 !important;
}

.fathom-take-body p {
	white-space: normal !important;
	margin: 0 0 12px 0 !important;
}

@media (max-width: 768px) {
	.psc-single-product-card {
		padding: 16px 14px;
	}
	.psc-single-header {
		flex-direction: column;
		gap: 14px;
	}
	.psc-single-grade-box {
		width: 100%;
		justify-content: space-between;
	}
	.psc-single-scorecard-btn {
		width: 100%;
		text-align: center;
	}
}

/* ==========================================================================
   Editorial Review Post Styling (Product Scorecard v1.6.0)
   Matching autel-review-mockup.html
   ========================================================================== */

:root {
	--psc-rev-bg: #060F16;
	--psc-rev-surface: #0C1A24;
	--psc-rev-sunken: #030A10;
	--psc-rev-line: #153140;
	--psc-rev-text: #D6E7EF;
	--psc-rev-muted: #7F97A5;
	--psc-rev-cyan: #00B1E2;
	--psc-rev-mint: #3FBF9B;
	--psc-rev-gold: #E0A93C;
	--psc-rev-rust: #DE6B4B;
	--psc-rev-font-head: 'Oswald', Impact, sans-serif;
	--psc-rev-font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--psc-rev-wide: 1080px;
	--psc-rev-measure: 823px;
}

/* Layout Wrappers */
.wrap {
	max-width: var(--psc-rev-wide, 1080px);
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
}

.psc-standfirst-wrap,
.psc-verdict-hero-wrap,
.psc-spec-strip-wrap,
.psc-pros-cons-wrap {
	margin: 0;
	padding: 0;
}

/* Standfirst / Dek */
.standfirst {
	font-family: var(--psc-rev-font-body, 'Inter', sans-serif);
	font-size: 1.22rem;
	line-height: 1.6;
	color: #AFC6D3;
	margin: 0 0 2.25rem;
}

/* ---------- Verdict Panel (.verdict) ---------- */
.verdict {
	background: var(--psc-rev-surface, #0C1A24);
	border: 1px solid var(--psc-rev-line, #153140);
	border-top: 3px solid var(--psc-rev-cyan, #00B1E2);
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
}

.verdict * {
	box-sizing: border-box;
}

.verdict-grid {
	display: grid;
	grid-template-columns: minmax(0, 225px) minmax(0, 1fr) minmax(0, 268px);
}

.v-shot {
	padding: 26px;
	border-right: 1px solid var(--psc-rev-line, #153140);
	display: flex;
	align-items: center;
}

.v-shot .tile {
	background: #FFF;
	border-radius: 3px;
	padding: 14px;
	width: 100%;
	min-height: 165px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.v-shot img,
.v-shot .tile img {
	max-height: 140px;
	max-width: 100%;
	width: auto;
	object-fit: contain;
}

.v-shot .tile a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.v-body {
	padding: 28px 32px;
}

.v-body h2 {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-weight: 700;
	font-size: 1.5rem;
	margin: 0 0 0.5rem;
	color: var(--psc-rev-cyan, #00B1E2);
	line-height: 1.2;
}

.v-body p {
	font-size: 16px;
	line-height: 1.62;
	color: #BDD2DE;
	margin: 0 0 1.15rem;
}

.fit {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.35rem;
	font-size: 15px;
	line-height: 1.55;
}

.fit h3 {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-weight: 700;
	font-size: 1.1rem;
	margin: 0 0 0.25rem;
	color: var(--psc-rev-cyan, #00B1E2);
	line-height: 1.2;
}

.fit p {
	margin: 0;
	color: var(--psc-rev-muted, #7F97A5);
	font-size: 14.5px;
}

.fit .sep {
	border-left: 1px solid var(--psc-rev-line, #153140);
	padding-left: 1.35rem;
}

.variants {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 14px 0 0;
	justify-content: center;
}

.variants button {
	font-family: var(--psc-rev-font-body, 'Inter', sans-serif);
	font-size: 12.5px;
	font-weight: 600;
	padding: 5px 11px;
	border: 1px solid var(--psc-rev-line, #153140);
	background: transparent;
	color: var(--psc-rev-muted, #7F97A5);
	border-radius: 3px;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.variants button[aria-pressed="true"] {
	background: var(--psc-rev-cyan, #00B1E2);
	border-color: var(--psc-rev-cyan, #00B1E2);
	color: #03151D;
}

.v-score {
	padding: 28px 32px;
	background: var(--psc-rev-sunken, #030A10);
	border-left: 1px solid var(--psc-rev-line, #153140);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.grade {
	display: flex;
	align-items: baseline;
	gap: 0.65rem;
}

.grade .letter {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-weight: 700;
	font-size: 4.6rem;
	line-height: 0.85;
	color: var(--psc-rev-cyan, #00B1E2);
}

.grade .num {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-weight: 500;
	font-size: 1.7rem;
	line-height: 1;
	color: var(--psc-rev-text, #D6E7EF);
	font-variant-numeric: tabular-nums;
}

.grade .num small {
	display: block;
	font-family: var(--psc-rev-font-body, 'Inter', sans-serif);
	font-size: 11.5px;
	font-weight: 500;
	color: var(--psc-rev-muted, #7F97A5);
	letter-spacing: 0.09em;
	text-transform: uppercase;
	margin-top: 0.3rem;
}

.v-score .profile {
	font-size: 13.5px;
	color: var(--psc-rev-muted, #7F97A5);
	margin: 0.7rem 0 1.2rem;
}

.entry-content a.buy,
a.buy {
	display: block;
	text-align: center;
	background: var(--psc-rev-cyan, #00B1E2);
	color: #03151D !important;
	text-decoration: none !important;
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 14px 16px;
	border-radius: 3px;
	border: 0;
	transition: background 0.15s ease;
	box-sizing: border-box;
}

.entry-content a.buy:hover,
a.buy:hover {
	background: #37C6EE;
	color: #03151D !important;
	text-decoration: none !important;
}

.price {
	font-size: 12.5px;
	color: var(--psc-rev-muted, #7F97A5);
	text-align: center;
	margin: 0.55rem 0 0;
}

/* ---------- Spec Strip (.specs) ---------- */
.specs {
	border-top: 1px solid var(--psc-rev-line, #153140);
	border-bottom: 1px solid var(--psc-rev-line, #153140);
	margin: 40px 0 0;
	box-sizing: border-box;
}

.entry-content .specs dl,
.specs dl {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin: 0 !important;
	padding: 0 !important;
}

.specs div {
	padding: 18px 16px;
	border-left: 1px solid var(--psc-rev-line, #153140);
	box-sizing: border-box;
}

.specs div:first-child {
	border-left: 0;
	padding-left: 0;
}

.specs dt {
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--psc-rev-muted, #7F97A5);
	margin-bottom: 6px;
}

.entry-content .specs dd,
.specs dd {
	margin: 0 !important;
	font-family: var(--psc-rev-font-head, 'Oswald', Impact, sans-serif);
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.15;
	color: var(--psc-rev-text, #D6E7EF);
}

.specs dd span {
	display: block;
	font-family: var(--psc-rev-font-body, 'Inter', sans-serif);
	font-size: 12.5px;
	font-weight: 400;
	color: var(--psc-rev-muted, #7F97A5);
	margin-top: 3px;
	letter-spacing: 0;
	text-transform: none;
}

/* ---------- Pros & Cons Box (.pc) ---------- */
.pc {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 44px auto 0;
	max-width: var(--psc-rev-wide, 1080px);
	border: 1px solid var(--psc-rev-line, #153140);
	border-radius: 4px;
	overflow: hidden;
	background: var(--psc-rev-surface, #0C1A24);
	box-sizing: border-box;
}

.pc section {
	padding: 24px 28px;
	box-sizing: border-box;
}

.pc section+section {
	border-left: 1px solid var(--psc-rev-line, #153140);
	background: var(--psc-rev-sunken, #030A10);
}

.pc h2 {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-weight: 700;
	font-size: 1.35rem;
	margin: 0 0 0.55rem;
	line-height: 1.2;
}

.pc .good h2 {
	color: var(--psc-rev-mint, #3FBF9B);
}

.pc .bad h2 {
	color: var(--psc-rev-rust, #DE6B4B);
}

.entry-content .pc ul,
.pc ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	list-style-type: none !important;
	font-size: 15.5px;
	line-height: 1.55;
}

.entry-content .pc li,
.pc li {
	list-style: none !important;
	list-style-type: none !important;
	padding: 9px 0 9px 22px !important;
	position: relative;
	border-top: 1px solid var(--psc-rev-line, #153140);
	color: var(--psc-rev-text, #D6E7EF);
}

.entry-content .pc li:first-child,
.pc li:first-child {
	border-top: 0;
}

.pc li::before {
	position: absolute;
	left: 0;
	top: 9px;
	font-weight: 700;
	font-size: 16px;
}

.pc .good li::before {
	content: "+";
	color: var(--psc-rev-mint, #3FBF9B);
}

.pc .bad li::before {
	content: "–";
	color: var(--psc-rev-rust, #DE6B4B);
}

/* ---------- 3-Column Article Layout (.article) ---------- */
.article {
	display: grid;
	grid-template-columns: minmax(0, var(--psc-rev-measure, 823px));
	justify-content: center;
	margin: 56px auto 0;
	box-sizing: border-box;
}

@media (min-width: 1240px) {
	.single #main-content .container {
		width: 92% !important;
		max-width: 1400px !important;
	}
	.article {
		grid-template-columns: 200px minmax(0, var(--psc-rev-measure, 823px)) 200px;
		gap: 48px;
	}
	.wrap.article {
		max-width: 1360px;
	}
}

.toc {
	position: sticky;
	top: 24px;
	align-self: start;
	font-size: 14px;
	line-height: 1.4;
	display: none;
}

.rail {
	position: sticky;
	top: 24px;
	align-self: start;
	display: none;
}

@media (min-width: 1240px) {
	.toc,
	.rail {
		display: block;
	}
}

.toc p {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-weight: 600;
	font-size: 12.5px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--psc-rev-muted, #7F97A5);
	margin: 0 0 10px;
}

.toc a {
	display: block;
	padding: 7px 0 7px 12px;
	border-left: 2px solid var(--psc-rev-line, #153140);
	color: var(--psc-rev-muted, #7F97A5);
	text-decoration: none;
	transition: all 0.15s ease;
}

.toc a:hover {
	color: var(--psc-rev-text, #D6E7EF);
	border-left-color: var(--psc-rev-muted, #7F97A5);
}

.toc a.on {
	border-left-color: var(--psc-rev-cyan, #00B1E2);
	color: var(--psc-rev-text, #D6E7EF);
	font-weight: 600;
}

.rail .card {
	background: var(--psc-rev-surface, #0C1A24);
	border: 1px solid var(--psc-rev-line, #153140);
	border-radius: 4px;
	padding: 18px;
	font-size: 14px;
	line-height: 1.55;
	box-sizing: border-box;
}

.rail .card h3 {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--psc-rev-cyan, #00B1E2);
	margin: 0 0 0.35rem;
	line-height: 1.25;
}

.rail .card p {
	margin: 0 0 14px;
	color: var(--psc-rev-muted, #7F97A5);
	font-size: 13px;
}

.rail .buy {
	font-size: 14px;
	padding: 11px;
}

/* ---------- Prose & Callouts (.prose, .note) ---------- */
.prose {
	max-width: var(--psc-rev-measure, 823px);
	margin: 0 auto;
	color: var(--psc-rev-text, #D6E7EF);
	font-family: var(--psc-rev-font-body, 'Inter', sans-serif);
	font-size: 17px;
	line-height: 1.65;
	box-sizing: border-box;
}

.prose p {
	margin: 0 0 1.15em;
}

.prose h2,
.prose .wp-block-heading {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-size: 2rem;
	font-weight: 700;
	color: var(--psc-rev-cyan, #00B1E2);
	margin: 2.75rem 0 0.8rem;
	padding-top: 1.6rem;
	border-top: 1px solid var(--psc-rev-line, #153140);
	line-height: 1.18;
}

.note {
	border-left: 3px solid var(--psc-rev-gold, #E0A93C);
	background: var(--psc-rev-surface, #0C1A24);
	padding: 18px 22px;
	margin: 28px 0;
	font-size: 16px;
	line-height: 1.6;
	border-radius: 0 4px 4px 0;
	box-sizing: border-box;
}

.note.info {
	border-left-color: var(--psc-rev-cyan, #00B1E2);
}

.note h3 {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-size: 1.15rem;
	font-weight: 700;
	margin: 0 0 0.3rem;
	color: var(--psc-rev-gold, #E0A93C);
	line-height: 1.25;
}

.note.info h3 {
	color: var(--psc-rev-cyan, #00B1E2);
}

.note p {
	margin: 0;
	color: #BDD2DE;
}

.prose blockquote,
.prose blockquote.wp-block-quote {
	margin: 32px 0;
	padding: 0 0 0 22px;
	border-left: 3px solid var(--psc-rev-cyan, #00B1E2);
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 500;
	color: var(--psc-rev-text, #D6E7EF);
}

/* ---------- Bucketed Scorecard Section (.score#scorecard) ---------- */
.score,
section.score {
	background: var(--psc-rev-sunken, #030A10);
	border-top: 1px solid var(--psc-rev-line, #153140);
	margin: 64px 0 0;
	padding: 56px 0;
	color: var(--psc-rev-text, #D6E7EF);
	box-sizing: border-box;
}

.score * {
	box-sizing: border-box;
}

.score h2 {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-size: 2.1rem;
	font-weight: 700;
	color: var(--psc-rev-cyan, #00B1E2);
	text-align: center;
	margin: 0 0 0.25rem;
	line-height: 1.18;
}

.score .sub {
	text-align: center;
	font-size: 15px;
	color: var(--psc-rev-muted, #7F97A5);
	margin: 0 0 36px;
}

.bucket {
	max-width: var(--psc-rev-wide, 1080px);
	margin: 0 auto 18px;
	background: var(--psc-rev-surface, #0C1A24);
	border: 1px solid var(--psc-rev-line, #153140);
	border-radius: 4px;
}

.bucket>header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: 14px 24px;
	border-bottom: 1px solid var(--psc-rev-line, #153140);
}

.bucket h3 {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--psc-rev-cyan, #00B1E2);
	margin: 0;
	line-height: 1.2;
}

.bucket header b {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--psc-rev-text, #D6E7EF);
	font-variant-numeric: tabular-nums;
}

.bucket header b span {
	font-family: var(--psc-rev-font-body, 'Inter', sans-serif);
	font-size: 12px;
	font-weight: 400;
	color: var(--psc-rev-muted, #7F97A5);
}

.row {
	display: grid;
	grid-template-columns: minmax(0, 17rem) minmax(0, 1fr) 3.25rem;
	gap: 20px;
	align-items: center;
	padding: 13px 24px;
	border-top: 1px solid var(--psc-rev-line, #153140);
}

.row:first-of-type {
	border-top: 0;
}

.row .name {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--psc-rev-text, #D6E7EF);
}

.row .name em {
	display: block;
	font-style: normal;
	font-size: 13px;
	color: var(--psc-rev-muted, #7F97A5);
	font-weight: 400;
	line-height: 1.45;
	margin-top: 2px;
}

.bar {
	height: 5px;
	background: #12242E;
	border-radius: 3px;
	overflow: hidden;
}

.bar i {
	display: block;
	height: 100%;
	background: var(--psc-rev-cyan, #00B1E2);
	transition: width 0.5s ease;
}

.row b {
	font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
	font-size: 1.2rem;
	font-weight: 600;
	text-align: right;
	color: var(--psc-rev-text, #D6E7EF);
	font-variant-numeric: tabular-nums;
}

.method {
	max-width: var(--psc-rev-wide, 1080px);
	margin: 24px auto 0;
	font-size: 14px;
	color: var(--psc-rev-muted, #7F97A5);
	text-align: center;
}

.method a {
	color: var(--psc-rev-cyan, #00B1E2);
	text-decoration: none;
}

.method a:hover {
	text-decoration: underline;
}

.disclosure {
	max-width: var(--psc-rev-wide, 1080px);
	margin: 32px auto 0;
	font-size: 13px;
	color: var(--psc-rev-muted, #7F97A5);
	border-top: 1px solid var(--psc-rev-line, #153140);
	padding-top: 16px;
}

/* ---------- Mobile Sticky Buy Bar (.bar-mobile) ---------- */
.bar-mobile {
	display: none;
}

/* ---------- Responsive Breakpoints (1080px and 720px) ---------- */
@media (max-width: 1080px) {
	.verdict-grid {
		grid-template-columns: minmax(0, 205px) minmax(0, 1fr);
	}
	.v-score {
		grid-column: 1/-1;
		border-left: 0;
		border-top: 1px solid var(--psc-rev-line, #153140);
		flex-direction: row;
		align-items: center;
		gap: 32px;
	}
	.v-score .buybox {
		margin-left: auto;
		min-width: 240px;
	}
	.specs dl {
		grid-template-columns: repeat(3, 1fr);
	}
	.specs div:nth-child(4) {
		border-left: 0;
		padding-left: 0;
	}
	.specs div:nth-child(-n+3) {
		border-bottom: 1px solid var(--psc-rev-line, #153140);
	}
}

@media (max-width: 720px) {
	body {
		padding-bottom: 74px;
	}
	.verdict-grid {
		grid-template-columns: 1fr;
	}
	.v-shot {
		border-right: 0;
		border-bottom: 1px solid var(--psc-rev-line, #153140);
	}
	.v-score {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}
	.v-score .buybox {
		margin: 18px 0 0;
		min-width: 0;
	}
	.fit {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.fit .sep {
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid var(--psc-rev-line, #153140);
		padding-top: 16px;
	}
	.specs dl {
		grid-template-columns: 1fr 1fr;
	}
	.specs div:nth-child(odd) {
		border-left: 0;
		padding-left: 0;
	}
	.specs div:not(:nth-last-child(-n+2)) {
		border-bottom: 1px solid var(--psc-rev-line, #153140);
	}
	.pc {
		grid-template-columns: 1fr;
	}
	.pc section+section {
		border-left: 0;
		border-top: 1px solid var(--psc-rev-line, #153140);
	}
	.row {
		grid-template-columns: 1fr 3rem;
		gap: 6px 16px;
	}
	.row .bar {
		grid-column: 1/-1;
		order: 3;
	}
	.bar-mobile {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		align-items: center;
		gap: 14px;
		padding: 10px 16px;
		background: var(--psc-rev-sunken, #030A10);
		border-top: 1px solid var(--psc-rev-line, #153140);
		box-sizing: border-box;
	}
	.bar-mobile .m {
		font-size: 12px;
		color: var(--psc-rev-muted, #7F97A5);
		line-height: 1.15;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}
	.bar-mobile .m b {
		display: block;
		font-family: var(--psc-rev-font-head, 'Oswald', sans-serif);
		font-size: 1.3rem;
		color: var(--psc-rev-cyan, #00B1E2);
		letter-spacing: 0;
	}
	.bar-mobile .buy {
		flex: 1;
		padding: 11px;
		font-size: 15px;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.bar i {
		transition: width 0.5s ease;
	}
}

