/* Promptvergleich Benchmark — isolated editorial visual system. */
.pvc-app.pvc-benchmark,
.pvc-app.pvc-benchmark-report,
.pvc-app.pvc-benchmark-gate,
.pvc-app.pvc-benchmark-setup,
.pvc-task-compass--standalone,
.pvc-workflow-generator {
	--pvb-ink: #111210;
	--pvb-red: #e84f2f;
	--pvb-red-soft: #f4aa98;
	--pvb-blue: #315cff;
	--pvb-violet: #7657ff;
	--pvb-paper: #f3f1ec;
	--pvb-bright: #fbfaf7;
	--pvb-concrete: #d8d6d1;
	--pvb-muted: #666760;
	--pvb-line: rgba(17, 18, 16, .22);
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: var(--pvb-paper);
	color: var(--pvb-ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.45;
	word-break: normal;
	overflow-wrap: normal;
}

.pvc-benchmark *,
.pvc-benchmark-report *,
.pvc-benchmark-gate *,
.pvc-benchmark-setup *,
.pvc-task-compass *,
.pvc-workflow-generator * { box-sizing: border-box; }

.pvc-benchmark [hidden],
.pvc-benchmark-report [hidden],
.pvc-task-compass [hidden],
.pvc-workflow-generator [hidden] { display: none !important; }

.pvc-benchmark h1,
.pvc-benchmark h2,
.pvc-benchmark h3,
.pvc-benchmark-report h1,
.pvc-benchmark-report h2,
.pvc-benchmark-report h3,
.pvc-benchmark-gate h2,
.pvc-benchmark-setup h2,
.pvc-task-compass h2,
.pvc-workflow-generator h1,
.pvc-workflow-generator h2,
.pvc-workflow-generator h3 {
	font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
	font-weight: 760;
	letter-spacing: -.065em;
	text-wrap: balance;
}

.pvc-benchmark button,
.pvc-benchmark input,
.pvc-benchmark select,
.pvc-benchmark textarea,
.pvc-benchmark-report button,
.pvc-task-compass button,
.pvc-task-compass input,
.pvc-task-compass select,
.pvc-task-compass textarea,
.pvc-workflow-generator button,
.pvc-workflow-generator input,
.pvc-workflow-generator select,
.pvc-workflow-generator textarea { font: inherit; }

.pvc-benchmark .pvc-eyebrow,
.pvc-benchmark-report .pvc-eyebrow,
.pvc-benchmark-gate .pvc-eyebrow,
.pvc-benchmark-setup .pvc-eyebrow,
.pvc-task-compass .pvc-eyebrow,
.pvc-workflow-generator .pvc-eyebrow {
	display: block;
	margin: 0;
	color: var(--pvb-red);
	font: 750 9px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.pvc-benchmark .pvc-eyebrow::before,
.pvc-benchmark-report .pvc-eyebrow::before,
.pvc-benchmark-gate .pvc-eyebrow::before,
.pvc-benchmark-setup .pvc-eyebrow::before,
.pvc-task-compass .pvc-eyebrow::before,
.pvc-workflow-generator .pvc-eyebrow::before { display: none; }

.pvc-benchmark .pvc-button,
.pvc-benchmark-report .pvc-button,
.pvc-benchmark-gate .pvc-button,
.pvc-benchmark-setup .pvc-button,
.pvc-task-compass .pvc-button,
.pvc-workflow-generator .pvc-button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 10px 17px;
	border: 1px solid var(--pvb-ink);
	border-radius: 6px;
	box-shadow: none;
	font-size: 10px;
	font-weight: 760;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.pvc-benchmark .pvc-button--accent,
.pvc-benchmark-report .pvc-button--accent,
.pvc-benchmark-gate .pvc-button--accent { border-color: var(--pvb-red); background: var(--pvb-red); color: #fff; }
.pvc-benchmark .pvc-button--dark,
.pvc-benchmark-report .pvc-button--dark,
.pvc-benchmark-setup .pvc-button--dark { background: var(--pvb-ink); color: #fff; }
.pvc-benchmark .pvc-button--ghost { background: transparent; color: var(--pvb-ink); }
.pvc-benchmark .pvc-button:hover,
.pvc-benchmark-report .pvc-button:hover { transform: translateY(-2px); }
.pvc-benchmark .pvc-button:disabled,
.pvc-benchmark-report .pvc-button:disabled { cursor: not-allowed; opacity: .46; transform: none; }

/* Builder hero. */
.pvc-benchmark__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
	gap: clamp(45px, 9vw, 150px);
	align-items: end;
	min-height: 690px;
	padding: clamp(85px, 10vw, 155px) max(24px, calc((100vw - 1460px) / 2));
	border-bottom: 1px solid var(--pvb-ink);
	background:
		linear-gradient(90deg, rgba(17,18,16,.055) 1px, transparent 1px) 0 0 / 68px 68px,
		linear-gradient(rgba(17,18,16,.055) 1px, transparent 1px) 0 0 / 68px 68px,
		var(--pvb-paper);
}

.pvc-benchmark__hero h1 {
	margin: 24px 0 0;
	font-size: clamp(82px, 12vw, 192px);
	line-height: .73;
	letter-spacing: -.09em;
}
.pvc-benchmark__hero h1 span { color: var(--pvb-red); }
.pvc-benchmark__intro > p { max-width: 580px; margin: 0 0 45px; font-size: clamp(14px, 1.4vw, 19px); line-height: 1.55; }
.pvc-benchmark__intro > div { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--pvb-ink); background: var(--pvb-ink); gap: 1px; }
.pvc-benchmark__intro span { display: grid; min-height: 120px; align-content: space-between; padding: 15px; background: var(--pvb-bright); font: 700 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark__intro strong { color: var(--pvb-red); font-family: "Inter Tight", Inter, sans-serif; font-size: 42px; line-height: .8; letter-spacing: -.07em; }

/* Builder shell. */
.pvc-benchmark__builder { padding: 0 max(24px, calc((100vw - 1460px) / 2)) clamp(100px, 12vw, 190px); }
.pvc-benchmark__steps { position: sticky; z-index: 15; top: 0; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--pvb-ink); border-top: 0; background: var(--pvb-ink); gap: 1px; }
.admin-bar .pvc-benchmark__steps { top: 32px; }
.pvc-benchmark__steps span { display: flex; min-height: 55px; align-items: center; gap: 12px; padding: 0 14px; background: var(--pvb-bright); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.pvc-benchmark__steps b { color: var(--pvb-red); font: inherit; }

.pvc-benchmark-panel { border: 1px solid var(--pvb-ink); border-top: 0; background: var(--pvb-bright); }
.pvc-benchmark-panel > header { display: grid; grid-template-columns: 55px minmax(0, 1fr) auto; gap: 24px; align-items: start; padding: clamp(26px, 4vw, 55px); border-bottom: 1px solid var(--pvb-ink); }
.pvc-benchmark-panel > header > span { color: var(--pvb-red); font: 750 10px ui-monospace, monospace; }
.pvc-benchmark-panel > header h2 { max-width: 870px; margin: 0; font-size: clamp(42px, 6vw, 88px); line-height: .85; }
.pvc-benchmark-panel > header p { max-width: 700px; margin: 17px 0 0; color: var(--pvb-muted); font-size: 12px; }
.pvc-benchmark-panel--models > header > strong { display: flex; align-items: baseline; gap: 3px; color: var(--pvb-red); font-family: "Inter Tight", Inter, sans-serif; font-size: 58px; line-height: .8; letter-spacing: -.08em; }
.pvc-benchmark-panel--models > header > strong small { font: 700 9px ui-monospace, monospace; letter-spacing: 0; }

.pvc-benchmark-library { display: grid; grid-template-columns: 170px minmax(0, 1fr); align-items: center; gap: 20px; padding: 18px clamp(26px, 4vw, 55px); border-bottom: 1px solid var(--pvb-line); }
.pvc-benchmark-library > span { font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-library select,
.pvc-benchmark-criteria input,
.pvc-benchmark-criteria textarea { width: 100%; border: 1px solid var(--pvb-ink); border-radius: 6px; background: #fff; color: var(--pvb-ink); outline: none; }
.pvc-benchmark-library select { min-height: 48px; padding: 0 12px; }
.pvc-benchmark-library select:focus,
.pvc-benchmark-criteria input:focus,
.pvc-benchmark-criteria textarea:focus,
.pvc-benchmark-prompts textarea:focus { border-color: var(--pvb-red); box-shadow: 0 0 0 2px rgba(232,79,47,.16); }

.pvc-benchmark-modes { display: grid; grid-template-columns: repeat(2, 1fr); padding: clamp(26px, 4vw, 55px) clamp(26px, 4vw, 55px) 0; }
.pvc-benchmark-modes button { display: grid; min-height: 175px; align-content: space-between; padding: 20px; border: 1px solid var(--pvb-ink); border-radius: 0; background: transparent; color: var(--pvb-ink); text-align: left; cursor: pointer; }
.pvc-benchmark-modes button + button { border-left: 0; }
.pvc-benchmark-modes button.is-active { background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-modes small { color: var(--pvb-red); font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-modes strong { font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(28px, 3vw, 48px); line-height: .9; letter-spacing: -.055em; }
.pvc-benchmark-modes span { max-width: 330px; font-size: 10px; opacity: .72; }

.pvc-benchmark-prompts { display: grid; grid-template-columns: 1fr; gap: 5px; padding: 5px clamp(26px, 4vw, 55px) clamp(26px, 4vw, 55px); }
.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pvc-benchmark-prompts > label { min-width: 0; border: 1px solid var(--pvb-ink); background: #fff; }
.pvc-benchmark-prompts > label > span { display: flex; min-height: 45px; align-items: center; justify-content: space-between; gap: 15px; padding: 0 14px; border-bottom: 1px solid var(--pvb-line); }
.pvc-benchmark-prompts > label strong,
.pvc-benchmark-prompts > label small { font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-prompts textarea { display: block; width: 100%; min-height: 300px; padding: 20px; resize: vertical; border: 0; border-radius: 0; background: transparent; color: var(--pvb-ink); font-size: 13px; line-height: 1.65; outline: 0; }
.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) { align-items: stretch; grid-auto-columns: minmax(0, 1fr); }
.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) > label { display: grid; min-width: 0; height: 100%; grid-template-rows: auto minmax(300px, 1fr); }
.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) textarea { width: 100%; height: 100%; min-height: 300px; box-sizing: border-box; }
.pvc-benchmark-prompts > label[hidden] { display: none !important; }
.pvc-benchmark-warning { display: flex; gap: 13px; align-items: flex-start; margin: 0 clamp(26px, 4vw, 55px) clamp(26px, 4vw, 55px); padding: 15px; border: 1px solid var(--pvb-red); background: #fff1ed; }
.pvc-benchmark-warning > span { display: grid; width: 23px; height: 23px; flex: 0 0 23px; place-items: center; border-radius: 50%; background: var(--pvb-red); color: #fff; font: 800 10px ui-monospace, monospace; }
.pvc-benchmark-warning p { margin: 1px 0 0; font-size: 10px; line-height: 1.5; }

.pvc-benchmark-criteria { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: clamp(26px, 4vw, 55px); }
.pvc-benchmark-criteria label { display: grid; align-content: start; gap: 9px; }
.pvc-benchmark-criteria label.is-wide { grid-column: 1 / -1; }
.pvc-benchmark-criteria label > span { font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-criteria label > span small { color: var(--pvb-muted); font: inherit; }
.pvc-benchmark-criteria input { min-height: 50px; padding: 0 14px; }
.pvc-benchmark-criteria textarea { min-height: 105px; padding: 14px; resize: vertical; }

.pvc-benchmark-providers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; padding: clamp(26px, 4vw, 55px); background: var(--pvb-ink); }
.pvc-benchmark-providers label { position: relative; display: grid; min-width: 0; min-height: 260px; grid-template-columns: auto 1fr; gap: 15px; align-content: space-between; padding: 17px; background: var(--pvb-bright); color: var(--pvb-ink); cursor: pointer; }
.pvc-benchmark-providers label.is-selected { background: var(--pvb-ink); color: #fff; outline: 1px solid #fff; outline-offset: -1px; }
.pvc-benchmark-providers label.is-unavailable { cursor: not-allowed; opacity: .48; }
.pvc-benchmark-providers input { position: absolute; opacity: 0; pointer-events: none; }
.pvc-benchmark-providers label > span { font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-providers label > i { justify-self: end; display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font: 750 8px ui-monospace, monospace; font-style: normal; }
.pvc-benchmark-providers label > strong { align-self: end; font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(27px, 3vw, 43px); line-height: .85; letter-spacing: -.06em; }
.pvc-benchmark-providers label > strong small { display: block; margin-top: 10px; overflow-x: auto; color: inherit; font: 500 8px ui-monospace, monospace; letter-spacing: 0; opacity: .63; white-space: nowrap; }
.pvc-benchmark-providers label > em { align-self: end; justify-self: end; padding: 6px 8px; border: 1px solid currentColor; border-radius: 999px; font: 750 7px ui-monospace, monospace; font-style: normal; text-transform: uppercase; }

.pvc-benchmark-depth { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: clamp(26px, 4vw, 55px); }
.pvc-benchmark-depth label { position: relative; display: grid; min-height: 185px; grid-template-columns: 45px 1fr auto; gap: 18px; align-items: end; padding: 20px; border: 1px solid var(--pvb-ink); cursor: pointer; }
.pvc-benchmark-depth label + label { border-left: 0; }
.pvc-benchmark-depth label.is-selected { background: var(--pvb-concrete); box-shadow: inset 0 -5px 0 var(--pvb-red); }
.pvc-benchmark-depth label.is-disabled { cursor: not-allowed; opacity: .46; }
.pvc-benchmark-depth input { position: absolute; opacity: 0; }
.pvc-benchmark-depth label > span { align-self: start; color: var(--pvb-red); font: 750 9px ui-monospace, monospace; }
.pvc-benchmark-depth label > strong { font-size: 20px; }
.pvc-benchmark-depth label > strong small { display: block; max-width: 430px; margin-top: 9px; color: var(--pvb-muted); font-size: 10px; font-weight: 500; line-height: 1.45; }
.pvc-benchmark-depth label > em { padding: 6px 9px; border-radius: 999px; background: var(--pvb-ink); color: #fff; font: 750 7px ui-monospace, monospace; font-style: normal; text-transform: uppercase; }

.pvc-benchmark-submit { display: grid; grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr) auto; gap: 26px; align-items: center; padding: clamp(22px, 3vw, 38px) clamp(26px, 4vw, 55px); border-top: 1px solid var(--pvb-ink); background: var(--pvb-concrete); }
.pvc-benchmark-submit > div { display: grid; }
.pvc-benchmark-submit > div span { font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-submit > div strong { margin-top: 7px; font-size: 17px; }
.pvc-benchmark-submit > div small { margin-top: 4px; color: var(--pvb-muted); font-size: 9px; }
.pvc-benchmark-submit > label { display: flex; gap: 11px; align-items: flex-start; font-size: 9px; line-height: 1.5; }
.pvc-benchmark-submit > label input { width: 18px; height: 18px; flex: 0 0 18px; accent-color: var(--pvb-red); }
.pvc-benchmark-submit > button { min-width: 230px; }
.pvc-benchmark-submit > button b { display: grid; min-width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #fff; color: var(--pvb-ink); font-size: 8px; }

/* Running state. */
.pvc-benchmark-running { --pvc-benchmark-progress: 0%; display: grid; grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr); gap: clamp(45px, 8vw, 130px); min-height: 760px; align-items: center; padding: clamp(70px, 9vw, 140px) max(24px, calc((100vw - 1460px) / 2)); background: var(--pvb-ink); color: #fff; outline: 0; }
.pvc-benchmark-orbit { position: relative; display: grid; width: min(480px, 80vw); aspect-ratio: 1; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; }
.pvc-benchmark-orbit::before { position: absolute; inset: 19%; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; content: ""; }
.pvc-benchmark-orbit > span { display: grid; width: 105px; height: 105px; place-items: center; border-radius: 50%; background: var(--pvb-red); font-family: "Inter Tight", Inter, sans-serif; font-size: 32px; font-weight: 760; }
.pvc-benchmark-orbit > i { position: absolute; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid #fff; border-radius: 50%; background: var(--pvb-ink); font: 750 8px ui-monospace, monospace; font-style: normal; animation: pvc-benchmark-pulse 1.5s ease-in-out infinite alternate; }
.pvc-benchmark-orbit > i:nth-of-type(1) { top: 4%; left: 47%; }
.pvc-benchmark-orbit > i:nth-of-type(2) { top: 47%; right: 4%; animation-delay: .2s; }
.pvc-benchmark-orbit > i:nth-of-type(3) { bottom: 4%; left: 47%; animation-delay: .4s; }
.pvc-benchmark-orbit > i:nth-of-type(4) { top: 47%; left: 4%; animation-delay: .6s; }
.pvc-benchmark-running h2 { margin: 24px 0 16px; font-size: clamp(56px, 8vw, 115px); line-height: .8; }
.pvc-benchmark-running > div:last-child > p:not(.pvc-eyebrow) { max-width: 640px; color: rgba(255,255,255,.62); font-size: 13px; }
.pvc-benchmark-running ol { margin: 45px 0 0; padding: 0; list-style: none; }
.pvc-benchmark-running li { display: flex; gap: 15px; align-items: center; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.45); font-size: 11px; }
.pvc-benchmark-running li span { font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-running li.is-active { color: var(--pvb-red-soft); }
.pvc-benchmark-running li.is-done { color: #fff; }
.pvc-benchmark-running__copy { min-width: 0; }
.pvc-benchmark-run-meta { position: relative; display: grid; grid-template-columns: repeat(2, minmax(120px, 1fr)) auto; gap: 1px; margin-top: 30px; overflow: hidden; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.22); }
.pvc-benchmark-run-meta::after { position: absolute; bottom: 0; left: 0; width: var(--pvc-benchmark-progress); height: 4px; background: var(--pvb-red); content: ""; transition: width .3s ease; }
.pvc-benchmark-run-meta > span { display: grid; min-height: 70px; align-content: space-between; padding: 11px 13px 15px; background: var(--pvb-ink); color: rgba(255,255,255,.58); font: 750 7px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-run-meta > span strong { color: #fff; font-size: 16px; }
.pvc-benchmark-run-meta > button { min-width: 145px; padding: 0 15px; border: 0; background: #fff; color: var(--pvb-ink); cursor: pointer; font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-run-meta > button:hover { background: var(--pvb-red); color: #fff; }
.pvc-benchmark-provider-progress { display: grid; gap: 5px; margin-top: 14px; }
.pvc-benchmark-provider-progress article { display: grid; grid-template-columns: minmax(170px, 1fr) minmax(135px, auto); gap: 16px; min-height: 78px; align-items: center; padding: 11px 13px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.035); }
.pvc-benchmark-progress__identity { display: grid; min-width: 0; grid-template-columns: 40px minmax(0, 1fr); gap: 11px; align-items: center; }
.pvc-benchmark-progress__identity > i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.62); border-radius: 50%; font: 750 7px ui-monospace, monospace; font-style: normal; }
.pvc-benchmark-progress__identity strong,
.pvc-benchmark-progress__identity small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pvc-benchmark-progress__identity strong { font-size: 12px; }
.pvc-benchmark-progress__identity small { margin-top: 4px; color: rgba(255,255,255,.48); font: 7px ui-monospace, monospace; }
.pvc-benchmark-progress__state { text-align: right; }
.pvc-benchmark-progress__state strong,
.pvc-benchmark-progress__state small { display: block; }
.pvc-benchmark-progress__state strong { color: rgba(255,255,255,.55); font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-progress__state small { margin-top: 5px; color: rgba(255,255,255,.46); font-size: 7px; }
.pvc-benchmark-progress__meter { grid-column: 1 / -1; display: block; height: 3px; overflow: hidden; background: rgba(255,255,255,.14); }
.pvc-benchmark-progress__meter b { display: block; width: 0; height: 100%; background: var(--pvb-red); transition: width .3s ease; }
.pvc-benchmark-provider-progress article.is-running { border-color: var(--pvb-red-soft); }
.pvc-benchmark-provider-progress article.is-running .pvc-benchmark-progress__state strong { color: var(--pvb-red-soft); }
.pvc-benchmark-provider-progress article.is-done .pvc-benchmark-progress__state strong { color: #fff; }
.pvc-benchmark-provider-progress article.is-done .pvc-benchmark-progress__identity > i { border-color: var(--pvb-red); background: var(--pvb-red); }
.pvc-benchmark-provider-progress article.is-error { border-color: var(--pvb-red); background: rgba(232,79,47,.12); }
.pvc-benchmark-provider-progress article.is-error .pvc-benchmark-progress__state strong { color: var(--pvb-red-soft); }
.pvc-benchmark-run-error { margin-top: 20px; padding: clamp(20px, 3vw, 32px); border: 1px solid var(--pvb-red); background: #fff3ef; color: var(--pvb-ink); }
.pvc-benchmark-run-error > span { color: var(--pvb-red); font: 750 8px ui-monospace, monospace; letter-spacing: .08em; }
.pvc-benchmark-run-error > strong { display: block; max-width: 720px; margin-top: 16px; font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(28px, 3vw, 46px); line-height: .92; letter-spacing: -.05em; }
.pvc-benchmark-run-error > p { max-width: 720px !important; margin: 15px 0 0; color: var(--pvb-muted) !important; font-size: 11px !important; }
.pvc-benchmark-run-error > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.pvc-benchmark-run-error button { min-height: 44px; padding: 0 14px; border: 1px solid var(--pvb-ink); border-radius: 6px; background: var(--pvb-ink); color: #fff; cursor: pointer; font-size: 9px; font-weight: 750; }
.pvc-benchmark-run-error button + button { background: transparent; color: var(--pvb-ink); }
.pvc-benchmark-running.has-error .pvc-benchmark-orbit > i { animation-play-state: paused; }
@keyframes pvc-benchmark-pulse { to { transform: scale(1.12); background: var(--pvb-red); } }

/* Result header and generated report. */
.pvc-benchmark-results { padding: clamp(85px, 11vw, 160px) max(24px, calc((100vw - 1460px) / 2)); background: var(--pvb-paper); }
.pvc-benchmark-results > header { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 55px; }
.pvc-benchmark-results > header h2 { margin: 18px 0 0; font-size: clamp(58px, 8vw, 120px); line-height: .8; }
.pvc-benchmark-results > header p:not(.pvc-eyebrow) { max-width: 700px; margin: 22px 0 0; color: var(--pvb-muted); font-size: 12px; }
.pvc-benchmark-result-ready { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; margin-bottom: 5px; border: 1px solid var(--pvb-ink); background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-result-ready > div:first-child { display: grid; align-content: center; min-height: 145px; padding: clamp(22px, 3vw, 38px); }
.pvc-benchmark-result-ready span { color: var(--pvb-red-soft); font: 750 8px ui-monospace, monospace; letter-spacing: .08em; }
.pvc-benchmark-result-ready > div:first-child strong { margin-top: 14px; font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(32px, 4vw, 60px); line-height: .9; letter-spacing: -.055em; }
.pvc-benchmark-result-ready > div:first-child small { margin-top: 13px; color: rgba(255,255,255,.58); font-size: 9px; }
.pvc-benchmark-result-ready > div:last-child { display: grid; min-width: 205px; grid-template-columns: auto auto; align-content: center; align-items: baseline; justify-content: center; padding: 22px; background: var(--pvb-red); }
.pvc-benchmark-result-ready > div:last-child span { grid-column: 1 / -1; margin-bottom: 15px; color: #fff; }
.pvc-benchmark-result-ready > div:last-child strong { font-family: "Inter Tight", Inter, sans-serif; font-size: 78px; line-height: .7; letter-spacing: -.08em; }
.pvc-benchmark-result-ready > div:last-child small { font-size: 9px; }
.pvc-benchmark-partial { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; margin: 0 0 5px; padding: 18px 22px; border: 1px solid var(--pvb-ink); background: #fff0cf; color: var(--pvb-ink); }
.pvc-benchmark-partial strong { font: 800 8px/1.3 ui-monospace, monospace; letter-spacing: .1em; }
.pvc-benchmark-partial p { margin: 0; font-size: 10px; line-height: 1.55; }
.pvc-benchmark-result-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 5px; background: var(--pvb-ink); border: 1px solid var(--pvb-ink); }
.pvc-benchmark-result-nav a { display: flex; min-height: 48px; align-items: center; justify-content: space-between; padding: 0 14px; background: var(--pvb-bright); color: var(--pvb-ink); font-size: 9px; font-weight: 750; }
.pvc-benchmark-result-nav a:hover { background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-ranking,
.pvc-benchmark-matrix,
.pvc-benchmark-outputs { scroll-margin-top: 25px; }
.pvc-benchmark-verdict { display: grid; grid-template-columns: minmax(230px, .55fr) minmax(0, 1.15fr) minmax(220px, .45fr); border: 1px solid var(--pvb-ink); }
.pvc-benchmark-verdict > div { display: flex; min-height: 390px; flex-direction: column; justify-content: center; padding: clamp(25px, 3vw, 45px); border-right: 1px solid var(--pvb-ink); }
.pvc-benchmark-verdict > div:last-child { border-right: 0; }
.pvc-benchmark-verdict__score { position: relative; background: var(--pvb-red); color: #fff; }
.pvc-benchmark-verdict__score > span,
.pvc-benchmark-verdict__copy > span,
.pvc-benchmark-verdict__delta > span { font: 750 8px ui-monospace, monospace; letter-spacing: .08em; }
.pvc-benchmark-verdict__score > strong { margin-top: 35px; font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(105px, 11vw, 175px); line-height: .65; letter-spacing: -.1em; }
.pvc-benchmark-verdict__score > small { align-self: flex-end; margin-top: 18px; }
.pvc-benchmark-verdict__score > i { position: absolute; right: 16px; bottom: 16px; padding: 7px 9px; border-radius: 999px; background: var(--pvb-ink); font: 750 7px ui-monospace, monospace; font-style: normal; }
.pvc-benchmark-verdict__copy h3 { margin: 25px 0 18px; font-size: clamp(44px, 5vw, 78px); line-height: .84; }
.pvc-benchmark-verdict__copy > p { max-width: 720px; margin: 0; font-size: 12px; line-height: 1.55; }
.pvc-benchmark-verdict__copy > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; }
.pvc-benchmark-verdict__copy > div span { padding: 6px 9px; border: 1px solid var(--pvb-ink); border-radius: 999px; font-size: 8px; }
.pvc-benchmark-verdict__delta { background: var(--pvb-concrete); }
.pvc-benchmark-verdict__delta > strong { margin: 30px 0 5px; font-family: "Inter Tight", Inter, sans-serif; font-size: 86px; line-height: .72; letter-spacing: -.09em; }
.pvc-benchmark-verdict__delta > small { font: 8px ui-monospace, monospace; }
.pvc-benchmark-verdict__delta > p { margin: auto 0 0; padding-top: 20px; border-top: 1px solid var(--pvb-line); color: var(--pvb-muted); font-size: 9px; }

.pvc-benchmark-ranking,
.pvc-benchmark-matrix,
.pvc-benchmark-duel,
.pvc-benchmark-outputs,
.pvc-benchmark-actions { margin-top: clamp(80px, 10vw, 145px); }
.pvc-benchmark-section-title { display: grid; grid-template-columns: minmax(210px, .45fr) minmax(0, 1.2fr) minmax(240px, .5fr); gap: 30px; align-items: end; margin-bottom: 32px; }
.pvc-benchmark-section-title > span { align-self: start; color: var(--pvb-red); font: 750 9px ui-monospace, monospace; }
.pvc-benchmark-section-title h3 { margin: 0; font-size: clamp(49px, 6vw, 92px); line-height: .82; }
.pvc-benchmark-section-title p { margin: 0; color: var(--pvb-muted); font-size: 11px; }

.pvc-benchmark-ranking { margin-right: calc(max(24px, (100vw - 1460px) / 2) * -1); margin-left: calc(max(24px, (100vw - 1460px) / 2) * -1); padding: clamp(65px, 8vw, 120px) max(24px, calc((100vw - 1460px) / 2)); background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-ranking .pvc-benchmark-section-title > span { color: var(--pvb-red-soft); }
.pvc-benchmark-ranking .pvc-benchmark-section-title p { color: rgba(255,255,255,.58); }
.pvc-benchmark-ranking__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.pvc-benchmark-ranking__grid article { display: flex; min-width: 0; min-height: 500px; flex-direction: column; padding: 18px; border: 1px solid rgba(255,255,255,.44); background: var(--pvb-ink); }
.pvc-benchmark-ranking__grid article.is-winner { border-color: var(--pvb-red); background: var(--pvb-red); }
.pvc-benchmark-decisions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--pvb-ink); border-top: 0; }
.pvc-benchmark-decisions article { display: grid; gap: 12px; min-height: 165px; padding: 28px; border-right: 1px solid var(--pvb-ink); background: var(--pvb-bright); }
.pvc-benchmark-decisions article:last-child { border-right: 0; background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-decisions span { color: var(--pvb-red); font: 750 8px ui-monospace, monospace; letter-spacing: .08em; }
.pvc-benchmark-decisions strong { align-self: end; font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(24px, 3vw, 42px); line-height: .92; letter-spacing: -.045em; }
.pvc-benchmark-decisions small { font-size: 10px; opacity: .72; }
.pvc-benchmark-ranking__top { display: flex; justify-content: space-between; font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-ranking__identity { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 11px; align-items: center; margin-top: 50px; }
.pvc-benchmark-ranking__identity > i { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid; border-radius: 50%; font: 750 7px ui-monospace, monospace; font-style: normal; }
.pvc-benchmark-ranking__identity strong,
.pvc-benchmark-ranking__identity small { display: block; min-width: 0; overflow-x: auto; white-space: nowrap; }
.pvc-benchmark-ranking__identity strong { font-size: 14px; }
.pvc-benchmark-ranking__identity small { margin-top: 4px; color: rgba(255,255,255,.55); font: 7px ui-monospace, monospace; }
.pvc-benchmark-ranking__score { display: grid; grid-template-columns: auto auto; align-items: baseline; justify-content: start; margin-top: 30px; }
.pvc-benchmark-ranking__score > strong { font-family: "Inter Tight", Inter, sans-serif; font-size: 86px; line-height: .7; letter-spacing: -.09em; }
.pvc-benchmark-ranking__score > span { font-size: 9px; }
.pvc-benchmark-ranking__score > i { grid-column: 1 / -1; display: block; width: 100%; height: 5px; margin-top: 18px; background: rgba(255,255,255,.18); }
.pvc-benchmark-ranking__score > i b { display: block; height: 100%; background: var(--pvb-red); }
.pvc-benchmark-ranking__grid .is-winner .pvc-benchmark-ranking__score > i b { background: #fff; }
.pvc-benchmark-ranking__grid dl { margin: 30px 0; }
.pvc-benchmark-ranking__grid dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.22); font-size: 8px; }
.pvc-benchmark-ranking__grid dt,
.pvc-benchmark-ranking__grid dd { margin: 0; }
.pvc-benchmark-ranking__grid dd { max-width: 58%; overflow-x: auto; text-align: right; white-space: nowrap; }
.pvc-benchmark-ranking__grid article > button { min-height: 42px; margin-top: auto; border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; font-size: 9px; }

.pvc-benchmark-matrix__wrap { overflow-x: auto; border: 1px solid var(--pvb-ink); background: var(--pvb-ink); }
.pvc-benchmark-matrix table { width: 100%; min-width: 860px; border-collapse: collapse; background: var(--pvb-bright); }
.pvc-benchmark-matrix th,
.pvc-benchmark-matrix td { min-width: 145px; height: 82px; padding: 13px 15px; border-right: 1px solid var(--pvb-line); border-bottom: 1px solid var(--pvb-line); text-align: left; }
.pvc-benchmark-matrix th:first-child { min-width: 210px; }
.pvc-benchmark-matrix tr:last-child > * { border-bottom: 0; }
.pvc-benchmark-matrix tr > *:last-child { border-right: 0; }
.pvc-benchmark-matrix thead th { height: 65px; background: var(--pvb-concrete); font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-matrix thead strong,
.pvc-benchmark-matrix thead small,
.pvc-benchmark-matrix tbody th strong,
.pvc-benchmark-matrix tbody th small { display: block; }
.pvc-benchmark-matrix thead small,
.pvc-benchmark-matrix tbody th small { margin-top: 5px; color: var(--pvb-muted); font-size: 7px; }
.pvc-benchmark-matrix td > strong { font-size: 25px; }
.pvc-benchmark-matrix td > i { display: block; height: 4px; margin-top: 9px; background: var(--pvb-concrete); }
.pvc-benchmark-matrix td > i b { display: block; height: 100%; background: var(--pvb-red); }

.pvc-benchmark-duel { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: clamp(45px, 8vw, 120px); padding: clamp(40px, 6vw, 85px); border: 1px solid var(--pvb-ink); background: #1b1b18; color: #fff; }
.pvc-benchmark-duel .pvc-benchmark-section-title { display: block; margin: 0; }
.pvc-benchmark-duel .pvc-benchmark-section-title > span { color: var(--pvb-red-soft); }
.pvc-benchmark-duel .pvc-benchmark-section-title h3 { margin-top: 28px; }
.pvc-benchmark-duel .pvc-benchmark-section-title p { margin-top: 22px; color: rgba(255,255,255,.6); }
.pvc-benchmark-duel > div:last-child { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.pvc-benchmark-duel article { display: grid; min-height: 270px; align-content: space-between; padding: 22px; border: 1px solid rgba(255,255,255,.4); }
.pvc-benchmark-duel article.is-winner { border-color: var(--pvb-red); background: var(--pvb-red); }
.pvc-benchmark-duel article > span { font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-duel article > strong { font-family: "Inter Tight", Inter, sans-serif; font-size: 100px; line-height: .7; letter-spacing: -.09em; }
.pvc-benchmark-duel article > small { font-size: 8px; }

.pvc-benchmark-output { border: 1px solid var(--pvb-ink); border-bottom: 0; background: var(--pvb-bright); }
.pvc-benchmark-output:last-child { border-bottom: 1px solid var(--pvb-ink); }
.pvc-benchmark-output > summary { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 25px; padding: 13px 18px; cursor: pointer; list-style: none; }
.pvc-benchmark-output > summary::-webkit-details-marker { display: none; }
.pvc-benchmark-output > summary span { display: grid; }
.pvc-benchmark-output > summary strong { font-size: 16px; }
.pvc-benchmark-output > summary small { margin-top: 4px; color: var(--pvb-muted); font: 8px ui-monospace, monospace; }
.pvc-benchmark-output > summary > b { color: var(--pvb-red); font-family: "Inter Tight", Inter, sans-serif; font-size: 34px; letter-spacing: -.06em; }
.pvc-benchmark-output[open] > summary { background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-output__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .35fr); border-top: 1px solid var(--pvb-ink); }
.pvc-benchmark-output__body > article { grid-column: 1; border-right: 1px solid var(--pvb-ink); border-bottom: 1px solid var(--pvb-ink); }
.pvc-benchmark-output__body > article:last-of-type { border-bottom: 0; }
.pvc-benchmark-output__body article > header { display: flex; min-height: 48px; align-items: center; justify-content: space-between; padding: 9px 14px; border-bottom: 1px solid var(--pvb-ink); background: var(--pvb-concrete); font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-output__body header button { padding: 5px 8px; border: 1px solid var(--pvb-ink); border-radius: 4px; background: transparent; cursor: pointer; font-size: 7px; }
.pvc-benchmark-output__body pre,
.pvc-benchmark-report pre { margin: 0; overflow: auto; white-space: pre-wrap; word-break: normal; overflow-wrap: normal; font: 12px/1.65 Inter, ui-sans-serif, sans-serif; }
.pvc-benchmark-output__body pre { min-height: 300px; max-height: 600px; padding: 22px; }
.pvc-benchmark-output__body > aside { grid-column: 2; grid-row: 1 / span 20; padding: 22px; background: var(--pvb-concrete); }
.pvc-benchmark-output__body > aside > div + div { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--pvb-line); }
.pvc-benchmark-output__body aside small { font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-output__body aside p { margin: 11px 0 0; font-size: 10px; }

.pvc-benchmark-actions { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); gap: clamp(40px, 8vw, 125px); padding: clamp(38px, 6vw, 75px); border: 1px solid var(--pvb-ink); background: var(--pvb-concrete); }
.pvc-benchmark-actions > div:first-child > span { color: var(--pvb-red); font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-actions h3 { margin: 22px 0 17px; font-size: clamp(48px, 6vw, 86px); line-height: .82; }
.pvc-benchmark-actions p { margin: 0; font-size: 11px; line-height: 1.55; }
.pvc-benchmark-actions__controls { display: grid; align-content: center; gap: 8px; }
.pvc-benchmark-actions__controls > .pvc-button { width: 100%; }
.pvc-benchmark-actions__controls > label { display: flex; gap: 10px; align-items: flex-start; padding: 13px; border: 1px solid var(--pvb-ink); background: var(--pvb-bright); font-size: 9px; line-height: 1.45; }
.pvc-benchmark-actions__controls > label input { width: 18px; height: 18px; flex: 0 0 18px; accent-color: var(--pvb-red); }
.pvc-benchmark-actions .is-saved { background: var(--pvb-bright); color: var(--pvb-ink); }
.pvc-benchmark-share { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 13px; border: 1px solid var(--pvb-ink); background: var(--pvb-bright); }
.pvc-benchmark-share span { font: 750 7px ui-monospace, monospace; }
.pvc-benchmark-share code { overflow-x: auto; white-space: nowrap; font-size: 9px; }
.pvc-benchmark-share button { min-height: 34px; padding: 0 9px; border: 1px solid var(--pvb-ink); border-radius: 4px; background: var(--pvb-ink); color: #fff; cursor: pointer; font-size: 8px; }

/* Method, saved reports and gates. */
.pvc-benchmark-method { padding: clamp(85px, 11vw, 165px) max(24px, calc((100vw - 1460px) / 2)); border-top: 1px solid var(--pvb-ink); }
.pvc-benchmark-method > header { display: grid; grid-template-columns: .4fr 1.6fr; gap: 35px; align-items: start; margin-bottom: 50px; }
.pvc-benchmark-method > header h2 { margin: 0; font-size: clamp(64px, 9vw, 138px); line-height: .78; }
.pvc-benchmark-method > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.pvc-benchmark-method article { display: flex; min-height: 390px; flex-direction: column; padding: 22px; border: 1px solid var(--pvb-ink); }
.pvc-benchmark-method article:nth-child(2) { background: var(--pvb-red); color: #fff; }
.pvc-benchmark-method article > span { align-self: flex-end; font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-method article h3 { margin: auto 0 18px; font-size: clamp(35px, 4vw, 60px); line-height: .85; }
.pvc-benchmark-method article p { margin: 0; font-size: 11px; }
.pvc-benchmark-method > p { max-width: 900px; margin: 35px 0 0; padding-top: 20px; border-top: 1px solid var(--pvb-line); color: var(--pvb-muted); font-size: 10px; }

.pvc-benchmark-saved { padding: clamp(75px, 9vw, 130px) max(24px, calc((100vw - 1460px) / 2)); background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-saved header { margin-bottom: 35px; }
.pvc-benchmark-saved h2 { margin: 16px 0 0; font-size: clamp(50px, 7vw, 100px); line-height: .82; }
.pvc-benchmark-saved > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.pvc-benchmark-saved article { display: grid; min-height: 255px; align-content: space-between; padding: 19px; border: 1px solid rgba(255,255,255,.38); }
.pvc-benchmark-saved article > span { font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-saved h3 { margin: 25px 0; font-size: 27px; line-height: .95; }
.pvc-benchmark-saved article > strong { color: var(--pvb-red-soft); font-size: 55px; line-height: .8; }
.pvc-benchmark-saved article > strong small { font-size: 9px; }
.pvc-benchmark-saved a { color: #fff; font-size: 9px; }

.pvc-app.pvc-benchmark-gate,
.pvc-app.pvc-benchmark-setup { min-height: 660px; padding: clamp(65px, 9vw, 135px) max(24px, calc((100vw - 1320px) / 2)); border: 1px solid var(--pvb-ink); }
.pvc-benchmark-gate { background: var(--pvb-ink) !important; color: #fff !important; }
.pvc-benchmark-setup { background: var(--pvb-concrete) !important; }
.pvc-benchmark-gate h2,
.pvc-benchmark-setup h2 { max-width: 1050px; margin: 28px 0 25px; font-size: clamp(65px, 10vw, 145px); line-height: .78; }
.pvc-benchmark-gate > p:not(.pvc-eyebrow),
.pvc-benchmark-setup > p:not(.pvc-eyebrow) { max-width: 720px; font-size: 14px; line-height: 1.55; }
.pvc-benchmark-gate > div,
.pvc-benchmark-setup > div { display: flex; flex-wrap: wrap; gap: 6px; margin: 38px 0; }
.pvc-benchmark-gate > div span,
.pvc-benchmark-setup > div span { display: grid; min-width: 145px; min-height: 95px; align-content: space-between; padding: 13px; border: 1px solid currentColor; }
.pvc-benchmark-gate > div strong { color: var(--pvb-red-soft); font-size: 30px; }
.pvc-benchmark-gate > div span,
.pvc-benchmark-setup > div span { font-size: 8px; text-transform: uppercase; }
.pvc-benchmark-setup > div span.is-ready { background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-setup > div small { margin-top: 15px; }

/* Public saved report. */
.pvc-app.pvc-benchmark-report { padding-bottom: clamp(90px, 12vw, 180px); }
.pvc-benchmark-report > header { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(250px, .55fr); border: 1px solid var(--pvb-ink); }
.pvc-benchmark-report > header > div:first-child { padding: clamp(45px, 7vw, 100px); }
.pvc-benchmark-report > header h1 { margin: 28px 0 24px; font-size: clamp(65px, 9vw, 140px); line-height: .78; }
.pvc-benchmark-report > header p { max-width: 850px; margin: 0; font-size: 14px; }
.pvc-benchmark-report__score { display: grid; align-content: center; padding: 30px; border-left: 1px solid var(--pvb-ink); background: var(--pvb-red); color: #fff; }
.pvc-benchmark-report__score > span { font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-report__score > strong { margin-top: 40px; font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(115px, 13vw, 190px); line-height: .64; letter-spacing: -.1em; }
.pvc-benchmark-report__score > small { justify-self: end; margin-top: 20px; }
.pvc-benchmark-report__meta { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--pvb-ink); border-top: 0; background: var(--pvb-ink); gap: 1px; }
.pvc-benchmark-report__meta > span { display: grid; min-width: 0; min-height: 105px; align-content: space-between; padding: 14px; background: var(--pvb-bright); font: 750 7px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-report__meta strong { overflow-x: auto; font-size: 10px; white-space: nowrap; }
.pvc-benchmark-report__winner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; padding: clamp(50px, 7vw, 100px); border: 1px solid var(--pvb-ink); border-top: 0; }
.pvc-benchmark-report__winner span { color: var(--pvb-red); font: 750 8px ui-monospace, monospace; }
.pvc-benchmark-report__winner h2 { margin: 25px 0 16px; font-size: clamp(55px, 8vw, 120px); line-height: .8; }
.pvc-benchmark-report__winner p { max-width: 850px; margin: 0; font-size: 13px; }
.pvc-benchmark-report__winner > strong { color: var(--pvb-red); font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(85px, 10vw, 150px); line-height: .68; letter-spacing: -.09em; }
.pvc-benchmark-report__winner > strong small { font-size: 10px; letter-spacing: 0; }
.pvc-benchmark-report__prompt { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--pvb-ink); border-top: 0; }
.pvc-benchmark-report__prompt > div { min-width: 0; padding: 25px; border-right: 1px solid var(--pvb-ink); }
.pvc-benchmark-report__prompt > div:last-child { border-right: 0; }
.pvc-benchmark-report__prompt pre { max-height: 480px; margin-top: 20px; }
.pvc-benchmark-report__ranking { padding: clamp(65px, 8vw, 120px); background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-report__ranking > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; margin-top: 30px; }
.pvc-benchmark-report__ranking article { min-width: 0; padding: 20px; border: 1px solid rgba(255,255,255,.4); }
.pvc-benchmark-report__ranking article.is-winner { border-color: var(--pvb-red); }
.pvc-benchmark-report__ranking article > header { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.pvc-benchmark-report__ranking h3 { margin: 0; font-size: 25px; }
.pvc-benchmark-report__ranking header small { display: block; overflow-x: auto; margin-top: 4px; color: rgba(255,255,255,.55); white-space: nowrap; }
.pvc-benchmark-report__ranking header > strong { color: var(--pvb-red-soft); font-size: 35px; }
.pvc-benchmark-report__ranking dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 25px 0; }
.pvc-benchmark-report__ranking dl > div { padding: 10px; border: 1px solid rgba(255,255,255,.2); }
.pvc-benchmark-report__ranking dt,
.pvc-benchmark-report__ranking dd { margin: 0; font-size: 8px; }
.pvc-benchmark-report__ranking dd { margin-top: 8px; font-size: 17px; }
.pvc-benchmark-report__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 20px 0; background: rgba(255,255,255,.2); }
.pvc-benchmark-report__facts > span { display: grid; min-width: 0; min-height: 70px; align-content: space-between; padding: 9px; background: var(--pvb-ink); font-size: 7px; }
.pvc-benchmark-report__facts strong { overflow-x: auto; color: var(--pvb-red-soft); font-size: 10px; white-space: nowrap; }
.pvc-benchmark-report__ranking article > p { font-size: 10px; }
.pvc-benchmark-report__ranking details { margin-top: 20px; border-top: 1px solid rgba(255,255,255,.28); }
.pvc-benchmark-report__ranking summary { padding: 14px 0; cursor: pointer; font-size: 9px; }
.pvc-benchmark-report__ranking details > div { margin-top: 12px; }
.pvc-benchmark-report__ranking details pre { max-height: 360px; margin-top: 7px; padding: 15px; background: #fff; color: var(--pvb-ink); }
.pvc-benchmark-report > footer { padding: 35px; border: 1px solid var(--pvb-ink); border-top: 0; background: var(--pvb-concrete); }
.pvc-benchmark-report > footer p { max-width: 980px; margin: 10px 0 0; font-size: 10px; }
.pvc-benchmark-report > footer span { display: inline-block; margin-top: 20px; padding: 6px 9px; border: 1px solid; border-radius: 999px; font-size: 8px; }
.pvc-benchmark-report__manage { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(17,18,16,.24); }
.pvc-benchmark-report__manage > div { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pvc-benchmark-report__manage > div small { margin-right: 8px; font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-report__manage label { display: flex; gap: 10px; align-items: flex-start; font-size: 9px; }
.pvc-benchmark-report__manage label input { flex: 0 0 auto; margin-top: 2px; accent-color: var(--pvb-red); }
.pvc-benchmark-report__manage label span { display: block; margin: 0; padding: 0; border: 0; border-radius: 0; font-size: inherit; }
.pvc-benchmark-report__manage button:not(.pvc-button) { min-height: 38px; padding: 8px 11px; border: 1px solid var(--pvb-ink); border-radius: 6px; background: transparent; color: var(--pvb-ink); cursor: pointer; font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-report__manage button:not(.pvc-button):hover { background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-report__manage .pvc-benchmark-report__delete { border-color: var(--pvb-red); color: var(--pvb-red); }
.pvc-benchmark-report__manage > p { grid-column: 1 / -1; margin: 0; color: var(--pvb-red); }

@media (max-width: 1180px) {
	.pvc-benchmark__hero { grid-template-columns: 1fr; min-height: 0; }
	.pvc-benchmark__intro { max-width: 760px; }
	.pvc-benchmark-providers,
	.pvc-benchmark-ranking__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pvc-benchmark-verdict { grid-template-columns: .65fr 1.35fr; }
	.pvc-benchmark-verdict__delta { grid-column: 1 / -1; min-height: 230px !important; }
	.pvc-benchmark-verdict > div:nth-child(2) { border-right: 0; }
	.pvc-benchmark-verdict__delta > p { margin-top: 45px; }
	.pvc-benchmark-report__ranking > div { grid-template-columns: 1fr; }
	.pvc-benchmark-report__manage { grid-template-columns: 1fr; align-items: start; }
	.pvc-benchmark-report__manage > p { grid-column: auto; }
}

@media (max-width: 820px) {
	.pvc-benchmark-decisions { grid-template-columns: 1fr; }
	.pvc-benchmark-decisions article { min-height: 135px; border-right: 0; border-bottom: 1px solid var(--pvb-ink); }
	.pvc-benchmark-decisions article:last-child { border-bottom: 0; }
	.admin-bar .pvc-benchmark__steps { top: 46px; }
	.pvc-benchmark__hero { padding-top: 90px; padding-bottom: 80px; }
	.pvc-benchmark__hero h1 { font-size: clamp(75px, 21vw, 135px); }
	.pvc-benchmark__steps { position: static; grid-template-columns: repeat(2, 1fr); }
	.pvc-benchmark-panel > header { grid-template-columns: 35px minmax(0, 1fr); }
	.pvc-benchmark-panel--models > header > strong { grid-column: 2; justify-self: start; }
	.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])),
	.pvc-benchmark-criteria,
	.pvc-benchmark-depth,
	.pvc-benchmark-submit,
	.pvc-benchmark-running,
	.pvc-benchmark-verdict,
	.pvc-benchmark-section-title,
	.pvc-benchmark-duel,
	.pvc-benchmark-actions,
	.pvc-benchmark-method > header,
	.pvc-benchmark-report > header,
	.pvc-benchmark-report__winner { grid-template-columns: 1fr; }
	.pvc-benchmark-criteria label.is-wide { grid-column: auto; }
	.pvc-benchmark-depth label + label { border-top: 0; border-left: 1px solid var(--pvb-ink); }
	.pvc-benchmark-submit > button { width: 100%; min-width: 0; }
	.pvc-benchmark-running { min-height: 0; align-items: start; }
	.pvc-benchmark-orbit { margin: 0 auto; }
	.pvc-benchmark-run-meta { grid-template-columns: 1fr 1fr; }
	.pvc-benchmark-run-meta > button { grid-column: 1 / -1; min-height: 46px; }
	.pvc-benchmark-verdict > div { min-height: 0; border-right: 0; border-bottom: 1px solid var(--pvb-ink); }
	.pvc-benchmark-verdict > div:last-child { border-bottom: 0; }
	.pvc-benchmark-verdict__score { min-height: 310px !important; }
	.pvc-benchmark-ranking { margin-right: -24px; margin-left: -24px; }
	.pvc-benchmark-section-title { gap: 18px; }
	.pvc-benchmark-duel > div:last-child { grid-template-columns: 1fr 1fr; }
	.pvc-benchmark-output__body { grid-template-columns: 1fr; }
	.pvc-benchmark-output__body > article { border-right: 0; }
	.pvc-benchmark-output__body > aside { grid-column: 1; grid-row: auto; }
	.pvc-benchmark-method > div,
	.pvc-benchmark-saved > div { grid-template-columns: 1fr; }
	.pvc-benchmark-method article { min-height: 300px; }
	.pvc-benchmark-report__score { min-height: 330px; border-top: 1px solid var(--pvb-ink); border-left: 0; }
	.pvc-benchmark-report__meta { grid-template-columns: repeat(2, 1fr); }
	.pvc-benchmark-report__winner > strong { justify-self: start; }
	.pvc-benchmark-report__ranking { padding: 45px 24px; }
}

@media (max-width: 560px) {
	.pvc-app.pvc-benchmark,
	.pvc-app.pvc-benchmark-report { width: 100%; }
	.pvc-benchmark__hero,
	.pvc-benchmark__builder,
	.pvc-benchmark-results,
	.pvc-benchmark-method,
	.pvc-benchmark-saved,
	.pvc-benchmark-running { padding-right: 14px; padding-left: 14px; }
	.pvc-benchmark__hero { padding-top: 72px; padding-bottom: 58px; }
	.pvc-benchmark__hero h1 { font-size: clamp(68px, 24vw, 105px); }
	.pvc-benchmark__intro > div { grid-template-columns: 1fr; }
	.pvc-benchmark__intro span { min-height: 85px; }
	.pvc-benchmark__steps { grid-template-columns: 1fr 1fr; }
	.pvc-benchmark__steps span { min-height: 48px; padding: 0 9px; font-size: 7px; }
	.pvc-benchmark-panel > header { gap: 10px; padding: 25px 14px; }
	.pvc-benchmark-panel > header h2 { font-size: 42px; }
	.pvc-benchmark-library { grid-template-columns: 1fr; padding: 15px 14px; }
	.pvc-benchmark-modes { grid-template-columns: 1fr; padding: 18px 14px 0; }
	.pvc-benchmark-modes button { min-height: 145px; }
	.pvc-benchmark-modes button + button { border-top: 0; border-left: 1px solid var(--pvb-ink); }
	.pvc-benchmark-prompts { padding: 5px 14px 18px; }
	.pvc-benchmark-prompts textarea { min-height: 250px; padding: 15px; }
	.pvc-benchmark-warning { margin: 0 14px 18px; }
	.pvc-benchmark-criteria,
	.pvc-benchmark-providers,
	.pvc-benchmark-depth { grid-template-columns: 1fr; padding: 18px 14px; }
	.pvc-benchmark-providers label { min-height: 205px; }
	.pvc-benchmark-depth label { min-height: 155px; grid-template-columns: 35px 1fr; }
	.pvc-benchmark-depth label > em { grid-column: 2; justify-self: start; }
	.pvc-benchmark-submit { gap: 18px; padding: 20px 14px; }
	.pvc-benchmark-running { min-height: 730px; padding-top: 60px; padding-bottom: 65px; }
	.pvc-benchmark-orbit { width: min(310px, 90vw); }
	.pvc-benchmark-orbit > span { width: 80px; height: 80px; }
	.pvc-benchmark-results { padding-top: 75px; padding-bottom: 95px; }
	.pvc-benchmark-results > header { align-items: flex-start; flex-direction: column; }
	.pvc-benchmark-results > header h2 { font-size: 58px; }
	.pvc-benchmark-result-ready { grid-template-columns: 1fr; }
	.pvc-benchmark-result-ready > div:last-child { min-height: 150px; }
	.pvc-benchmark-partial { grid-template-columns: 1fr; gap: 8px; }
	.pvc-benchmark-result-nav { grid-template-columns: 1fr; }
	.pvc-benchmark-verdict__score > strong { font-size: 122px; }
	.pvc-benchmark-verdict__copy h3 { font-size: 47px; }
	.pvc-benchmark-ranking { margin-right: -14px; margin-left: -14px; padding-right: 14px; padding-left: 14px; }
	.pvc-benchmark-ranking__grid { grid-template-columns: 1fr; }
	.pvc-benchmark-ranking__grid article { min-height: 455px; }
	.pvc-benchmark-section-title h3 { font-size: 50px; }
	.pvc-benchmark-duel { padding: 28px 14px; }
	.pvc-benchmark-duel > div:last-child { grid-template-columns: 1fr; }
	.pvc-benchmark-share { grid-template-columns: 1fr; }
	.pvc-benchmark-provider-progress article { grid-template-columns: 1fr; gap: 10px; }
	.pvc-benchmark-progress__state { text-align: left; }
	.pvc-benchmark-run-meta { grid-template-columns: 1fr 1fr; }
	.pvc-benchmark-method > header h2 { font-size: 62px; }
	.pvc-benchmark-method article { min-height: 285px; }
	.pvc-app.pvc-benchmark-gate,
	.pvc-app.pvc-benchmark-setup { min-height: 620px; padding: 65px 14px; }
	.pvc-benchmark-gate h2,
	.pvc-benchmark-setup h2 { font-size: 64px; }
	.pvc-benchmark-report > header > div:first-child,
	.pvc-benchmark-report__winner { padding: 45px 14px; }
	.pvc-benchmark-report > header h1 { font-size: 64px; }
	.pvc-benchmark-report__meta { grid-template-columns: 1fr 1fr; }
	.pvc-benchmark-report__prompt { grid-template-columns: 1fr; }
	.pvc-benchmark-report__prompt > div { border-right: 0; border-bottom: 1px solid var(--pvb-ink); }
	.pvc-benchmark-report__prompt > div:last-child { border-bottom: 0; }
	.pvc-benchmark-report__ranking article > header { grid-template-columns: 24px minmax(0, 1fr); }
	.pvc-benchmark-report__ranking header > strong { grid-column: 2; }
	.pvc-benchmark-report__ranking dl { grid-template-columns: repeat(2, 1fr); }
	.pvc-benchmark-report__facts { grid-template-columns: 1fr; }
}

/* 2.23.0 — Prompt A and B must have identical usable writing areas.
 * A shared row height avoids differences caused by placeholder wrapping or
 * browser-native textarea sizing. */
.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) {
	align-items: stretch;
	grid-auto-rows: minmax(360px, auto);
}

.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) > label {
	display: flex;
	min-width: 0;
	height: clamp(360px, 31vw, 430px);
	align-self: stretch;
	flex-direction: column;
}

.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) > label > span {
	min-height: 45px;
	flex: 0 0 45px;
}

.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) textarea {
	width: 100%;
	height: auto;
	min-height: 0;
	flex: 1 1 auto;
	resize: none;
}

@media (max-width: 820px) {
	.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) {
		grid-auto-rows: auto;
	}

	.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) > label {
		height: 340px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pvc-benchmark *,
	.pvc-benchmark-report * { scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; }
}
.pvc-benchmark-criteria-warning{margin:0 0 24px;padding:18px 20px;border:1px solid #d97706;border-left-width:6px;background:#fff8e8;color:#1c2428}.pvc-benchmark-criteria-warning strong{display:block;margin-bottom:5px;font-weight:800}.pvc-benchmark-criteria-warning p{margin:0}.pvc-benchmark-truncated{display:block;margin-top:5px;color:#b42318;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pvc-benchmark-creditbar{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:14px 18px;border:1px solid rgba(49,92,255,.18);border-radius:16px;background:linear-gradient(120deg,rgba(49,92,255,.07),rgba(0,196,204,.08))}.pvc-benchmark-creditbar span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.pvc-benchmark-creditbar strong{font-size:1rem}.pvc-benchmark-creditbar a{margin-left:auto;font-weight:700;color:#315cff}.pvc-benchmark-precheck{margin:18px 0;padding:18px 20px;border:1px solid #dfe3ea;border-radius:16px;background:#f7f8fa}.pvc-benchmark-precheck strong{display:block;margin-bottom:5px}.pvc-benchmark-precheck p{margin:0;color:#596273}.pvc-benchmark-precheck.is-ready{border-color:rgba(0,158,142,.35);background:rgba(0,196,204,.07)}.pvc-benchmark-precheck.has-warning{border-color:rgba(249,211,66,.62);background:rgba(249,211,66,.12)}.pvc-benchmark-precheck.has-blocker{border-color:rgba(225,86,86,.5);background:rgba(225,86,86,.08)}[data-pvc-benchmark-quote]{display:block;margin-top:6px;font-weight:750;color:#315cff}@media(max-width:640px){.pvc-benchmark-creditbar{align-items:flex-start;flex-wrap:wrap}.pvc-benchmark-creditbar a{width:100%;margin-left:0}}
/* 1.7 compact provider-first model picker. */
.pvc-benchmark-model-picker{padding:clamp(26px,4vw,55px)}
.pvc-benchmark-provider-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--pvb-ink);background:var(--pvb-ink);gap:1px}
.pvc-benchmark-provider-group{min-width:0;background:var(--pvb-bright)}
.pvc-benchmark-provider-group.has-selected{box-shadow:inset 4px 0 0 var(--pvb-red)}
.pvc-benchmark-provider-group.is-unavailable{opacity:.48}
.pvc-benchmark-provider-toggle{display:grid;width:100%;min-height:96px;grid-template-columns:46px minmax(0,1fr) auto 28px;gap:14px;align-items:center;padding:15px;border:0;border-radius:0;background:var(--pvb-bright);color:var(--pvb-ink);text-align:left;cursor:pointer}
.pvc-benchmark-provider-toggle:hover,.pvc-benchmark-provider-toggle[aria-expanded="true"]{background:var(--pvb-ink);color:#fff}
.pvc-benchmark-provider-toggle>i{display:grid;width:44px;height:44px;place-items:center;border:1px solid currentColor;border-radius:50%;font:750 8px ui-monospace,monospace;font-style:normal}
.pvc-benchmark-provider-toggle>span{display:block;min-width:0}.pvc-benchmark-provider-toggle strong,.pvc-benchmark-provider-toggle small{display:block}
.pvc-benchmark-provider-toggle strong{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(22px,2.5vw,36px);line-height:.9;letter-spacing:-.045em}
.pvc-benchmark-provider-toggle small{margin-top:7px;opacity:.58;font:7px ui-monospace,monospace;text-transform:uppercase}
.pvc-benchmark-provider-toggle>b{display:grid;min-width:25px;height:25px;place-items:center;border-radius:50%;background:var(--pvb-red);color:#fff;font:750 8px ui-monospace,monospace}
.pvc-benchmark-provider-toggle>em{font:300 27px/1 sans-serif;font-style:normal;text-align:center;transition:transform .2s ease}.pvc-benchmark-provider-toggle[aria-expanded="true"]>em{transform:rotate(45deg)}
.pvc-benchmark-provider-options{border-top:1px solid var(--pvb-ink);background:#fff}
.pvc-benchmark-provider-options label{position:relative;display:grid;min-height:64px;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;padding:12px 15px 12px 53px;border-bottom:1px solid var(--pvb-line);cursor:pointer}
.pvc-benchmark-provider-options label:last-child{border-bottom:0}.pvc-benchmark-provider-options label:hover{background:#f0efeb}.pvc-benchmark-provider-options label.is-selected{background:var(--pvb-ink);color:#fff}
.pvc-benchmark-provider-options label::before{position:absolute;left:17px;width:19px;height:19px;border:1px solid currentColor;content:""}.pvc-benchmark-provider-options label.is-selected::before{border-color:var(--pvb-red);background:var(--pvb-red);box-shadow:inset 0 0 0 5px var(--pvb-ink)}
.pvc-benchmark-provider-options input{position:absolute;opacity:0;pointer-events:none}.pvc-benchmark-provider-options label>span strong,.pvc-benchmark-provider-options label>span small{display:block}.pvc-benchmark-provider-options label>span strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pvc-benchmark-provider-options label>span small{margin-top:5px;opacity:.58;font:7px ui-monospace,monospace;text-transform:uppercase}.pvc-benchmark-provider-options label>em{font:750 7px ui-monospace,monospace;font-style:normal;text-transform:uppercase}
.pvc-benchmark-selected-models{display:grid;grid-template-columns:145px minmax(0,1fr);gap:15px;align-items:start;padding:18px;border:1px solid var(--pvb-ink);border-top:0;background:#fff}.pvc-benchmark-selected-models>span{padding-top:8px;color:var(--pvb-red);font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-benchmark-selected-models>div{display:flex;flex-wrap:wrap;gap:6px}.pvc-benchmark-selected-models>small{grid-column:2;color:var(--pvb-muted);font-size:9px}.pvc-benchmark-model-chip{min-height:34px;padding:6px 10px;border:1px solid var(--pvb-ink);border-radius:999px;background:var(--pvb-ink);color:#fff;cursor:pointer;font-size:8px}.pvc-benchmark-model-chip:hover{border-color:var(--pvb-red);background:var(--pvb-red)}
.pvc-benchmark-value-note{display:grid;align-content:center;padding:14px;border:1px solid var(--pvb-ink);background:#fff1ed}.pvc-benchmark-value-note strong{color:var(--pvb-red);font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-benchmark-value-note p{margin:8px 0 0;font-size:9px;line-height:1.45}
@media(max-width:700px){.pvc-benchmark-provider-groups{grid-template-columns:1fr}.pvc-benchmark-selected-models{grid-template-columns:1fr}.pvc-benchmark-selected-models>small{grid-column:1}.pvc-benchmark-model-picker{padding:20px}.pvc-benchmark-provider-toggle{grid-template-columns:42px minmax(0,1fr) auto 24px}}

/* 2.0 decision-first benchmark, deterministic checks and prompt-effect heatmap. */
.pvc-benchmark-recommend{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:18px 20px;border:1px solid var(--pvb-ink);background:#fff}.pvc-benchmark-recommend strong,.pvc-benchmark-recommend p{display:block;margin:0}.pvc-benchmark-recommend strong{font-family:"Inter Tight",Inter,sans-serif;font-size:18px}.pvc-benchmark-recommend p{max-width:720px;margin-top:5px;color:var(--pvb-muted);font-size:10px;line-height:1.5}.pvc-benchmark-recommend button{flex:0 0 auto;min-height:43px;padding:0 15px;border:1px solid var(--pvb-ink);background:var(--pvb-ink);color:#fff;cursor:pointer;font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-benchmark-recommend button:hover{border-color:var(--pvb-blue);background:var(--pvb-blue)}
.pvc-benchmark-free-note{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;align-items:center;margin:18px 0;padding:18px 20px;border:1px solid #0a8f82;background:#eafffb;color:#064f49}.pvc-benchmark-free-note strong{font-family:"Inter Tight",Inter,sans-serif;font-size:18px}.pvc-benchmark-free-note span{font-size:10px;line-height:1.5}
.pvc-benchmark-blind{border:1px solid var(--pvb-ink);background:#efeee9}.pvc-benchmark-blind>header{display:grid;grid-template-columns:minmax(0,1fr) 210px;border-bottom:1px solid var(--pvb-ink);background:var(--pvb-ink);color:#fff}.pvc-benchmark-blind>header>div{padding:clamp(30px,5vw,65px)}.pvc-benchmark-blind>header span,.pvc-benchmark-blind>header aside strong{display:block;color:#ff806f;font:750 8px ui-monospace,monospace;letter-spacing:.09em}.pvc-benchmark-blind>header h3{max-width:850px;margin:15px 0 12px;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(44px,6vw,86px);line-height:.88;letter-spacing:-.06em}.pvc-benchmark-blind>header p{max-width:720px;margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.6}.pvc-benchmark-blind>header aside{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border-left:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,rgba(49,92,255,.28),rgba(118,87,255,.2))}.pvc-benchmark-blind>header aside small{margin-top:8px;color:rgba(255,255,255,.7);font-size:9px;line-height:1.4}.pvc-benchmark-blind__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--pvb-ink)}.pvc-benchmark-blind-card{display:flex;min-width:0;min-height:520px;flex-direction:column;background:#fff}.pvc-benchmark-blind-card>header{padding:22px;border-bottom:1px solid var(--pvb-ink)}.pvc-benchmark-blind-card>header>div{display:flex;align-items:center;gap:13px}.pvc-benchmark-blind-card>header>div>span{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--pvb-blue);color:#fff;font:750 12px ui-monospace,monospace}.pvc-benchmark-blind-card>header strong,.pvc-benchmark-blind-card>header small{display:block}.pvc-benchmark-blind-card>header strong{font-family:"Inter Tight",Inter,sans-serif;font-size:24px}.pvc-benchmark-blind-card>header small{margin-top:3px;color:var(--pvb-muted);font-size:8px;text-transform:uppercase}.pvc-benchmark-blind-card>pre{overflow:auto;max-height:520px;flex:1;margin:0;padding:24px;background:#fff;color:var(--pvb-ink);font:10px/1.65 Inter,sans-serif;white-space:pre-wrap;word-break:break-word}.pvc-benchmark-blind-card>details{border-top:1px solid var(--pvb-line)}.pvc-benchmark-blind-card>details summary{padding:15px 22px;cursor:pointer;font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-benchmark-blind-card>details div{padding:18px 22px;border-top:1px solid var(--pvb-line)}.pvc-benchmark-blind-card>details pre{white-space:pre-wrap}.pvc-benchmark-blind-card>button{min-height:58px;border:0;border-top:1px solid var(--pvb-ink);background:#fff;color:var(--pvb-ink);cursor:pointer;font:750 9px ui-monospace,monospace;text-transform:uppercase}.pvc-benchmark-blind-card>button:hover{background:var(--pvb-blue);color:#fff}.pvc-benchmark-blind__alternatives{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:20px;border-top:1px solid var(--pvb-ink);background:#fff}.pvc-benchmark-blind__alternatives>strong{margin-right:auto;font-size:11px}.pvc-benchmark-blind__alternatives button{min-height:39px;padding:0 12px;border:1px solid var(--pvb-ink);background:#fff;cursor:pointer;font-size:8px}.pvc-benchmark-blind__alternatives button:hover{background:var(--pvb-ink);color:#fff}.pvc-benchmark-reveal{animation:pvcReveal .35s ease both}@keyframes pvcReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.pvc-benchmark-decisions{grid-template-columns:repeat(5,minmax(0,1fr))}.pvc-benchmark-decisions article{padding:20px}.pvc-benchmark-decisions article.is-personal{background:#eafffb;color:var(--pvb-ink)}.pvc-benchmark-result-nav{grid-template-columns:repeat(6,1fr)}
.pvc-benchmark-checks,.pvc-benchmark-heatmap{padding:clamp(45px,7vw,90px) clamp(24px,5vw,70px);border:1px solid var(--pvb-ink);border-top:0;background:#fff}.pvc-benchmark-checks__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:35px;background:var(--pvb-ink);border:1px solid var(--pvb-ink)}.pvc-benchmark-checks__grid>article{background:#fff}.pvc-benchmark-checks__grid header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid var(--pvb-line)}.pvc-benchmark-checks__grid header strong,.pvc-benchmark-checks__grid header small{display:block}.pvc-benchmark-checks__grid header strong{font-family:"Inter Tight",Inter,sans-serif;font-size:24px}.pvc-benchmark-checks__grid header small{margin-top:4px;color:var(--pvb-muted);font-size:8px;text-transform:uppercase}.pvc-benchmark-checks__grid header>b{font-family:"Inter Tight",Inter,sans-serif;font-size:34px}.pvc-benchmark-checks__grid ul{margin:0;padding:0;list-style:none}.pvc-benchmark-checks__grid li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 20px;border-bottom:1px solid var(--pvb-line)}.pvc-benchmark-checks__grid li:last-child{border-bottom:0}.pvc-benchmark-checks__grid li>i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;font-style:normal}.pvc-benchmark-checks__grid li.is-pass>i{background:#c7f6e9;color:#087565}.pvc-benchmark-checks__grid li.is-fail>i{background:#ffe0dc;color:#ad2e20}.pvc-benchmark-checks__grid li strong,.pvc-benchmark-checks__grid li small{display:block}.pvc-benchmark-checks__grid li strong{font-size:10px}.pvc-benchmark-checks__grid li small{margin-top:3px;color:var(--pvb-muted);font-size:8px;line-height:1.45}
.pvc-benchmark-heatmap{background:#f2f1ec}.pvc-benchmark-heatmap__legend{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 18px}.pvc-benchmark-heatmap__legend span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(0,0,0,.12);background:#fff;font-size:8px;text-transform:uppercase}.pvc-benchmark-heatmap__legend i{width:10px;height:10px;border-radius:2px;background:#ddd}.pvc-benchmark-heatmap__legend .is-used i,.pvc-benchmark-heatmap td.is-used{background:#c7f6e9}.pvc-benchmark-heatmap__legend .is-partial i,.pvc-benchmark-heatmap td.is-partial{background:#fff0aa}.pvc-benchmark-heatmap__legend .is-missed i,.pvc-benchmark-heatmap td.is-missed{background:#ffd9d3}.pvc-benchmark-heatmap__legend .is-misread i,.pvc-benchmark-heatmap td.is-misread{background:#dccfff}.pvc-benchmark-heatmap__legend .is-na i,.pvc-benchmark-heatmap td.is-na{background:#ececec}.pvc-benchmark-heatmap__wrap{overflow-x:auto;border:1px solid var(--pvb-ink);background:#fff}.pvc-benchmark-heatmap table{width:100%;min-width:900px;border-collapse:collapse}.pvc-benchmark-heatmap th,.pvc-benchmark-heatmap td{min-width:180px;padding:14px;border-right:1px solid var(--pvb-ink);border-bottom:1px solid var(--pvb-ink);vertical-align:top;text-align:left}.pvc-benchmark-heatmap th:first-child{width:33%;min-width:280px}.pvc-benchmark-heatmap tr:last-child th,.pvc-benchmark-heatmap tr:last-child td{border-bottom:0}.pvc-benchmark-heatmap tr>*:last-child{border-right:0}.pvc-benchmark-heatmap thead th{background:var(--pvb-ink);color:#fff}.pvc-benchmark-heatmap thead strong,.pvc-benchmark-heatmap thead small{display:block}.pvc-benchmark-heatmap thead small{margin-top:4px;opacity:.6;font-size:7px}.pvc-benchmark-heatmap tbody th{background:#fff}.pvc-benchmark-heatmap tbody th span{display:block;margin-bottom:7px;color:var(--pvb-red);font:750 7px ui-monospace,monospace}.pvc-benchmark-heatmap tbody th strong{display:block;font-size:10px;line-height:1.5}.pvc-benchmark-heatmap td strong,.pvc-benchmark-heatmap td small{display:block}.pvc-benchmark-heatmap td strong{font:750 8px ui-monospace,monospace}.pvc-benchmark-heatmap td small{margin-top:7px;font-size:8px;line-height:1.45}.pvc-benchmark-heatmap__insights{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:1px;background:var(--pvb-ink);border:1px solid var(--pvb-ink)}.pvc-benchmark-heatmap__insights>article{padding:24px;background:#fff}.pvc-benchmark-heatmap__insights>article>span{color:var(--pvb-red);font:750 8px ui-monospace,monospace}.pvc-benchmark-heatmap__insights h4{margin:10px 0 18px;font-family:"Inter Tight",Inter,sans-serif;font-size:30px;line-height:.95}.pvc-benchmark-heatmap__insights article>div{margin-top:10px;padding:12px;border-left:4px solid #e3a51a;background:#fff9dc}.pvc-benchmark-heatmap__insights article>div.is-high{border-left-color:var(--pvb-red);background:#fff0ed}.pvc-benchmark-heatmap__insights article>div.is-tip{border-left-color:var(--pvb-blue);background:#eef1ff;font-size:9px;line-height:1.5}.pvc-benchmark-heatmap__insights div strong,.pvc-benchmark-heatmap__insights div small{display:block}.pvc-benchmark-heatmap__insights div small{margin-top:4px;color:var(--pvb-muted);font-size:8px}.pvc-benchmark-heatmap__insights div p{margin:7px 0 0;font-size:9px;line-height:1.5}.pvc-benchmark-interpretations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:1px;background:var(--pvb-ink);border:1px solid var(--pvb-ink)}.pvc-benchmark-interpretations article{padding:18px;background:#fff}.pvc-benchmark-interpretations small{color:var(--pvb-blue);font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-benchmark-interpretations p{margin:8px 0 0;font-size:9px;line-height:1.55}
.pvc-benchmark-report__choice{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px clamp(14px,4vw,50px);border-bottom:1px solid var(--pvb-ink);background:#eafffb}.pvc-benchmark-report__choice span,.pvc-benchmark-report__choice small{font-size:8px;text-transform:uppercase}.pvc-benchmark-report__choice strong{font-family:"Inter Tight",Inter,sans-serif;font-size:24px}
.pvc-benchmark-risk{padding:clamp(45px,7vw,90px) clamp(24px,5vw,70px);border:1px solid var(--pvb-ink);border-top:0;background:#fff}.pvc-benchmark-risk__overview{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1px;margin-top:35px;border:1px solid var(--pvb-ink);background:var(--pvb-ink)}.pvc-benchmark-risk__overview>div{background:#fff}.pvc-benchmark-risk__overview>div:first-child{display:flex;min-height:230px;flex-direction:column;justify-content:flex-end;padding:25px}.pvc-benchmark-risk__overview>div:first-child span,.pvc-benchmark-risk__overview>div:first-child small{font:750 8px ui-monospace,monospace;letter-spacing:.08em}.pvc-benchmark-risk__overview>div:first-child strong{font-family:"Inter Tight",Inter,sans-serif;font-size:96px;line-height:.8;letter-spacing:-.07em}.pvc-benchmark-risk--low .pvc-benchmark-risk__overview>div:first-child{background:#c7f6e9}.pvc-benchmark-risk--medium .pvc-benchmark-risk__overview>div:first-child{background:#fff0aa}.pvc-benchmark-risk--high .pvc-benchmark-risk__overview>div:first-child{background:#ffd9d3}.pvc-benchmark-risk__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--pvb-ink)}.pvc-benchmark-risk__list article{padding:20px;background:#fff}.pvc-benchmark-risk__list article>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.pvc-benchmark-risk__list article>header span,.pvc-benchmark-risk__list article>header b,.pvc-benchmark-risk__list article>small{font:750 7px ui-monospace,monospace;text-transform:uppercase}.pvc-benchmark-risk__list article>header b{padding:4px 6px;border-radius:999px;background:#ececec}.pvc-benchmark-risk__list article.is-high>header b{background:#ffd9d3;color:#9b251a}.pvc-benchmark-risk__list article.is-medium>header b{background:#fff0aa;color:#765300}.pvc-benchmark-risk__list article>strong{display:block;font-family:"Inter Tight",Inter,sans-serif;font-size:20px;line-height:1}.pvc-benchmark-risk__list article>p{margin:8px 0 13px;font-size:9px;line-height:1.55}.pvc-benchmark-risk__list article>small{color:var(--pvb-red)}.pvc-benchmark-safer-prompt{margin-top:1px;border:1px solid var(--pvb-ink);background:#f4f3ee}.pvc-benchmark-safer-prompt>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--pvb-ink);background:var(--pvb-ink);color:#fff}.pvc-benchmark-safer-prompt>header span,.pvc-benchmark-safer-prompt>header strong{display:block}.pvc-benchmark-safer-prompt>header span{color:#ff806f;font:750 7px ui-monospace,monospace}.pvc-benchmark-safer-prompt>header strong{margin-top:4px;font-family:"Inter Tight",Inter,sans-serif;font-size:22px}.pvc-benchmark-safer-prompt>header button{min-height:38px;padding:0 12px;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer;font-size:8px}.pvc-benchmark-safer-prompt>header button:hover{background:#fff;color:var(--pvb-ink)}.pvc-benchmark-safer-prompt>pre{max-height:520px;overflow:auto;margin:0;padding:24px;white-space:pre-wrap;font:10px/1.65 Inter,sans-serif}.pvc-benchmark-safer-prompt>small{display:block;padding:13px 24px;border-top:1px solid var(--pvb-line);color:var(--pvb-muted);font-size:8px;line-height:1.5}
@media(max-width:1200px){.pvc-benchmark-decisions{grid-template-columns:repeat(2,minmax(0,1fr))}.pvc-benchmark-decisions article{border-bottom:1px solid var(--pvb-ink)}.pvc-benchmark-result-nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.pvc-benchmark-recommend{align-items:flex-start;flex-direction:column}.pvc-benchmark-free-note{grid-template-columns:1fr}.pvc-benchmark-blind>header{grid-template-columns:1fr}.pvc-benchmark-blind>header aside{border-top:1px solid rgba(255,255,255,.28);border-left:0}.pvc-benchmark-blind__grid,.pvc-benchmark-checks__grid,.pvc-benchmark-heatmap__insights,.pvc-benchmark-interpretations,.pvc-benchmark-risk__list{grid-template-columns:1fr}.pvc-benchmark-blind-card{min-height:430px}.pvc-benchmark-decisions,.pvc-benchmark-result-nav{grid-template-columns:1fr}.pvc-benchmark-checks,.pvc-benchmark-heatmap,.pvc-benchmark-risk{padding-right:14px;padding-left:14px}.pvc-benchmark-report__choice,.pvc-benchmark-risk__overview{grid-template-columns:1fr;gap:6px}}

/* 2.1 human-to-AI task compass and transparent prompt contract. */
.pvc-task-compass{--pvc-compass-blue:var(--pvb-blue,#315cff);--pvc-compass-violet:var(--pvb-violet,#7657ff);width:100%;color:var(--pvb-ink,#111210);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pvc-task-compass--standalone{max-width:none;margin:0;padding:clamp(24px,5vw,72px) max(20px,calc((100vw - 1460px)/2));background:var(--pvb-paper);font-size:16px;line-height:1.45}
.pvc-task-compass--embedded{border-bottom:1px solid var(--pvb-ink)}
.pvc-task-compass__head{display:grid;grid-template-columns:minmax(0,1fr) 245px;background:var(--pvb-ink);color:#fff}
.pvc-task-compass--standalone>.pvc-task-compass__head{border:1px solid var(--pvb-ink)}
.pvc-task-compass__head>div{padding:clamp(30px,5vw,70px)}
.pvc-task-compass__head h2{max-width:920px;margin:18px 0 20px;color:#fff;font-size:clamp(42px,6vw,88px);line-height:.86}
.pvc-task-compass__head h2 span{color:#8f9fff}
.pvc-task-compass__head>div>p:last-child{max-width:720px;margin:0;color:rgba(255,255,255,.7);font-size:12px;line-height:1.65}
.pvc-task-compass__head>aside{display:flex;min-width:0;flex-direction:column;justify-content:flex-end;padding:28px;border-left:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,rgba(49,92,255,.3),rgba(118,87,255,.2))}
.pvc-task-compass__head>aside strong{color:#aeb9ff;font:750 9px ui-monospace,monospace;text-transform:uppercase}
.pvc-task-compass__head>aside span{margin-top:10px;color:rgba(255,255,255,.72);font-size:9px;line-height:1.55}
.pvc-task-compass__mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--pvb-ink);background:var(--pvb-ink);gap:1px}
.pvc-task-compass__mode button{display:grid;min-height:84px;grid-template-columns:34px minmax(0,1fr);gap:2px 12px;align-content:center;padding:16px 22px;border:0;background:#f0efea;color:var(--pvb-ink);text-align:left;cursor:pointer}
.pvc-task-compass__mode button.is-active{background:var(--pvc-compass-blue);color:#fff}
.pvc-task-compass__mode button>span{grid-row:1/3;color:inherit;font:750 9px ui-monospace,monospace}.pvc-task-compass__mode button strong,.pvc-task-compass__mode button small{display:block}.pvc-task-compass__mode button strong{font-family:"Inter Tight",Inter,sans-serif;font-size:20px;line-height:1}.pvc-task-compass__mode button small{margin-top:4px;opacity:.68;font-size:8px}
.pvc-task-compass__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:start;border:1px solid var(--pvb-ink);border-top:0;background:var(--pvb-ink);gap:1px}
.pvc-task-compass--embedded .pvc-task-compass__body{border-right:0;border-bottom:0;border-left:0}
.pvc-task-compass__briefing{min-width:0;padding:clamp(24px,4vw,52px);background:#f7f6f2}
.pvc-task-compass__types{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.pvc-task-compass__types>span{width:100%;margin-bottom:4px;color:var(--pvb-muted);font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-task-compass__types button{min-height:36px;padding:0 12px;border:1px solid var(--pvb-ink);border-radius:999px;background:#fff;color:var(--pvb-ink);cursor:pointer;font-size:8px;font-weight:750}.pvc-task-compass__types button:hover,.pvc-task-compass__types button.is-active{border-color:var(--pvc-compass-blue);background:var(--pvc-compass-blue);color:#fff}
.pvc-task-compass label{display:grid;gap:8px}.pvc-task-compass label>span{font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-task-compass label>span small{opacity:.55;font:inherit}.pvc-task-compass input,.pvc-task-compass select,.pvc-task-compass textarea{width:100%;border:1px solid var(--pvb-ink);border-radius:6px;background:#fff;color:var(--pvb-ink);outline:0}.pvc-task-compass input,.pvc-task-compass select{min-height:48px;padding:0 13px}.pvc-task-compass textarea{padding:14px;resize:vertical;line-height:1.6}.pvc-task-compass input:focus,.pvc-task-compass select:focus,.pvc-task-compass textarea:focus{border-color:var(--pvc-compass-blue);box-shadow:0 0 0 3px rgba(49,92,255,.14)}
.pvc-task-compass__goal>span strong,.pvc-task-compass__goal>span small{display:block}.pvc-task-compass__goal>span strong{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(24px,3vw,38px);line-height:1;letter-spacing:-.04em;text-transform:none}.pvc-task-compass__goal>span small{margin-top:7px;color:var(--pvb-muted);font:9px Inter,sans-serif;text-transform:none}.pvc-task-compass__goal textarea{min-height:155px;margin-top:6px;font-size:13px}
.pvc-task-compass__questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:22px}.pvc-task-compass__questions label{align-content:start;padding:15px;border:1px solid var(--pvb-ink);background:#fff}.pvc-task-compass__questions label>span{min-height:34px;color:var(--pvc-compass-blue);line-height:1.4}.pvc-task-compass__questions input{min-height:72px;padding:9px 0;border:0;border-top:1px solid var(--pvb-line);border-radius:0;line-height:1.4}.pvc-task-compass__questions input:focus{box-shadow:none}
.pvc-task-compass__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:22px}.pvc-task-compass__notice{margin-top:14px;padding:14px 16px;border-left:5px solid #d99c14;background:#fff6d4;font-size:9px;line-height:1.55}
.pvc-task-compass__contract{position:sticky;top:70px;min-width:0;background:#fff}.admin-bar .pvc-task-compass__contract{top:102px}.pvc-task-compass__contract>header{display:flex;min-height:115px;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid var(--pvb-ink);background:#e9ecff}.pvc-task-compass__contract>header span,.pvc-task-compass__contract>header strong{display:block}.pvc-task-compass__contract>header span{color:var(--pvc-compass-blue);font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-task-compass__contract>header strong{max-width:230px;margin-top:7px;font-family:"Inter Tight",Inter,sans-serif;font-size:24px;line-height:.95;letter-spacing:-.04em}.pvc-task-compass__completion{display:flex;align-items:baseline}.pvc-task-compass__completion b{font-family:"Inter Tight",Inter,sans-serif;font-size:58px;line-height:.7;letter-spacing:-.08em}.pvc-task-compass__completion small{font-size:9px}
.pvc-task-compass__contract>ul{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;border-bottom:1px solid var(--pvb-ink);list-style:none}.pvc-task-compass__contract>ul li{display:grid;min-width:0;place-items:center;padding:12px 6px;border-right:1px solid var(--pvb-line);text-align:center}.pvc-task-compass__contract>ul li:last-child{border-right:0}.pvc-task-compass__contract>ul i{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--pvb-line);border-radius:50%;font-size:9px;font-style:normal}.pvc-task-compass__contract>ul li.is-ready i{border-color:#087565;background:#c7f6e9;color:#087565}.pvc-task-compass__contract>ul span{display:none}
.pvc-task-compass__preview{min-width:0}.pvc-task-compass__preview>span{display:block;padding:11px 16px;border-bottom:1px solid var(--pvb-line);color:var(--pvb-muted);font:750 7px ui-monospace,monospace;text-transform:uppercase}.pvc-task-compass__preview pre{overflow:auto;max-height:520px;min-height:330px;margin:0;padding:22px;background:#fff;color:var(--pvb-ink);font:9px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}
.pvc-task-compass__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:16px;border-top:1px solid var(--pvb-ink);background:#f0efea}.pvc-task-compass__actions .pvc-button{width:100%;margin:0}.pvc-task-compass__actions .pvc-button:disabled{cursor:not-allowed;opacity:.42}.pvc-task-compass__actions>small{grid-column:1/-1;margin-top:4px;color:var(--pvb-muted);font-size:8px;line-height:1.45}.pvc-task-compass--embedded .pvc-task-compass__actions{grid-template-columns:1fr}.pvc-task-compass-divider{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;padding:18px clamp(26px,4vw,55px);border-bottom:1px solid var(--pvb-ink);background:#e9ecff}.pvc-task-compass-divider>span{color:var(--pvc-compass-blue,#315cff);font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-task-compass-divider>p{max-width:780px;margin:0;font-size:9px;line-height:1.5}
.pvc-task-compass__actions [data-pvc-compass-workflow]{grid-column:1/-1}
@media(max-width:1080px){.pvc-task-compass__body{grid-template-columns:1fr}.pvc-task-compass__contract{position:static}.pvc-task-compass__preview pre{min-height:230px}.pvc-task-compass__questions{grid-template-columns:1fr}.pvc-task-compass__questions input{min-height:48px}.pvc-task-compass__contract>ul span{display:block;margin-top:6px}.pvc-task-compass__contract>ul span strong,.pvc-task-compass__contract>ul span small{display:block}.pvc-task-compass__contract>ul span strong{font-size:8px}.pvc-task-compass__contract>ul span small{display:none}}
@media(max-width:700px){.pvc-task-compass--standalone{padding-right:14px;padding-left:14px}.pvc-task-compass__head{grid-template-columns:1fr}.pvc-task-compass__head>aside{border-top:1px solid rgba(255,255,255,.25);border-left:0}.pvc-task-compass__mode,.pvc-task-compass__fields{grid-template-columns:1fr}.pvc-task-compass__contract>ul{grid-template-columns:repeat(5,minmax(38px,1fr))}.pvc-task-compass__contract>ul span{display:none}.pvc-task-compass__actions{grid-template-columns:1fr}.pvc-task-compass-divider{grid-template-columns:1fr}.pvc-task-compass__briefing{padding:20px}}

/* 2.2 transparent workflow studio. */
.pvc-workflow-generator{--pvw-blue:var(--pvb-blue,#315cff);--pvw-violet:var(--pvb-violet,#7657ff);width:100%;max-width:none;margin:0;padding:0;background:var(--pvb-paper);color:var(--pvb-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.45}
.pvc-workflow-generator__hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;background:var(--pvb-ink);color:#fff}.pvc-workflow-generator__hero>div{padding:clamp(45px,8vw,120px) max(24px,calc((100vw - 1460px)/2)) clamp(45px,8vw,110px)}.pvc-workflow-generator__hero h1{max-width:1100px;margin:24px 0;color:#fff;font-size:clamp(54px,8vw,126px);line-height:.79}.pvc-workflow-generator__hero h1 span{color:#8f9fff}.pvc-workflow-generator__hero>div>p:last-child{max-width:790px;margin:0;color:rgba(255,255,255,.67);font-size:13px;line-height:1.65}.pvc-workflow-generator__hero>aside{display:flex;flex-direction:column;justify-content:flex-end;padding:35px;border-left:1px solid rgba(255,255,255,.25);background:linear-gradient(160deg,rgba(49,92,255,.2),rgba(118,87,255,.35))}.pvc-workflow-generator__hero>aside span{color:#aeb9ff;font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-workflow-generator__hero>aside strong{margin-top:35px;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(54px,6vw,92px);line-height:.75;letter-spacing:-.09em}.pvc-workflow-generator__hero>aside small{margin-top:20px;color:rgba(255,255,255,.65);font-size:9px;line-height:1.5}
.pvc-workflow-generator__layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;max-width:1460px;margin:0 auto;padding:clamp(55px,8vw,115px) 24px;gap:5px}.pvc-workflow-builder{border:1px solid var(--pvb-ink);background:#f8f7f3}.pvc-workflow-builder>header{display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;padding:clamp(28px,4vw,55px);border-bottom:1px solid var(--pvb-ink)}.pvc-workflow-builder>header>span{color:var(--pvw-blue);font:750 9px ui-monospace,monospace}.pvc-workflow-builder>header h2{max-width:820px;margin:0;font-size:clamp(38px,5vw,72px);line-height:.87}.pvc-workflow-builder>header p{max-width:680px;margin:15px 0 0;color:var(--pvb-muted);font-size:10px}.pvc-workflow-import{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid var(--pvb-ink);background:#eafffb}.pvc-workflow-import strong,.pvc-workflow-import span{display:block}.pvc-workflow-import strong{color:#087565;font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-workflow-import span{margin-top:4px;font-size:9px}.pvc-workflow-import button{border:0;background:transparent;cursor:pointer;font-size:8px;text-transform:uppercase}
.pvc-workflow-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:clamp(25px,4vw,55px)}.pvc-workflow-fields label{display:grid;gap:8px}.pvc-workflow-fields label.is-wide{grid-column:1/-1}.pvc-workflow-fields label>span{font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-workflow-fields input,.pvc-workflow-fields select,.pvc-workflow-fields textarea{width:100%;border:1px solid var(--pvb-ink);border-radius:6px;background:#fff;color:var(--pvb-ink);outline:0}.pvc-workflow-fields select{min-height:49px;padding:0 13px}.pvc-workflow-fields textarea{padding:14px;resize:vertical;line-height:1.6}.pvc-workflow-fields input:focus,.pvc-workflow-fields select:focus,.pvc-workflow-fields textarea:focus{border-color:var(--pvw-blue);box-shadow:0 0 0 3px rgba(49,92,255,.14)}
.pvc-workflow-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px clamp(25px,4vw,55px);border-top:1px solid var(--pvb-ink);background:#fff}.pvc-workflow-controls>label{display:flex;align-items:flex-start;gap:11px}.pvc-workflow-controls input{width:20px;height:20px;accent-color:var(--pvw-blue)}.pvc-workflow-controls label strong,.pvc-workflow-controls label small{display:block}.pvc-workflow-controls label strong{font-size:10px}.pvc-workflow-controls label small{margin-top:3px;color:var(--pvb-muted);font-size:8px}.pvc-workflow-controls button:disabled{cursor:not-allowed;opacity:.42}
.pvc-workflow-principles{position:sticky;top:70px;align-self:start;border:1px solid var(--pvb-ink);background:var(--pvb-ink);color:#fff}.admin-bar .pvc-workflow-principles{top:102px}.pvc-workflow-principles>span{display:block;padding:17px;border-bottom:1px solid rgba(255,255,255,.25);color:#aeb9ff;font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-workflow-principles ol{margin:0;padding:0;list-style:none}.pvc-workflow-principles li{display:grid;min-height:90px;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.2)}.pvc-workflow-principles li b{color:#8f9fff;font:750 9px ui-monospace,monospace}.pvc-workflow-principles li strong{font-family:"Inter Tight",Inter,sans-serif;font-size:20px;line-height:.95}.pvc-workflow-principles>p{margin:0;padding:20px;color:rgba(255,255,255,.62);font-size:9px;line-height:1.6}
.pvc-workflow-output{padding:clamp(70px,10vw,150px) max(24px,calc((100vw - 1460px)/2));background:#ecebe6;outline:0}.pvc-workflow-output>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:end;margin-bottom:55px}.pvc-workflow-output>header h2{max-width:940px;margin:18px 0 16px;font-size:clamp(50px,7vw,105px);line-height:.82}.pvc-workflow-output>header p:not(.pvc-eyebrow){max-width:720px;margin:0;color:var(--pvb-muted);font-size:11px}.pvc-workflow-output>header>div:last-child{display:flex;flex-direction:column;gap:7px}.pvc-workflow-map{position:relative;display:grid;gap:5px}.pvc-workflow-map::before{position:absolute;top:0;bottom:0;left:41px;width:2px;background:var(--pvw-blue);content:""}
.pvc-workflow-step{position:relative;border:1px solid var(--pvb-ink);background:#fff}.pvc-workflow-step>header{position:relative;z-index:1;display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:24px;align-items:center;min-height:150px;padding:25px}.pvc-workflow-step>header>span{display:grid;width:58px;height:58px;place-items:center;border:1px solid var(--pvw-blue);border-radius:50%;background:var(--pvw-blue);color:#fff;font:750 11px ui-monospace,monospace}.pvc-workflow-step>header small{color:var(--pvw-blue);font:750 7px ui-monospace,monospace}.pvc-workflow-step>header h3{margin:8px 0 7px;font-size:clamp(28px,4vw,52px);line-height:.9}.pvc-workflow-step>header p{max-width:760px;margin:0;color:var(--pvb-muted);font-size:9px;line-height:1.5}.pvc-workflow-step>header>b{align-self:start;padding:7px 9px;border-radius:999px;background:#c7f6e9;color:#087565;font:750 7px ui-monospace,monospace}
.pvc-workflow-step__flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--pvb-ink);background:var(--pvb-ink);gap:1px}.pvc-workflow-step__flow>div{min-width:0;padding:18px;background:#f5f4ef}.pvc-workflow-step__flow span,.pvc-workflow-step__flow strong{display:block}.pvc-workflow-step__flow span{color:var(--pvw-blue);font:750 7px ui-monospace,monospace;text-transform:uppercase}.pvc-workflow-step__flow strong{margin-top:9px;font-size:9px;line-height:1.5}
.pvc-workflow-step__prompt{border-top:1px solid var(--pvb-ink);background:#111210;color:#fff}.pvc-workflow-step__prompt>summary{padding:16px 20px;cursor:pointer;color:#aeb9ff;font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-workflow-step__prompt>pre{overflow:auto;max-height:580px;margin:0;padding:24px;border-top:1px solid rgba(255,255,255,.25);color:#fff;font:9px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.pvc-workflow-step__prompt>div{display:flex;gap:6px;padding:14px;border-top:1px solid rgba(255,255,255,.25)}.pvc-workflow-step__prompt button{min-height:40px;padding:0 13px;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer;font-size:8px}.pvc-workflow-step__prompt button:hover{border-color:#8f9fff;background:#8f9fff}.pvc-workflow-handoff{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;margin-top:60px;padding:clamp(28px,5vw,65px);border:1px solid var(--pvb-ink);background:#e9ecff}.pvc-workflow-handoff span{color:var(--pvw-blue);font:750 8px ui-monospace,monospace;text-transform:uppercase}.pvc-workflow-handoff h3{max-width:850px;margin:15px 0;font-size:clamp(38px,5vw,72px);line-height:.88}.pvc-workflow-handoff p{max-width:760px;margin:0;color:var(--pvb-muted);font-size:10px}
@media(max-width:1000px){.pvc-workflow-generator__layout{grid-template-columns:1fr}.pvc-workflow-principles{position:static}.pvc-workflow-output>header{grid-template-columns:1fr}.pvc-workflow-output>header>div:last-child{flex-direction:row;flex-wrap:wrap}.pvc-workflow-step__flow{grid-template-columns:1fr}.pvc-workflow-handoff{grid-template-columns:1fr}}
@media(max-width:700px){.pvc-workflow-generator__hero{grid-template-columns:1fr}.pvc-workflow-generator__hero>div{padding-right:20px;padding-left:20px}.pvc-workflow-generator__hero>aside{border-top:1px solid rgba(255,255,255,.25);border-left:0}.pvc-workflow-generator__layout{padding-right:14px;padding-left:14px}.pvc-workflow-fields,.pvc-workflow-controls{grid-template-columns:1fr}.pvc-workflow-fields label.is-wide{grid-column:auto}.pvc-workflow-step>header{grid-template-columns:60px minmax(0,1fr)}.pvc-workflow-step>header>b{grid-column:2}.pvc-workflow-step__prompt>div{flex-direction:column}.pvc-workflow-map::before{left:31px}.pvc-workflow-output{padding-right:14px;padding-left:14px}.pvc-workflow-handoff{padding:24px}}

/* 2.2.1 brand alignment: Aufgaben-Kompass and Workflow-Studio use the
 * Promptvergleich editorial system from the child theme. This section is
 * intentionally last so it also neutralises legacy blue/violet module rules.
 */
.pvc-task-compass,
.pvc-workflow-generator {
	--pvc-brand-paper: var(--paper, #f3f2ef);
	--pvc-brand-bright: var(--paper-bright, #fbfaf7);
	--pvc-brand-concrete: var(--concrete, #d6d4d3);
	--pvc-brand-ink: var(--ink, #111210);
	--pvc-brand-muted: var(--muted, #686863);
	--pvc-brand-red: var(--red, #e84f2f);
	--pvc-brand-red-dark: var(--red-dark, #b93019);
	--pvc-brand-lilac: var(--lilac, #dfddfe);
	--pvc-brand-line: var(--line, rgba(17, 18, 16, .18));
	--pvc-brand-shell: var(--shell, min(94vw, 1640px));
	--pvc-brand-display: var(--font-display, "PV Archivo", Archivo, "Inter Tight", Inter, sans-serif);
	--pvc-brand-ui: var(--font-ui, "PV Inter", Inter, sans-serif);
	background: var(--pvc-brand-paper);
	color: var(--pvc-brand-ink);
	font-family: var(--pvc-brand-ui);
	font-size: 16px;
	line-height: 1.5;
	word-break: normal;
	overflow-wrap: normal;
}

.pvc-task-compass h2,
.pvc-task-compass__goal>span strong,
.pvc-task-compass__contract>header strong,
.pvc-task-compass__completion b,
.pvc-task-compass__mode button strong,
.pvc-workflow-generator h1,
.pvc-workflow-generator h2,
.pvc-workflow-generator h3,
.pvc-workflow-generator__hero>aside strong,
.pvc-workflow-principles li strong {
	font-family: var(--pvc-brand-display);
	font-weight: 730;
	letter-spacing: -.065em;
}

.pvc-task-compass .pvc-eyebrow,
.pvc-workflow-generator .pvc-eyebrow {
	position: relative;
	z-index: 2;
	margin: 0;
	color: var(--pvc-brand-red);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 9px;
	font-weight: 750;
	letter-spacing: .095em;
	text-transform: uppercase;
}

.pvc-task-compass .pvc-button,
.pvc-workflow-generator .pvc-button {
	min-height: 50px;
	padding: 0 22px;
	border: 1px solid var(--pvc-brand-ink);
	border-radius: 0;
	box-shadow: none;
	font-family: var(--pvc-brand-ui);
	font-size: 12px;
	font-weight: 700;
	transition: color .24s ease, background-color .24s ease, transform .24s ease;
}

.pvc-task-compass .pvc-button--accent,
.pvc-workflow-generator .pvc-button--accent {
	border-color: var(--pvc-brand-red);
	background: var(--pvc-brand-red);
	color: #fff;
}

.pvc-task-compass .pvc-button--dark,
.pvc-workflow-generator .pvc-button--dark {
	background: var(--pvc-brand-ink);
	color: #fff;
}

.pvc-task-compass .pvc-button--ghost,
.pvc-workflow-generator .pvc-button--ghost {
	background: transparent;
	color: var(--pvc-brand-ink);
}

.pvc-task-compass .pvc-button:not(:disabled):hover,
.pvc-workflow-generator .pvc-button:not(:disabled):hover {
	border-color: var(--pvc-brand-ink);
	background: var(--pvc-brand-lilac);
	color: var(--pvc-brand-ink);
	transform: translateY(-2px);
}

.pvc-task-compass input:focus,
.pvc-task-compass select:focus,
.pvc-task-compass textarea:focus,
.pvc-workflow-fields input:focus,
.pvc-workflow-fields select:focus,
.pvc-workflow-fields textarea:focus {
	border-color: var(--pvc-brand-red);
	box-shadow: 0 0 0 3px rgba(232, 79, 47, .14);
}

/* Aufgaben-Kompass: same warm-grey editorial page head as the platform. */
.pvc-task-compass--standalone {
	max-width: none;
	margin: 0;
	padding: 0;
	background: var(--pvc-brand-paper);
}

.pvc-task-compass--embedded {
	border: 0;
	background: var(--pvc-brand-paper);
}

.pvc-task-compass__head {
	position: relative;
	display: grid;
	overflow: hidden;
	min-height: clamp(500px, 58vw, 720px);
	grid-template-columns: minmax(0, 1fr) clamp(230px, 22vw, 350px);
	border: 0;
	border-bottom: 1px solid var(--pvc-brand-ink);
	background:
		linear-gradient(90deg, rgba(17,18,16,.045) 1px, transparent 1px) 0 0 / 64px 64px,
		linear-gradient(rgba(17,18,16,.045) 1px, transparent 1px) 0 0 / 64px 64px,
		var(--pvc-brand-concrete);
	color: var(--pvc-brand-ink);
	isolation: isolate;
}

.pvc-task-compass--standalone>.pvc-task-compass__head { border: 0; border-bottom: 1px solid var(--pvc-brand-ink); }

.pvc-task-compass__head::before {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: clamp(14px, 2.4vw, 38px);
	background: var(--pvc-brand-red);
	content: "";
}

.pvc-task-compass__head::after {
	position: absolute;
	z-index: -1;
	top: -32%;
	right: -7%;
	width: clamp(320px, 40vw, 680px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--pvc-brand-red);
	box-shadow: 0 0 0 1px rgba(17,18,16,.3), 0 0 0 5vw rgba(17,18,16,.035);
	content: "";
}

.pvc-task-compass__head>div {
	position: relative;
	z-index: 2;
	align-self: end;
	padding: clamp(86px, 10vw, 155px) clamp(28px, 5vw, 90px) clamp(70px, 8vw, 120px) max(5vw, calc((100vw - 1640px) / 2));
}

.pvc-task-compass__head h2 {
	max-width: 1120px;
	margin: 22px 0 30px;
	color: var(--pvc-brand-ink);
	font-size: clamp(58px, 8vw, 132px);
	line-height: .84;
	letter-spacing: -.078em;
	text-wrap: balance;
}

.pvc-task-compass__head h2 span { color: var(--pvc-brand-red); }

.pvc-task-compass__head>div>p:last-child {
	max-width: 720px;
	margin: 0;
	color: #484945;
	font-size: clamp(14px, 1.15vw, 18px);
	line-height: 1.65;
}

.pvc-task-compass__head>aside {
	position: relative;
	z-index: 2;
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: flex-end;
	padding: clamp(28px, 4vw, 58px);
	border: 0;
	border-left: 1px solid rgba(17,18,16,.34);
	background: rgba(223,221,254,.9);
	color: var(--pvc-brand-ink);
}

.pvc-task-compass__head>aside strong {
	color: var(--pvc-brand-red);
	font: 750 9px ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.pvc-task-compass__head>aside span {
	max-width: 230px;
	margin-top: 14px;
	color: var(--pvc-brand-ink);
	font-size: 12px;
	line-height: 1.55;
}

.pvc-task-compass__mode {
	display: grid;
	width: var(--pvc-brand-shell);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 0 auto;
	border-right: 1px solid var(--pvc-brand-ink);
	border-bottom: 1px solid var(--pvc-brand-ink);
	border-left: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-ink);
}

.pvc-task-compass__mode button {
	display: grid;
	min-height: 106px;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 4px 16px;
	align-content: center;
	padding: 22px 28px;
	border: 0;
	border-radius: 0;
	background: var(--pvc-brand-bright);
	color: var(--pvc-brand-ink);
	text-align: left;
	cursor: pointer;
}

.pvc-task-compass__mode button.is-active {
	background: var(--pvc-brand-ink);
	color: #fff;
	box-shadow: inset 0 -5px 0 var(--pvc-brand-red);
}

.pvc-task-compass__mode button>span { color: var(--pvc-brand-red); font-size: 9px; }
.pvc-task-compass__mode button strong { font-size: clamp(20px, 2vw, 28px); line-height: 1; }
.pvc-task-compass__mode button small { margin-top: 5px; font-size: 10px; opacity: .66; }

.pvc-task-compass__body {
	display: grid;
	width: var(--pvc-brand-shell);
	grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr);
	align-items: start;
	gap: clamp(20px, 3vw, 42px);
	margin: 0 auto;
	padding: clamp(60px, 8vw, 120px) 0;
	border: 0;
	background: transparent;
}

.pvc-task-compass--embedded .pvc-task-compass__body { border: 0; }

.pvc-task-compass__briefing {
	min-width: 0;
	padding: clamp(28px, 4vw, 58px);
	border: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-bright);
}

.pvc-task-compass__types { gap: 7px; margin-bottom: 34px; }
.pvc-task-compass__types>span { margin-bottom: 7px; color: var(--pvc-brand-muted); font-size: 9px; }
.pvc-task-compass__types button {
	min-height: 38px;
	padding: 0 13px;
	border: 1px solid var(--pvc-brand-ink);
	border-radius: 0;
	background: var(--pvc-brand-bright);
	color: var(--pvc-brand-ink);
	font-size: 9px;
}
.pvc-task-compass__types button:hover,
.pvc-task-compass__types button.is-active {
	border-color: var(--pvc-brand-ink);
	background: var(--pvc-brand-ink);
	color: #fff;
	box-shadow: inset 0 -4px 0 var(--pvc-brand-red);
}

.pvc-task-compass label { gap: 10px; }
.pvc-task-compass label>span { font-size: 9px; letter-spacing: .04em; }
.pvc-task-compass input,
.pvc-task-compass select,
.pvc-task-compass textarea {
	border: 1px solid var(--pvc-brand-ink);
	border-radius: 0;
	background: #fff;
	color: var(--pvc-brand-ink);
	font-size: 13px;
}
.pvc-task-compass input,
.pvc-task-compass select { min-height: 52px; padding: 0 15px; }
.pvc-task-compass textarea { padding: 16px; line-height: 1.6; }

.pvc-task-compass__goal>span strong {
	font-size: clamp(36px, 4.5vw, 68px);
	line-height: .9;
	letter-spacing: -.065em;
}
.pvc-task-compass__goal>span small { margin-top: 12px; font-size: 11px; }
.pvc-task-compass__goal textarea { min-height: 190px; margin-top: 10px; font-size: 14px; }

.pvc-task-compass__questions { gap: 10px; margin-top: 28px; }
.pvc-task-compass__questions label {
	min-height: 190px;
	align-content: start;
	padding: 19px;
	border: 1px solid var(--pvc-brand-ink);
	background: #fff;
}
.pvc-task-compass__questions label>span { min-height: 45px; color: var(--pvc-brand-red); font-size: 9px; }
.pvc-task-compass__questions input { min-height: 82px; padding: 12px 0; border: 0; border-top: 1px solid var(--pvc-brand-line); }

.pvc-task-compass__fields { gap: 16px; margin-top: 28px; }
.pvc-task-compass__notice { border: 1px solid var(--pvc-brand-red); border-left-width: 5px; background: #fff1ed; font-size: 11px; }

.pvc-task-compass__contract {
	position: sticky;
	top: 70px;
	min-width: 0;
	border: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-bright);
}
.admin-bar .pvc-task-compass__contract { top: 102px; }
.pvc-task-compass__contract>header {
	min-height: 150px;
	padding: 28px;
	border-bottom: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-lilac);
}
.pvc-task-compass__contract>header span { color: var(--pvc-brand-red); font-size: 9px; }
.pvc-task-compass__contract>header strong { max-width: 280px; margin-top: 10px; font-size: clamp(27px, 3vw, 40px); line-height: .9; }
.pvc-task-compass__completion b { font-size: clamp(62px, 6vw, 90px); color: var(--pvc-brand-ink); }
.pvc-task-compass__completion small { font-size: 10px; }

.pvc-task-compass__contract>ul { background: var(--pvc-brand-ink); gap: 1px; border-bottom: 1px solid var(--pvc-brand-ink); }
.pvc-task-compass__contract>ul li { min-height: 58px; padding: 13px 6px; border: 0; background: var(--pvc-brand-bright); }
.pvc-task-compass__contract>ul i { width: 24px; height: 24px; border-color: var(--pvc-brand-line); border-radius: 50%; }
.pvc-task-compass__contract>ul li.is-ready i { border-color: var(--pvc-brand-red); background: var(--pvc-brand-red); color: #fff; }

.pvc-task-compass__preview>span { padding: 14px 20px; color: var(--pvc-brand-red); font-size: 8px; }
.pvc-task-compass__preview pre {
	max-height: 560px;
	min-height: 390px;
	padding: 26px;
	background: #fff;
	color: var(--pvc-brand-ink);
	font: 11px/1.7 ui-monospace, SFMono-Regular, Menlo, monospace;
	word-break: normal;
	overflow-wrap: anywhere;
}

.pvc-task-compass__actions { gap: 8px; padding: 20px; border-top: 1px solid var(--pvc-brand-ink); background: var(--pvc-brand-concrete); }
.pvc-task-compass__actions>small { margin-top: 7px; color: var(--pvc-brand-muted); font-size: 10px; }
.pvc-task-compass-divider { width: var(--pvc-brand-shell); margin: 0 auto; padding: 22px 0; border: 0; border-top: 1px solid var(--pvc-brand-ink); background: transparent; }
.pvc-task-compass-divider>span { color: var(--pvc-brand-red); font-size: 9px; }
.pvc-task-compass-divider>p { font-size: 11px; }

/* Workflow-Studio: same page head, form language and restrained brand palette. */
.pvc-workflow-generator { background: var(--pvc-brand-paper); }
.pvc-workflow-generator__hero {
	position: relative;
	display: grid;
	overflow: hidden;
	min-height: clamp(540px, 62vw, 790px);
	grid-template-columns: minmax(0, 1fr) clamp(260px, 22vw, 370px);
	border-bottom: 1px solid var(--pvc-brand-ink);
	background:
		linear-gradient(90deg, rgba(17,18,16,.045) 1px, transparent 1px) 0 0 / 64px 64px,
		linear-gradient(rgba(17,18,16,.045) 1px, transparent 1px) 0 0 / 64px 64px,
		var(--pvc-brand-concrete);
	color: var(--pvc-brand-ink);
	isolation: isolate;
}
.pvc-workflow-generator__hero::before {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: clamp(14px, 2.4vw, 38px);
	background: var(--pvc-brand-red);
	content: "";
}
.pvc-workflow-generator__hero::after {
	position: absolute;
	z-index: -1;
	top: -30%;
	right: -6%;
	width: clamp(340px, 42vw, 700px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--pvc-brand-red);
	box-shadow: 0 0 0 1px rgba(17,18,16,.3), 0 0 0 5vw rgba(17,18,16,.035);
	content: "";
}
.pvc-workflow-generator__hero>div {
	position: relative;
	z-index: 2;
	align-self: end;
	padding: clamp(90px, 11vw, 170px) clamp(30px, 5vw, 90px) clamp(72px, 8vw, 125px) max(5vw, calc((100vw - 1640px) / 2));
}
.pvc-workflow-generator__hero h1 {
	max-width: 1200px;
	margin: 24px 0 30px;
	color: var(--pvc-brand-ink);
	font-size: clamp(62px, 9vw, 148px);
	line-height: .82;
	letter-spacing: -.08em;
	text-wrap: balance;
}
.pvc-workflow-generator__hero h1 span { color: var(--pvc-brand-red); }
.pvc-workflow-generator__hero>div>p:last-child { max-width: 790px; color: #484945; font-size: clamp(14px, 1.15vw, 18px); }
.pvc-workflow-generator__hero>aside {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: clamp(30px, 4vw, 60px);
	border: 0;
	border-left: 1px solid rgba(17,18,16,.34);
	background: var(--pvc-brand-ink);
	color: #fff;
}
.pvc-workflow-generator__hero>aside span { color: var(--pvc-brand-red); font-size: 9px; }
.pvc-workflow-generator__hero>aside strong { margin-top: 38px; font-size: clamp(58px, 6vw, 96px); }
.pvc-workflow-generator__hero>aside small { margin-top: 22px; color: rgba(255,255,255,.68); font-size: 11px; }

.pvc-workflow-generator__layout {
	display: grid;
	width: var(--pvc-brand-shell);
	max-width: none;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: clamp(20px, 3vw, 42px);
	margin: 0 auto;
	padding: clamp(65px, 8vw, 125px) 0;
}
.pvc-workflow-builder { border: 1px solid var(--pvc-brand-ink); background: var(--pvc-brand-bright); }
.pvc-workflow-builder>header { grid-template-columns: 58px minmax(0, 1fr); padding: clamp(32px, 4.5vw, 64px); border-color: var(--pvc-brand-ink); }
.pvc-workflow-builder>header>span { color: var(--pvc-brand-red); font-size: 10px; }
.pvc-workflow-builder>header h2 { font-size: clamp(46px, 6vw, 90px); line-height: .86; }
.pvc-workflow-builder>header p { max-width: 720px; margin-top: 20px; font-size: 12px; line-height: 1.55; }
.pvc-workflow-import { padding: 18px 24px; border-color: var(--pvc-brand-ink); background: var(--pvc-brand-lilac); }
.pvc-workflow-import strong { color: var(--pvc-brand-red); font-size: 9px; }
.pvc-workflow-import span,
.pvc-workflow-import button { font-size: 10px; }

.pvc-workflow-fields { gap: 18px; padding: clamp(30px, 4.5vw, 64px); }
.pvc-workflow-fields label { gap: 10px; }
.pvc-workflow-fields label>span { font-size: 9px; letter-spacing: .04em; }
.pvc-workflow-fields input,
.pvc-workflow-fields select,
.pvc-workflow-fields textarea { border-color: var(--pvc-brand-ink); border-radius: 0; font-size: 13px; }
.pvc-workflow-fields select { min-height: 52px; padding: 0 15px; }
.pvc-workflow-fields textarea { padding: 16px; }
.pvc-workflow-controls { padding: 24px clamp(30px, 4.5vw, 64px); border-color: var(--pvc-brand-ink); background: var(--pvc-brand-concrete); }
.pvc-workflow-controls input { accent-color: var(--pvc-brand-red); }
.pvc-workflow-controls label strong { font-size: 12px; }
.pvc-workflow-controls label small { margin-top: 5px; font-size: 10px; }

.pvc-workflow-principles { top: 70px; border-color: var(--pvc-brand-ink); background: var(--pvc-brand-ink); }
.pvc-workflow-principles>span { padding: 20px; color: var(--pvc-brand-red); font-size: 9px; }
.pvc-workflow-principles li { min-height: 104px; grid-template-columns: 42px minmax(0, 1fr); padding: 20px; }
.pvc-workflow-principles li b { color: var(--pvc-brand-red); font-size: 10px; }
.pvc-workflow-principles li strong { font-size: 24px; }
.pvc-workflow-principles>p { padding: 24px; font-size: 10px; }

.pvc-workflow-output { padding: clamp(75px, 9vw, 145px) max(3vw, calc((100vw - 1640px) / 2)); background: var(--pvc-brand-concrete); }
.pvc-workflow-output>header h2 { font-size: clamp(56px, 8vw, 126px); }
.pvc-workflow-output>header p:not(.pvc-eyebrow) { max-width: 760px; font-size: 13px; }
.pvc-workflow-map { gap: 10px; }
.pvc-workflow-map::before { background: var(--pvc-brand-red); }
.pvc-workflow-step { border-color: var(--pvc-brand-ink); background: var(--pvc-brand-bright); }
.pvc-workflow-step>header { min-height: 165px; padding: 28px; }
.pvc-workflow-step>header>span { border-color: var(--pvc-brand-red); background: var(--pvc-brand-red); }
.pvc-workflow-step>header small { color: var(--pvc-brand-red); font-size: 8px; }
.pvc-workflow-step>header h3 { font-size: clamp(34px, 4.5vw, 64px); }
.pvc-workflow-step>header p { font-size: 11px; }
.pvc-workflow-step>header>b { border-radius: 0; background: var(--pvc-brand-lilac); color: var(--pvc-brand-ink); }
.pvc-workflow-step__flow { border-color: var(--pvc-brand-ink); background: var(--pvc-brand-ink); }
.pvc-workflow-step__flow>div { padding: 22px; background: var(--pvc-brand-paper); }
.pvc-workflow-step__flow span { color: var(--pvc-brand-red); font-size: 8px; }
.pvc-workflow-step__flow strong { margin-top: 11px; font-size: 11px; }
.pvc-workflow-step__prompt>summary { color: var(--pvc-brand-red-soft, #f0a391); }
.pvc-workflow-step__prompt>pre { font-size: 11px; word-break: normal; overflow-wrap: anywhere; }
.pvc-workflow-step__prompt button:hover { border-color: var(--pvc-brand-lilac); background: var(--pvc-brand-lilac); color: var(--pvc-brand-ink); }
.pvc-workflow-handoff { padding: clamp(32px, 5vw, 70px); border-color: var(--pvc-brand-ink); background: var(--pvc-brand-lilac); }
.pvc-workflow-handoff span { color: var(--pvc-brand-red); font-size: 9px; }
.pvc-workflow-handoff h3 { font-size: clamp(44px, 6vw, 88px); }
.pvc-workflow-handoff p { font-size: 12px; }

@media (max-width: 1100px) {
	.pvc-task-compass__body,
	.pvc-workflow-generator__layout { grid-template-columns: 1fr; }
	.pvc-task-compass__contract,
	.pvc-workflow-principles { position: static; }
	.pvc-task-compass__questions { grid-template-columns: 1fr; }
	.pvc-task-compass__questions label { min-height: 0; }
	.pvc-task-compass__questions input { min-height: 58px; }
}

@media (max-width: 760px) {
	.pvc-task-compass__head,
	.pvc-workflow-generator__hero { min-height: 0; grid-template-columns: 1fr; }
	.pvc-task-compass__head::after,
	.pvc-workflow-generator__hero::after { top: -8%; right: -42%; width: 115vw; opacity: .26; }
	.pvc-task-compass__head>div,
	.pvc-workflow-generator__hero>div { padding: 90px 24px 64px 42px; }
	.pvc-task-compass__head h2 { font-size: clamp(50px, 16vw, 82px); }
	.pvc-workflow-generator__hero h1 { font-size: clamp(52px, 16vw, 86px); }
	.pvc-task-compass__head>aside,
	.pvc-workflow-generator__hero>aside { min-height: 170px; padding: 28px 24px 30px 42px; border-top: 1px solid var(--pvc-brand-ink); border-left: 0; }
	.pvc-task-compass__mode { width: calc(100% - 28px); grid-template-columns: 1fr; }
	.pvc-task-compass__mode button { min-height: 90px; }
	.pvc-task-compass__body,
	.pvc-workflow-generator__layout { width: calc(100% - 28px); padding: 48px 0 70px; }
	.pvc-task-compass__briefing,
	.pvc-workflow-fields { padding: 24px; }
	.pvc-task-compass__fields,
	.pvc-workflow-fields,
	.pvc-workflow-controls { grid-template-columns: 1fr; }
	.pvc-task-compass__contract>header { padding: 22px; }
	.pvc-task-compass__preview pre { min-height: 280px; }
	.pvc-task-compass__actions { grid-template-columns: 1fr; }
	.pvc-task-compass-divider { width: calc(100% - 28px); grid-template-columns: 1fr; gap: 8px; }
	.pvc-workflow-builder>header { grid-template-columns: 38px minmax(0, 1fr); padding: 28px 24px; }
	.pvc-workflow-controls { padding: 24px; }
	.pvc-workflow-output { padding-right: 14px; padding-left: 14px; }
	.pvc-workflow-output>header>div:last-child { flex-direction: column; }
	.pvc-workflow-output .pvc-button { width: 100%; }
	.pvc-workflow-step>header { grid-template-columns: 60px minmax(0, 1fr); padding: 22px 18px; }
	.pvc-workflow-step>header>b { grid-column: 2; }
	.pvc-workflow-step__prompt>div { flex-direction: column; }
	.pvc-workflow-handoff { padding: 28px 22px; }
}

/* 2.2.3 — Aufgaben-Kompass: one container, one grid and component-aware breakpoints. */
body:has(.pvc-task-compass) .pv-action-dock {
	display: none !important;
}

.pvc-task-compass {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	isolation: isolate;
}

.pvc-task-compass--embedded {
	container: pvc-compass / inline-size;
	overflow: clip;
	border: 0;
	background: var(--pvc-brand-paper);
}

/* Embedded tools already sit below the benchmark heading. A second hero made
 * the panel extremely tall and broke the shared horizontal alignment. */
.pvc-task-compass--embedded>.pvc-task-compass__head {
	display: none !important;
}

.pvc-task-compass :where(button, input, select, textarea, pre, label, section, aside, div) {
	max-width: 100%;
	min-width: 0;
}

.pvc-task-compass :where(input, select, textarea) {
	width: 100%;
}

.pvc-task-compass :where(p, small, span, strong) {
	word-break: normal;
	overflow-wrap: break-word;
}

/* Compact entry switch. It inherits the exact width of the benchmark panel. */
.pvc-task-compass__mode {
	display: grid;
	width: 100%;
	max-width: 100%;
	grid-template-columns: minmax(220px, .78fr) repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	border: 0;
	border-bottom: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-ink);
}

.pvc-task-compass__mode-intro {
	display: flex;
	min-height: 104px;
	flex-direction: column;
	justify-content: center;
	padding: 20px 24px;
	background: var(--pvc-brand-lilac);
}

.pvc-task-compass__mode-intro>span,
.pvc-task-compass__section-head>span {
	color: var(--pvc-brand-red);
	font: 750 9px/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.pvc-task-compass__mode-intro>strong {
	margin-top: 7px;
	font-family: var(--pvc-brand-display);
	font-size: clamp(19px, 1.7vw, 26px);
	line-height: 1;
	letter-spacing: -.035em;
}

.pvc-task-compass__mode-intro>small {
	margin-top: 6px;
	color: var(--pvc-brand-muted);
	font-size: 10px;
	line-height: 1.4;
}

.pvc-task-compass__mode button {
	display: grid;
	min-height: 104px;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 3px 13px;
	align-content: center;
	padding: 18px 22px;
	border: 0;
	border-radius: 0;
	background: var(--pvc-brand-bright);
	color: var(--pvc-brand-ink);
	text-align: left;
}

.pvc-task-compass__mode button.is-active {
	background: var(--pvc-brand-ink);
	color: #fff;
	box-shadow: inset 0 -5px 0 var(--pvc-brand-red);
}

.pvc-task-compass__mode button>span {
	grid-row: 1 / 3;
	color: var(--pvc-brand-red);
	font: 750 9px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.pvc-task-compass__mode button strong,
.pvc-task-compass__mode button small {
	display: block;
}

.pvc-task-compass__mode button strong {
	font-size: clamp(18px, 1.5vw, 24px);
	line-height: 1;
}

.pvc-task-compass__mode button small {
	margin-top: 4px;
	font-size: 10px;
	line-height: 1.35;
	opacity: .66;
}

/* Shared workspace. Standalone pages use the site shell; embedded instances
 * use 100% of their parent and never calculate against the viewport. */
.pvc-task-compass__body {
	display: grid;
	width: var(--pvc-brand-shell);
	max-width: 100%;
	grid-template-columns: minmax(0, 1.65fr) minmax(300px, .72fr);
	align-items: start;
	gap: clamp(20px, 2.2vw, 34px);
	margin: 0 auto;
	padding: clamp(42px, 5vw, 74px) 0 clamp(72px, 8vw, 118px);
	border: 0;
	background: transparent;
}

.pvc-task-compass--embedded .pvc-task-compass__body {
	width: 100%;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
	gap: clamp(18px, 2vw, 28px);
	margin: 0;
	padding: clamp(24px, 3vw, 42px);
	border-bottom: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-paper);
}

.pvc-task-compass__briefing {
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-bright);
}

.pvc-task-compass__block {
	padding: clamp(26px, 3.2vw, 48px);
	border-bottom: 1px solid var(--pvc-brand-ink);
}

.pvc-task-compass__block:last-of-type {
	border-bottom: 0;
}

.pvc-task-compass__block--requirements {
	background: var(--pvc-brand-paper);
}

.pvc-task-compass__section-head {
	display: grid;
	grid-template-columns: minmax(84px, .24fr) minmax(0, 1fr);
	gap: clamp(14px, 2vw, 24px);
	align-items: start;
	margin-bottom: clamp(24px, 2.8vw, 38px);
}

.pvc-task-compass__section-head>div>strong,
.pvc-task-compass__section-head>div>small {
	display: block;
}

.pvc-task-compass__section-head>div>strong {
	font-family: var(--pvc-brand-display);
	font-size: clamp(23px, 2.1vw, 34px);
	line-height: 1;
	letter-spacing: -.045em;
}

.pvc-task-compass__section-head>div>small {
	max-width: 560px;
	margin-top: 8px;
	color: var(--pvc-brand-muted);
	font-size: 11px;
	line-height: 1.5;
}

.pvc-task-compass__types {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 0 0 clamp(26px, 3vw, 38px);
}

.pvc-task-compass__types>span {
	width: 100%;
	margin-bottom: 5px;
}

.pvc-task-compass__types button {
	min-height: 38px;
	padding: 7px 12px;
	white-space: normal;
}

.pvc-task-compass__goal>span,
.pvc-task-compass__goal>span strong,
.pvc-task-compass__goal>span small {
	display: block;
}

.pvc-task-compass__goal>span strong {
	max-width: 740px;
	font-size: clamp(34px, 3.6vw, 56px);
	line-height: .94;
}

.pvc-task-compass__goal>span small {
	margin-top: 10px;
}

.pvc-task-compass__goal textarea {
	min-height: 160px;
	margin-top: 14px;
	resize: vertical;
}

.pvc-task-compass__questions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
}

.pvc-task-compass__questions label {
	display: grid;
	min-height: 158px;
	align-content: start;
	padding: 17px;
	border: 1px solid var(--pvc-brand-ink);
	background: #fff;
}

.pvc-task-compass__questions label>span {
	min-height: 43px;
	margin-bottom: 12px;
	color: var(--pvc-brand-red);
	line-height: 1.35;
}

.pvc-task-compass__questions input {
	min-height: 58px;
	padding: 10px 0 0;
	border: 0;
	border-top: 1px solid var(--pvc-brand-line);
}

.pvc-task-compass__questions--semantic {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pvc-task-compass__questions--semantic label {
	min-height: 190px;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.pvc-task-compass__questions--semantic label>span strong,
.pvc-task-compass__questions--semantic label>span small {
	display: block;
}

.pvc-task-compass__questions--semantic label>span small {
	margin-top: 6px;
	color: var(--pvc-brand-muted);
	font-size: 9px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0;
}

.pvc-task-compass__questions--semantic :where(input,textarea) {
	width: 100%;
	min-height: 62px;
	padding: 12px 0 0;
	border: 0;
	border-top: 1px solid var(--pvc-brand-line);
	background: transparent;
	resize: vertical;
}

.pvc-task-compass__questions--semantic label.is-ready {
	border-color: #13795b;
	box-shadow: inset 4px 0 0 #13795b;
	background: #f5fffb;
}

.pvc-task-compass__questions--semantic label.is-weak {
	border-color: var(--pvc-brand-red);
	box-shadow: inset 4px 0 0 var(--pvc-brand-red);
	background: #fff6f3;
}

.pvc-task-compass__role-hint {
	display: block;
	margin-top: 8px;
	color: var(--pvc-brand-muted);
	font-size: 9px;
	line-height: 1.45;
}

.pvc-task-compass__fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
}

.pvc-task-compass__fields label {
	display: grid;
	align-content: start;
}

.pvc-task-compass__fields textarea {
	min-height: 128px;
	resize: vertical;
}

.pvc-task-compass__notice {
	margin: 0 clamp(26px, 3.2vw, 48px) clamp(26px, 3.2vw, 48px);
}

/* The live brief is deliberately narrower, but never below 300 px. It has no
 * internal page-height lock, so actions can never become unreachable. */
.pvc-task-compass__contract {
	position: sticky;
	top: 82px;
	width: 100%;
	max-height: none;
	overflow: visible;
	border: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-bright);
}

.admin-bar .pvc-task-compass__contract {
	top: 114px;
}

.pvc-task-compass__contract>header {
	display: grid;
	min-height: 138px;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 18px;
	align-items: start;
	padding: 24px;
	border-bottom: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-lilac);
}

.pvc-task-compass__contract>header span,
.pvc-task-compass__contract>header strong,
.pvc-task-compass__contract>header p {
	display: block;
}

.pvc-task-compass__contract>header strong {
	max-width: 250px;
	margin-top: 8px;
	font-size: clamp(26px, 2.4vw, 36px);
	line-height: .95;
}

.pvc-task-compass__contract>header p {
	max-width: 250px;
	margin: 9px 0 0;
	color: var(--pvc-brand-muted);
	font-size: 10px;
	line-height: 1.45;
}

.pvc-task-compass__completion {
	display: flex;
	align-items: baseline;
}

.pvc-task-compass__completion b {
	font-size: clamp(54px, 4.7vw, 72px);
	line-height: .75;
}

.pvc-task-compass__contract>ul {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-ink);
	list-style: none;
}

.pvc-task-compass__contract>ul li,
.pvc-task-compass__contract>ul li:last-child {
	display: grid;
	min-height: 56px;
	grid-column: auto;
	grid-template-columns: 26px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 10px 13px;
	border: 0;
	background: var(--pvc-brand-bright);
	text-align: left;
}

.pvc-task-compass__contract>ul i {
	display: grid;
	width: 24px;
	height: 24px;
	place-items: center;
	border: 1px solid var(--pvc-brand-line);
	border-radius: 50%;
	font-size: 9px;
	font-style: normal;
}

.pvc-task-compass__contract>ul li.is-ready i {
	border-color: var(--pvc-brand-red);
	background: var(--pvc-brand-red);
	color: #fff;
}

.pvc-task-compass__contract>ul span,
.pvc-task-compass__contract>ul span strong,
.pvc-task-compass__contract>ul span small {
	display: block;
}

.pvc-task-compass__contract>ul span strong {
	font-size: 9px;
	line-height: 1.25;
}

.pvc-task-compass__contract>ul span small {
	margin-top: 2px;
	color: var(--pvc-brand-muted);
	font-size: 8px;
	line-height: 1.35;
}

.pvc-task-compass__preview>span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 16px;
	border-bottom: 1px solid var(--pvc-brand-line);
}

.pvc-task-compass__preview>span::after {
	color: var(--pvc-brand-muted);
	content: "live";
	font-size: 7px;
}

.pvc-task-compass__preview pre {
	overflow: auto;
	min-height: 220px;
	max-height: 360px;
	margin: 0;
	padding: 20px;
	background: #fff;
	font-size: 10px;
	line-height: 1.65;
	white-space: pre-wrap;
	word-break: normal;
	overflow-wrap: anywhere;
}

.pvc-task-compass__actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	padding: 16px;
	border-top: 1px solid var(--pvc-brand-ink);
	background: var(--pvc-brand-concrete);
}

.pvc-task-compass__actions .pvc-button {
	width: 100%;
	min-width: 0;
	min-height: 52px;
	margin: 0;
	white-space: normal;
}

.pvc-task-compass__actions [data-pvc-compass-workflow] {
	grid-column: auto;
}

.pvc-task-compass__actions>small {
	grid-column: auto;
	margin-top: 4px;
	color: var(--pvc-brand-muted);
	font-size: 9px;
	line-height: 1.45;
}

/* The embedded layout reacts to the real panel width instead of the viewport. */
@container pvc-compass (max-width: 980px) {
	.pvc-task-compass--embedded .pvc-task-compass__body {
		grid-template-columns: 1fr;
	}

	.pvc-task-compass--embedded .pvc-task-compass__contract {
		position: static;
	}

	.pvc-task-compass--embedded .pvc-task-compass__contract>ul {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.pvc-task-compass--embedded .pvc-task-compass__contract>ul li,
	.pvc-task-compass--embedded .pvc-task-compass__contract>ul li:last-child {
		grid-template-columns: 24px minmax(0, 1fr);
	}
}

@container pvc-compass (max-width: 720px) {
	.pvc-task-compass--embedded .pvc-task-compass__mode {
		grid-template-columns: 1fr;
	}

	.pvc-task-compass--embedded .pvc-task-compass__mode-intro,
	.pvc-task-compass--embedded .pvc-task-compass__mode button {
		min-height: 84px;
		padding: 17px 18px;
	}

	.pvc-task-compass--embedded .pvc-task-compass__body {
		gap: 16px;
		padding: 16px;
	}

	.pvc-task-compass--embedded .pvc-task-compass__block {
		padding: 24px 18px;
	}

	.pvc-task-compass--embedded .pvc-task-compass__section-head,
	.pvc-task-compass--embedded .pvc-task-compass__questions,
	.pvc-task-compass--embedded .pvc-task-compass__fields {
		grid-template-columns: 1fr;
	}

	.pvc-task-compass--embedded .pvc-task-compass__section-head {
		gap: 9px;
	}

	.pvc-task-compass--embedded .pvc-task-compass__questions label {
		min-height: 0;
	}

	.pvc-task-compass--embedded .pvc-task-compass__contract>ul {
		grid-template-columns: 1fr;
	}

	.pvc-task-compass--embedded .pvc-task-compass__contract>header {
		padding: 20px;
	}

	.pvc-task-compass--embedded .pvc-task-compass__notice {
		margin: 0 18px 24px;
	}
}

/* Standalone page fallback. */
@media (max-width: 1100px) {
	.pvc-task-compass--standalone .pvc-task-compass__body {
		grid-template-columns: 1fr;
	}

	.pvc-task-compass--standalone .pvc-task-compass__contract {
		position: static;
	}
}

@media (max-width: 760px) {
	.pvc-task-compass--standalone .pvc-task-compass__body {
		width: calc(100% - 28px);
		gap: 16px;
		padding: 42px 0 70px;
	}

	.pvc-task-compass--standalone .pvc-task-compass__block {
		padding: 24px 18px;
	}

	.pvc-task-compass--standalone .pvc-task-compass__section-head,
	.pvc-task-compass--standalone .pvc-task-compass__questions,
	.pvc-task-compass--standalone .pvc-task-compass__fields {
		grid-template-columns: 1fr;
	}
}

/* 2.5 compact, legible model selection and honest onboarding pricing. */
.pvc-benchmark-panel--models .pvc-benchmark-model-picker,
.pvc-prompt-lab--compact .pvc-benchmark-model-picker {
	overflow: visible;
	padding: clamp(14px, 2vw, 24px);
	background: #e9e8e3;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-groups,
.pvc-prompt-lab--compact .pvc-benchmark-provider-groups {
	align-items: stretch;
	gap: 10px;
	border: 0;
	background: transparent;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group {
	position: relative;
	min-width: 0;
	border: 1px solid var(--pvb-ink);
	background: #fff;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-open {
	grid-column: 1 / -1 !important;
	isolation: isolate;
	box-shadow: 0 12px 28px rgba(17, 18, 16, .11);
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group.has-selected,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group.has-selected {
	box-shadow: inset 5px 0 0 var(--pvb-red);
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle {
	min-height: 82px;
	grid-template-columns: 40px minmax(0, 1fr) auto 24px;
	gap: 12px;
	padding: 13px 14px;
	background: #fff;
	color: var(--pvb-ink);
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle>i,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle>i {
	width: 38px;
	height: 38px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle strong,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle strong {
	font-size: clamp(21px, 2vw, 30px);
	line-height: 1;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle:hover,
.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle[aria-expanded="true"],
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle:hover,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle[aria-expanded="true"] {
	background: var(--pvb-ink);
	color: #fff;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options {
	position: static !important;
	display: grid !important;
	overflow: visible !important;
	max-height: none !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	border: 0;
	border-top: 1px solid var(--pvb-ink);
	background: #fff;
	box-shadow: none;
}

.pvc-benchmark-provider-options[hidden] {
	display: none !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options[hidden],
.pvc-prompt-lab--compact .pvc-benchmark-provider-options[hidden] {
	display: none !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label {
	display: grid !important;
	height: auto !important;
	min-height: 58px !important;
	margin: 0 !important;
	padding: 11px 14px 11px 48px !important;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	background: #fff !important;
	color: var(--pvb-ink) !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label.is-selected,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected {
	background: var(--pvb-ink) !important;
	color: #fff !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label:focus-visible,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label:focus-visible,
.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle:focus-visible,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle:focus-visible {
	outline: 3px solid var(--pvb-red);
	outline-offset: -3px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label:nth-child(odd),
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label:nth-child(odd) {
	border-right: 1px solid var(--pvb-ink);
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label:last-child:nth-child(odd),
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	border-right: 0;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label::before,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label::before {
	left: 15px;
	width: 18px;
	height: 18px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label>span strong,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label>span strong {
	font-size: 12px;
	line-height: 1.25;
}

.pvc-benchmark-panel--models .pvc-benchmark-selected-models,
.pvc-prompt-lab--compact .pvc-benchmark-selected-models {
	min-height: 76px;
	margin-top: 10px;
	padding: 15px 16px;
	border: 1px solid var(--pvb-ink);
}

.pvc-benchmark-free-picker {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 18px;
	padding: 17px 20px;
	border: 1px solid #087565;
	background: #eafff8;
	color: #064f49;
}

.pvc-benchmark-free-picker[hidden] { display: none !important; }
.pvc-benchmark-free-picker strong { display: block; font-family: "Inter Tight", Inter, sans-serif; font-size: 18px; }
.pvc-benchmark-free-picker p { max-width: 720px; margin: 4px 0 0; font-size: 10px; line-height: 1.45; }
.pvc-benchmark-free-picker button { flex: 0 0 auto; min-height: 42px; padding: 0 14px; border: 1px solid #064f49; background: #064f49; color: #fff; cursor: pointer; font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-free-picker button:hover { background: #fff; color: #064f49; }
.pvc-benchmark-creditbar small { color: #087565; font-size: 9px; line-height: 1.35; }

@container pvc-compass (max-width: 720px) {
	.pvc-task-compass--embedded .pvc-task-compass__questions--semantic { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
	.pvc-task-compass--standalone .pvc-task-compass__questions--semantic { grid-template-columns: 1fr; }
	.pvc-benchmark-panel--models .pvc-benchmark-provider-options,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-options { grid-template-columns: 1fr !important; max-height: none !important; }
	.pvc-benchmark-panel--models .pvc-benchmark-provider-options label:nth-child(odd),
	.pvc-prompt-lab--compact .pvc-benchmark-provider-options label:nth-child(odd) { border-right: 0; }
	.pvc-benchmark-free-picker { align-items: flex-start; flex-direction: column; }
	.pvc-benchmark-creditbar small { width: 100%; }
}

/* 2.6.1 stable provider accordion: visible header, compact options and no empty canvas. */
.pvc-benchmark-panel--models .pvc-benchmark-provider-groups,
.pvc-prompt-lab--compact .pvc-benchmark-provider-groups {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-open {
	display: grid;
	grid-template-columns: minmax(250px, .36fr) minmax(0, 1fr);
	align-items: stretch;
	box-shadow: 0 10px 24px rgba(17, 18, 16, .1);
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle {
	display: grid !important;
	visibility: visible !important;
	min-height: 92px;
	border: 0 !important;
	background: #fff !important;
	color: var(--pvb-ink) !important;
	opacity: 1 !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle:hover,
.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle[aria-expanded="true"],
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle:hover,
.pvc-prompt-lab--compact .pvc-benchmark-provider-toggle[aria-expanded="true"] {
	background: var(--pvb-red) !important;
	color: #fff !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open .pvc-benchmark-provider-toggle,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-open .pvc-benchmark-provider-toggle {
	min-height: 100%;
	align-content: center;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open .pvc-benchmark-provider-options,
.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-open .pvc-benchmark-provider-options {
	border-top: 0;
	border-left: 1px solid var(--pvb-ink);
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label {
	min-height: 70px !important;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label>span strong,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label>span strong {
	font-size: 14px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label>span small,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label>span small,
.pvc-benchmark-panel--models .pvc-benchmark-provider-options label>em,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label>em {
	font-size: 8px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label:hover,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label:hover {
	background: #f2f0eb !important;
	color: var(--pvb-ink) !important;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-options label.is-selected,
.pvc-benchmark-panel--models .pvc-benchmark-provider-options label.is-selected:hover,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected,
.pvc-prompt-lab--compact .pvc-benchmark-provider-options label.is-selected:hover {
	background: var(--pvb-ink) !important;
	color: #fff !important;
}

@media (max-width: 920px) {
	.pvc-benchmark-panel--models .pvc-benchmark-provider-groups,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-groups { grid-template-columns: 1fr; }
	.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-open { grid-template-columns: 1fr; }
	.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open .pvc-benchmark-provider-toggle,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-open .pvc-benchmark-provider-toggle { min-height: 92px; }
	.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open .pvc-benchmark-provider-options,
	.pvc-prompt-lab--compact .pvc-benchmark-provider-group.is-open .pvc-benchmark-provider-options { border-top: 1px solid var(--pvb-ink); border-left: 0; }
}

/* 2.28.0 premium benchmark entrance: controlled motion, one clear story. */
.pvc-benchmark-gate--premium {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(460px, .98fr);
	min-height: max(720px, calc(100vh - 88px));
	padding: 0 !important;
	border: 0 !important;
	background: var(--pvb-ink) !important;
}

.pvc-benchmark-gate--premium > div { margin: 0; }
.pvc-benchmark-gate__copy { display: grid !important; align-content: center; padding: clamp(72px, 8vw, 135px) clamp(28px, 7vw, 110px) !important; }
.pvc-benchmark-gate__copy h1 { max-width: 920px; margin: 28px 0 30px; color: #fff; font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(74px, 8.5vw, 142px); font-weight: 780; line-height: .75; letter-spacing: -.085em; }
.pvc-benchmark-gate__copy h1 span { color: var(--pvb-red); }
.pvc-benchmark-gate__copy > p:not(.pvc-eyebrow) { max-width: 690px; margin: 0; color: rgba(255,255,255,.68); font-size: clamp(14px, 1.2vw, 18px); line-height: 1.6; }
.pvc-benchmark-gate__copy ol { display: grid; max-width: 720px; margin: 42px 0 0; padding: 0; border-bottom: 1px solid rgba(255,255,255,.2); list-style: none; }
.pvc-benchmark-gate__copy li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.2); }
.pvc-benchmark-gate__copy li > b { color: var(--pvb-red-soft); font: 750 9px ui-monospace, monospace; }
.pvc-benchmark-gate__copy li span { display: grid; gap: 4px; min-width: 0; min-height: 0; padding: 0; border: 0; text-transform: none; }
.pvc-benchmark-gate__copy li strong { color: #fff; font-size: 13px; }
.pvc-benchmark-gate__copy li small { color: rgba(255,255,255,.48); font-size: 10px; }
.pvc-benchmark-gate__copy .pvc-login-gate__actions { display: flex; gap: 8px; margin: 36px 0 0; }
.pvc-benchmark-gate__copy .pvc-button { min-height: 56px; padding-inline: 22px; }
.pvc-benchmark-gate--premium .pvc-login-gate__actions .pvc-button span,
.pvc-benchmark-gate--premium .pvc-benchmark-gears__signal,
.pvc-benchmark-gate--premium .pvc-benchmark-gears__axis span {
	display: initial;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	text-transform: none;
}
.pvc-benchmark-gate--premium .pvc-benchmark-gears__axis span { display: block; }
.pvc-benchmark-gate__copy .pvc-button--ghost { border-color: rgba(255,255,255,.4); background: transparent; color: #fff; }
.pvc-benchmark-gate__copy .pvc-button--ghost:hover { border-color: #fff; background: #fff; color: var(--pvb-ink); }

.pvc-benchmark-gate__machine,
.pvc-benchmark-premium-hero__machine { position: relative; display: grid !important; min-width: 0; align-content: stretch; padding: 0 !important; overflow: hidden; border-left: 1px solid rgba(255,255,255,.22); background: #090a09; }

.pvc-benchmark-gears { position: relative; min-height: 620px; overflow: hidden; background: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px) 0 0 / 52px 52px, linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px) 0 0 / 52px 52px, radial-gradient(circle at 50% 46%, rgba(232,79,47,.16), transparent 57%); isolation: isolate; }
.pvc-benchmark-gears::before { position: absolute; inset: 8%; border: 1px solid rgba(255,255,255,.14); content: ""; }
.pvc-benchmark-gears__signal { position: absolute; z-index: 6; top: 24px; left: 24px; color: var(--pvb-red-soft); font: 750 8px ui-monospace, monospace; letter-spacing: .12em; }
.pvc-benchmark-gears > small { position: absolute; z-index: 6; right: 24px; bottom: 22px; left: 24px; color: rgba(255,255,255,.48); font: 700 8px ui-monospace, monospace; letter-spacing: .06em; text-align: right; text-transform: uppercase; }
.pvc-benchmark-gear { --gear-size: 250px; position: absolute; z-index: 3; width: var(--gear-size); height: var(--gear-size); border: 2px solid #fff; border-radius: 50%; background: var(--pvb-red); box-shadow: 0 0 0 12px rgba(232,79,47,.08), inset 0 0 0 18px rgba(17,18,16,.16); animation: pvc-gear-clockwise 18s linear infinite; }
.pvc-benchmark-gear::before { position: absolute; z-index: 2; inset: 22%; border: 1px solid rgba(255,255,255,.62); border-radius: 50%; background: var(--pvb-ink); content: ""; }
.pvc-benchmark-gear__teeth { position: absolute; inset: 0; }
.pvc-benchmark-gear__teeth i { position: absolute; z-index: -1; top: 50%; left: 50%; width: clamp(10px, calc(var(--gear-size) * .075), 22px); height: clamp(22px, calc(var(--gear-size) * .17), 46px); border: 1px solid rgba(255,255,255,.72); background: var(--pvb-red); transform: translate(-50%,-50%) rotate(calc(var(--tooth) * 22.5deg)) translateY(calc(var(--gear-size) * -.54)); }
.pvc-benchmark-gear > span { position: absolute; z-index: 4; inset: 35%; display: grid; min-width: 0; min-height: 0; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; background: var(--pvb-paper); color: var(--pvb-ink); }
.pvc-benchmark-gear > span b { font: 800 clamp(9px, calc(var(--gear-size) * .055), 15px) ui-monospace, monospace; }
.pvc-benchmark-gear--alpha { --gear-size: 270px; top: 13%; left: 6%; }
.pvc-benchmark-gear--beta { --gear-size: 205px; top: 33%; left: 52%; animation-name: pvc-gear-counter; animation-duration: 14s; }
.pvc-benchmark-gear--gamma { --gear-size: 145px; top: 66%; left: 29%; animation-duration: 11s; }
.pvc-benchmark-gear--delta { --gear-size: 94px; top: 15%; right: 10%; animation-name: pvc-gear-counter; animation-duration: 9s; }
.pvc-benchmark-gear--beta,
.pvc-benchmark-gear--beta .pvc-benchmark-gear__teeth i { background: var(--pvb-paper); border-color: var(--pvb-ink); }
.pvc-benchmark-gear--beta::before { background: var(--pvb-red); }
.pvc-benchmark-gears__axis { position: absolute; z-index: 1; top: 50%; right: 8%; left: 8%; display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; transform: rotate(-9deg); color: rgba(255,255,255,.42); font: 750 7px ui-monospace, monospace; }
.pvc-benchmark-gears__axis span { height: 1px; background: rgba(255,255,255,.26); }
@keyframes pvc-gear-clockwise { to { transform: rotate(360deg); } }
@keyframes pvc-gear-counter { to { transform: rotate(-360deg); } }

.pvc-benchmark-gate__metrics { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 1px !important; margin: 0 !important; border-top: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.22); }
.pvc-benchmark-gate__metrics span { display: grid; min-width: 0; min-height: 106px; align-content: space-between; padding: 15px; border: 0; background: var(--pvb-ink); color: rgba(255,255,255,.55); font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-gate__metrics strong { color: var(--pvb-red-soft); font-family: "Inter Tight", Inter, sans-serif; font-size: 38px; line-height: .8; }

.pvc-benchmark-premium-hero { grid-template-columns: minmax(0, 1.05fr) minmax(470px, .95fr); gap: 0; min-height: 760px; padding: 0; border-bottom: 1px solid rgba(255,255,255,.22); background: var(--pvb-ink); color: #fff; }
.pvc-benchmark-premium-hero__copy { display: grid; align-content: center; padding: clamp(75px, 9vw, 145px) clamp(28px, 7vw, 110px); }
.pvc-benchmark-premium-hero h1 { margin: 27px 0 32px; font-size: clamp(78px, 9.5vw, 158px); line-height: .74; }
.pvc-benchmark-premium-hero__copy > p:not(.pvc-eyebrow) { max-width: 690px; margin: 0; color: rgba(255,255,255,.65); font-size: clamp(14px, 1.2vw, 18px); line-height: 1.6; }
.pvc-benchmark-premium-hero__flow { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 760px; margin-top: 42px; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.2); gap: 1px; }
.pvc-benchmark-premium-hero__flow span { display: grid; gap: 18px; min-height: 84px; padding: 13px; background: var(--pvb-ink); color: rgba(255,255,255,.66); font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-premium-hero__flow b { color: var(--pvb-red-soft); }
.pvc-benchmark-premium-hero__machine .pvc-benchmark-gears { min-height: 650px; }
.pvc-benchmark-premium-hero__machine .pvc-benchmark__intro { align-self: end; margin: 0; }
.pvc-benchmark-premium-hero__machine .pvc-benchmark__intro > div { border-color: rgba(255,255,255,.22); }
.pvc-benchmark-premium-hero__machine .pvc-benchmark__intro span { border: 0; background: var(--pvb-ink); color: rgba(255,255,255,.55); }

.pvc-benchmark-compass { border-bottom: 1px solid var(--pvb-ink); background: var(--pvb-concrete); }
.pvc-benchmark-compass > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; min-height: 112px; padding: 22px clamp(26px, 4vw, 55px); cursor: pointer; list-style: none; }
.pvc-benchmark-compass > summary::-webkit-details-marker { display: none; }
.pvc-benchmark-compass > summary > span { display: grid; gap: 5px; }
.pvc-benchmark-compass > summary b { color: var(--pvb-red); font: 750 8px ui-monospace, monospace; text-transform: uppercase; }
.pvc-benchmark-compass > summary strong { font-size: clamp(19px, 2vw, 27px); }
.pvc-benchmark-compass > summary small { color: var(--pvb-muted); font-size: 10px; }
.pvc-benchmark-compass > summary > i { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--pvb-ink); border-radius: 50%; font-style: normal; transition: transform .25s ease, background .25s ease, color .25s ease; }
.pvc-benchmark-compass[open] > summary > i { transform: rotate(45deg); background: var(--pvb-red); color: #fff; }
.pvc-benchmark-compass > div { border-top: 1px solid var(--pvb-ink); }

@media (max-width: 1050px) {
	.pvc-benchmark-gate--premium,
	.pvc-benchmark-premium-hero { grid-template-columns: 1fr; }
	.pvc-benchmark-gate__machine,
	.pvc-benchmark-premium-hero__machine { min-height: 620px; border-top: 1px solid rgba(255,255,255,.22); border-left: 0; }
}

@media (max-width: 620px) {
	.pvc-benchmark-gate__copy { padding: 68px 22px 58px !important; }
	.pvc-benchmark-gate__copy h1 { font-size: clamp(66px, 22vw, 98px); }
	.pvc-benchmark-gate__copy .pvc-login-gate__actions { align-items: stretch; flex-direction: column; }
	.pvc-benchmark-gears { min-height: 470px; transform: scale(.8); transform-origin: center; }
	.pvc-benchmark-gate__machine,
	.pvc-benchmark-premium-hero__machine { min-height: 500px; }
	.pvc-benchmark-gate__metrics,
	.pvc-benchmark-premium-hero__flow { grid-template-columns: 1fr; }
	.pvc-benchmark-gate__metrics span { min-height: 72px; }
	.pvc-benchmark-premium-hero__copy { padding: 70px 22px 58px; }
	.pvc-benchmark-premium-hero h1 { font-size: clamp(68px, 23vw, 104px); }
}

@media (prefers-reduced-motion: reduce) {
	.pvc-benchmark-gear { animation: none !important; }
	.pvc-benchmark-compass > summary > i { transition: none; }
}

/* 2.29.0 single-stage benchmark hero: monochrome mechanics and scroll exploration. */
.pvc-benchmark-explore {
	--pvc-explore: 0;
	--pvc-echo-one: -46px;
	--pvc-echo-two: 74px;
	--pvc-echo-one-y: 10px;
	--pvc-echo-two-y: 9px;
	--pvc-echo-opacity: .035;
	--pvc-word-scale: .91;
	--pvc-gear-opacity: .16;
	position: relative;
	min-height: 178vh;
	min-height: 178svh;
	margin: 0;
	border: 0;
	background: #eeede9;
	color: #111210;
	isolation: isolate;
}

.pvc-benchmark-explore,
.pvc-benchmark-explore * { box-sizing: border-box; }

.pvc-app.pvc-benchmark-explore--gate {
	width: 100%;
	max-width: none;
	min-height: 178svh;
	margin: 0;
	padding: 0;
	border: 0;
	background: #eeede9 !important;
	color: #111210 !important;
}

.pvc-benchmark-explore__sticky {
	position: sticky;
	top: 0;
	display: grid;
	width: 100%;
	height: 100vh;
	height: 100svh;
	min-height: 680px;
	overflow: hidden;
	background:
		linear-gradient(rgba(17,18,16,.055) 1px, transparent 1px) 0 0 / 52px 52px,
		linear-gradient(90deg, rgba(17,18,16,.055) 1px, transparent 1px) 0 0 / 52px 52px,
		#eeede9;
}

.pvc-benchmark-explore__sticky::before {
	position: absolute;
	z-index: 7;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: #111210;
	content: "";
}

.pvc-benchmark-explore__meta {
	position: absolute;
	z-index: 8;
	top: clamp(22px, 3vw, 42px);
	right: clamp(20px, 3.5vw, 58px);
	left: clamp(20px, 3.5vw, 58px);
	display: flex;
	justify-content: space-between;
	font: 760 8px ui-monospace, SFMono-Regular, Menlo, monospace;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.pvc-benchmark-explore .pvc-benchmark-gears {
	position: absolute;
	z-index: 2;
	inset: 0;
	min-height: 0;
	overflow: visible;
	background: none;
	isolation: auto;
}

.pvc-benchmark-explore .pvc-benchmark-gears::before,
.pvc-benchmark-explore .pvc-benchmark-gears::after,
.pvc-benchmark-explore .pvc-benchmark-gears > small,
.pvc-benchmark-explore .pvc-benchmark-gears__axis,
.pvc-benchmark-explore .pvc-benchmark-gears__signal { display: none; }

.pvc-benchmark-explore .pvc-benchmark-gear {
	position: absolute;
	z-index: 2;
	width: var(--gear-size);
	height: var(--gear-size);
	border: 0;
	border-radius: 50%;
	background: #111210;
	box-shadow: none;
	opacity: var(--pvc-gear-opacity);
	animation: none;
	transition: opacity .12s linear;
	will-change: transform, opacity;
}

.pvc-benchmark-explore .pvc-benchmark-gear::before {
	inset: 25%;
	border: 0;
	background: #eeede9;
	box-shadow: 0 0 0 1px #111210;
}

.pvc-benchmark-explore .pvc-benchmark-gear__teeth i {
	z-index: -1;
	width: clamp(10px, calc(var(--gear-size) * .07), 27px);
	height: clamp(24px, calc(var(--gear-size) * .16), 59px);
	border: 0;
	border-radius: 1px;
	background: #111210;
	transform: translate(-50%,-50%) rotate(calc(var(--tooth) * 22.5deg)) translateY(calc(var(--gear-size) * -.535));
}

.pvc-benchmark-explore .pvc-benchmark-gear > span {
	inset: 38%;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 1px solid #111210;
	background: #eeede9;
	color: #111210;
}

.pvc-benchmark-explore .pvc-benchmark-gear > span b {
	font: 760 clamp(7px, calc(var(--gear-size) * .033), 11px) ui-monospace, SFMono-Regular, Menlo, monospace;
}

.pvc-benchmark-explore .pvc-benchmark-gear--alpha { --gear-size: clamp(250px, 29vw, 520px); top: 7%; left: 17%; }
.pvc-benchmark-explore .pvc-benchmark-gear--beta { --gear-size: clamp(190px, 22vw, 390px); top: 28%; left: 43%; }
.pvc-benchmark-explore .pvc-benchmark-gear--gamma { --gear-size: clamp(135px, 15vw, 270px); top: 50%; left: 17%; }
.pvc-benchmark-explore .pvc-benchmark-gear--delta { --gear-size: clamp(90px, 10vw, 180px); top: 17%; right: 28%; left: auto; }
.pvc-benchmark-explore .pvc-benchmark-gear--beta,
.pvc-benchmark-explore .pvc-benchmark-gear--beta .pvc-benchmark-gear__teeth i { border-color: transparent; background: #111210; }
.pvc-benchmark-explore .pvc-benchmark-gear--beta::before { background: #eeede9; }

.pvc-benchmark-afterimage {
	position: absolute;
	z-index: 4;
	top: 46%;
	right: 0;
	left: 0;
	height: 1em;
	transform: translateY(-50%) scale(var(--pvc-word-scale));
	transform-origin: center;
	font-family: "Inter Tight", Inter, Arial, sans-serif;
	font-size: clamp(62px, 11vw, 205px);
	font-weight: 820;
	line-height: .78;
	letter-spacing: -.085em;
	text-align: center;
	white-space: nowrap;
	will-change: transform;
}

.pvc-benchmark-afterimage h1,
.pvc-benchmark-afterimage > span {
	position: absolute;
	inset: 0;
	margin: 0;
	font: inherit;
	letter-spacing: inherit;
	text-align: inherit;
}

.pvc-benchmark-afterimage h1 { z-index: 3; color: #111210; }
.pvc-benchmark-afterimage > span { color: #111210; opacity: var(--pvc-echo-opacity); }
.pvc-benchmark-afterimage > span:first-child { transform: translate3d(var(--pvc-echo-one), var(--pvc-echo-one-y), 0); }
.pvc-benchmark-afterimage > span:nth-child(2) { transform: translate3d(var(--pvc-echo-two), var(--pvc-echo-two-y), 0); }

.pvc-benchmark-explore__footer {
	position: absolute;
	z-index: 8;
	right: clamp(20px, 3.5vw, 58px);
	bottom: clamp(22px, 3vw, 46px);
	left: clamp(20px, 3.5vw, 58px);
	display: grid;
	grid-template-columns: minmax(260px, 1fr) auto auto;
	gap: clamp(22px, 4vw, 72px);
	align-items: end;
	padding-top: 18px;
	border-top: 1px solid #111210;
}

.pvc-benchmark-explore__copy { max-width: 600px; }
.pvc-benchmark-explore__copy > span { display: block; margin-bottom: 9px; font: 780 10px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; text-transform: uppercase; }
.pvc-benchmark-explore__copy p { margin: 0; font-size: clamp(11px, 1vw, 14px); line-height: 1.48; }
.pvc-benchmark-explore__actions { display: flex; align-items: center; gap: 17px; }
.pvc-benchmark-explore__actions .pvc-button { min-height: 50px; padding: 0 18px; border-color: #111210; border-radius: 0; background: #111210; color: #fff; white-space: nowrap; }
.pvc-benchmark-explore__textlink { color: #111210; font: 760 8px ui-monospace, SFMono-Regular, Menlo, monospace; text-decoration: underline; text-underline-offset: 4px; text-transform: uppercase; white-space: nowrap; }
.pvc-benchmark-explore__metrics { display: grid; grid-template-columns: repeat(3, minmax(70px, 1fr)); gap: 1px; min-width: min(31vw, 440px); border: 1px solid #111210; background: #111210; }
.pvc-benchmark-explore__metrics span { display: grid; min-width: 0; min-height: 76px; align-content: space-between; padding: 10px; border: 0; background: #eeede9; color: #111210; font: 740 7px ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.pvc-benchmark-explore__metrics strong { color: #111210; font-family: "Inter Tight", Inter, Arial, sans-serif; font-size: clamp(23px, 2.5vw, 40px); line-height: .8; }

@media (max-width: 900px) {
	.pvc-benchmark-explore { min-height: 160svh; }
	.pvc-app.pvc-benchmark-explore--gate { min-height: 160svh; }
	.pvc-benchmark-explore__footer { grid-template-columns: 1fr auto; }
	.pvc-benchmark-explore__metrics { grid-column: 1 / -1; width: 100%; min-width: 0; }
	.pvc-benchmark-afterimage { top: 40%; font-size: clamp(55px, 11vw, 104px); }
	.pvc-benchmark-explore .pvc-benchmark-gear--alpha { left: 8%; }
	.pvc-benchmark-explore .pvc-benchmark-gear--beta { left: 46%; }
}

@media (max-width: 620px) {
	.pvc-benchmark-explore__sticky { min-height: 660px; }
	.pvc-benchmark-explore__meta { top: 18px; right: 16px; left: 16px; }
	.pvc-benchmark-explore__meta span:last-child { display: none; }
	.pvc-benchmark-afterimage { top: 33%; font-size: 11.3vw; letter-spacing: -.075em; }
	.pvc-benchmark-explore .pvc-benchmark-gear--alpha { --gear-size: 52vw; top: 11%; left: 4%; }
	.pvc-benchmark-explore .pvc-benchmark-gear--beta { --gear-size: 39vw; top: 29%; left: 55%; }
	.pvc-benchmark-explore .pvc-benchmark-gear--gamma { --gear-size: 27vw; top: 41%; left: 12%; }
	.pvc-benchmark-explore .pvc-benchmark-gear--delta { --gear-size: 19vw; top: 25%; right: 20%; }
	.pvc-benchmark-explore__footer { right: 16px; bottom: 16px; left: 16px; grid-template-columns: 1fr; gap: 13px; }
	.pvc-benchmark-explore__copy p { max-width: 95%; font-size: 10px; }
	.pvc-benchmark-explore__actions { justify-content: space-between; }
	.pvc-benchmark-explore__actions .pvc-button { min-height: 44px; }
	.pvc-benchmark-explore__metrics span { min-height: 59px; padding: 8px; }
}

@media (prefers-reduced-motion: reduce) {
	.pvc-benchmark-explore { min-height: 100svh; }
	.pvc-app.pvc-benchmark-explore--gate { min-height: 100svh; }
	.pvc-benchmark-explore .pvc-benchmark-gear,
	.pvc-benchmark-afterimage { transition: none !important; }
}

/* 2.31.0 — readable exploration finish, equal A/B fields and dark criteria chapter. */
.pvc-benchmark-afterimage h1 {
	transition: color .3s ease, text-shadow .3s ease;
}

.pvc-benchmark-explore.is-explored .pvc-benchmark-afterimage h1 {
	color: #e84f2f;
	text-shadow: 0 0 26px rgba(238,237,233,.98), 0 0 68px rgba(238,237,233,.96);
}

.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) {
	align-items: stretch !important;
	grid-auto-rows: 1fr !important;
}

.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) > label {
	display: grid !important;
	height: clamp(360px, 31vw, 430px) !important;
	min-height: clamp(360px, 31vw, 430px) !important;
	max-height: clamp(360px, 31vw, 430px) !important;
	grid-template-rows: 45px minmax(0, 1fr) !important;
}

.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) textarea {
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	max-height: none !important;
	box-sizing: border-box !important;
	resize: none !important;
}

.pvc-benchmark-panel--criteria {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	border-right: 0;
	border-left: 0;
	background: #111210;
	color: #fff;
}

.pvc-benchmark-panel--criteria > header,
.pvc-benchmark-panel--criteria > .pvc-benchmark-criteria {
	width: min(calc(100% - 48px), 1460px);
	margin-right: auto;
	margin-left: auto;
}

.pvc-benchmark-panel--criteria > header {
	border-color: rgba(255,255,255,.34);
}

.pvc-benchmark-panel--criteria > header > span,
.pvc-benchmark-panel--criteria .pvc-benchmark-value-note strong {
	color: #e84f2f;
}

.pvc-benchmark-panel--criteria > header h2 {
	color: #fff;
}

.pvc-benchmark-panel--criteria > header p,
.pvc-benchmark-panel--criteria .pvc-benchmark-criteria label > span small {
	color: rgba(255,255,255,.62);
}

.pvc-benchmark-panel--criteria .pvc-benchmark-criteria label > span {
	color: #fff;
}

.pvc-benchmark-panel--criteria .pvc-benchmark-criteria input,
.pvc-benchmark-panel--criteria .pvc-benchmark-criteria textarea {
	border-color: rgba(255,255,255,.68);
	background: #f3f1ec;
	color: #111210;
}

.pvc-benchmark-panel--criteria .pvc-benchmark-value-note {
	border-color: rgba(255,255,255,.68);
	background: #1a1b19;
	color: #fff;
}

.pvc-benchmark-panel--criteria .pvc-benchmark-value-note p {
	color: rgba(255,255,255,.72);
}

@media (max-width: 820px) {
	.pvc-benchmark-prompts:has([data-pvc-benchmark-prompt-b]:not([hidden])) > label {
		height: 340px !important;
		min-height: 340px !important;
		max-height: 340px !important;
	}
}

@media (max-width: 620px) {
	.pvc-benchmark-panel--criteria > header,
	.pvc-benchmark-panel--criteria > .pvc-benchmark-criteria {
		width: calc(100% - 28px);
	}
}

/* 2.32.0 unified benchmark builder and visual result overview. */
.pvc-benchmark-panel--models,
.pvc-benchmark-panel--depth {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	border-right: 0;
	border-left: 0;
}

.pvc-benchmark-panel--models {
	padding-bottom: clamp(48px, 6vw, 88px);
	background: #e84f2f;
	color: #111210;
}

.pvc-benchmark-panel--models > header,
.pvc-benchmark-panel--models > .pvc-benchmark-creditbar,
.pvc-benchmark-panel--models > .pvc-benchmark-recommend,
.pvc-benchmark-panel--models > .pvc-benchmark-free-picker,
.pvc-benchmark-panel--models > .pvc-benchmark-free-note,
.pvc-benchmark-panel--models > .pvc-benchmark-model-picker,
.pvc-benchmark-panel--depth > header,
.pvc-benchmark-panel--depth > .pvc-benchmark-depth,
.pvc-benchmark-panel--depth > .pvc-benchmark-free-note,
.pvc-benchmark-panel--depth > .pvc-benchmark-precheck,
.pvc-benchmark-panel--depth > .pvc-benchmark-submit {
	width: min(calc(100% - 48px), 1460px);
	margin-right: auto;
	margin-left: auto;
}

.pvc-benchmark-panel--models > header {
	border-color: rgba(17, 18, 16, .52);
}

.pvc-benchmark-panel--models > header > span {
	color: #111210;
}

.pvc-benchmark-panel--models > header p {
	color: rgba(17, 18, 16, .7);
}

.pvc-benchmark-panel--models > .pvc-benchmark-creditbar {
	display: grid !important;
	grid-template-columns: auto auto minmax(180px, 1fr) auto;
	gap: 16px 20px !important;
	align-items: center !important;
	margin-top: 30px !important;
	margin-bottom: 12px !important;
	padding: 17px 20px !important;
	border: 1px solid #111210 !important;
	border-radius: 18px !important;
	background: #111210 !important;
	box-shadow: 0 12px 30px rgba(17, 18, 16, .14);
	color: #fff !important;
}

.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > span {
	font: 750 8px ui-monospace, monospace;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > strong {
	display: flex;
	align-items: baseline;
	gap: 6px;
	font-family: "Inter Tight", Inter, sans-serif;
	font-size: 18px;
}

.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > strong b {
	color: #ff6b50;
	font-size: 34px;
	line-height: .8;
}

.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > small {
	color: rgba(255, 255, 255, .68) !important;
	font-size: 9px;
	line-height: 1.45;
}

.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > a {
	min-height: 42px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid #f3f1ec;
	border-radius: 10px;
	background: #f3f1ec;
	color: #111210;
	display: inline-flex;
	align-items: center;
	font: 750 8px ui-monospace, monospace;
	text-transform: uppercase;
}

.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > a:hover {
	background: #e84f2f;
	color: #111210;
}

.pvc-benchmark-panel--models > .pvc-benchmark-recommend,
.pvc-benchmark-panel--models > .pvc-benchmark-free-picker,
.pvc-benchmark-panel--models > .pvc-benchmark-free-note {
	margin-top: 12px;
	margin-bottom: 0;
	border: 1px solid #111210;
	border-radius: 14px;
	background: #f3f1ec;
	color: #111210;
}

.pvc-benchmark-panel--models > .pvc-benchmark-recommend button,
.pvc-benchmark-panel--models > .pvc-benchmark-free-picker button {
	border-radius: 9px;
	background: #111210;
	color: #fff;
}

.pvc-benchmark-panel--models > .pvc-benchmark-recommend button:hover,
.pvc-benchmark-panel--models > .pvc-benchmark-free-picker button:hover {
	border-color: #111210;
	background: #e84f2f;
	color: #111210;
}

.pvc-benchmark-panel--models > .pvc-benchmark-model-picker {
	margin-top: 12px;
	padding: clamp(18px, 2.6vw, 34px);
	border: 1px solid #111210;
	border-radius: 18px;
	background: #d7d6d1;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group,
.pvc-benchmark-panel--models .pvc-benchmark-provider-toggle,
.pvc-benchmark-panel--models .pvc-benchmark-selected-models {
	border-radius: 11px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group {
	overflow: hidden;
	min-height: 84px;
}

.pvc-benchmark-panel--models .pvc-benchmark-provider-group.is-open {
	overflow: visible;
	border-radius: 11px;
}

.pvc-benchmark-panel--models .pvc-benchmark-selected-models {
	border-top: 1px solid #111210;
}

.pvc-benchmark-panel--depth {
	padding-bottom: clamp(48px, 6vw, 82px);
	background: #2b2c29;
	color: #fff;
}

.pvc-benchmark-panel--depth > header {
	border-color: rgba(255, 255, 255, .3);
}

.pvc-benchmark-panel--depth > header h2 {
	color: #fff;
}

.pvc-benchmark-panel--depth > header > span {
	color: #ff6b50;
}

.pvc-benchmark-panel--depth > header p {
	color: rgba(255, 255, 255, .64);
}

.pvc-benchmark-panel--depth > .pvc-benchmark-depth {
	gap: 14px;
	padding: 38px 0 18px;
}

.pvc-benchmark-panel--depth .pvc-benchmark-depth label {
	display: grid;
	height: 238px;
	min-height: 238px;
	max-height: 238px;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	grid-template-rows: 1fr auto;
	gap: 14px;
	align-items: end;
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 14px;
	background: #f3f1ec;
	color: #111210;
	overflow: hidden;
}

.pvc-benchmark-panel--depth .pvc-benchmark-depth label + label {
	border-left: 1px solid rgba(255, 255, 255, .7);
}

.pvc-benchmark-panel--depth .pvc-benchmark-depth label > span {
	grid-column: 1;
	grid-row: 1;
	align-self: start;
	color: #d84b31;
}

.pvc-benchmark-panel--depth .pvc-benchmark-depth label > strong {
	grid-column: 2;
	grid-row: 2;
	font-family: "Inter Tight", Inter, sans-serif;
	font-size: clamp(21px, 2vw, 28px);
}

.pvc-benchmark-panel--depth .pvc-benchmark-depth label > strong small {
	color: #5e605c;
}

.pvc-benchmark-panel--depth .pvc-benchmark-depth label > em {
	grid-column: 3;
	grid-row: 2;
	align-self: end;
}

.pvc-benchmark-panel--depth .pvc-benchmark-depth label.is-selected {
	background: #e84f2f;
	box-shadow: inset 0 -6px 0 #111210;
}

.pvc-benchmark-panel--depth .pvc-benchmark-depth label.is-selected > strong small {
	color: rgba(17, 18, 16, .7);
}

.pvc-benchmark-panel--depth > .pvc-benchmark-free-note,
.pvc-benchmark-panel--depth > .pvc-benchmark-precheck {
	box-sizing: border-box;
	margin-top: 0;
	margin-bottom: 18px;
	padding: 18px 20px;
	border: 1px solid rgba(255, 255, 255, .36);
	border-left: 6px solid #e84f2f;
	border-radius: 12px;
	background: #373834;
	color: #fff;
}

.pvc-benchmark-panel--depth > .pvc-benchmark-free-note span,
.pvc-benchmark-panel--depth > .pvc-benchmark-precheck p {
	color: rgba(255, 255, 255, .68);
}

.pvc-benchmark-panel--depth > .pvc-benchmark-precheck.is-ready {
	border-left-color: #72d5b8;
}

.pvc-benchmark-panel--depth > .pvc-benchmark-precheck.has-warning {
	border-left-color: #ffc75c;
}

.pvc-benchmark-panel--depth > .pvc-benchmark-precheck.has-blocker {
	border-left-color: #ff6b50;
}

.pvc-benchmark-panel--depth > .pvc-benchmark-submit {
	box-sizing: border-box;
	margin-top: 0;
	padding: 24px;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 16px;
	background: #111210;
	color: #fff;
}

.pvc-benchmark-panel--depth .pvc-benchmark-submit > div small {
	color: rgba(255, 255, 255, .58);
}

.pvc-benchmark-panel--depth .pvc-benchmark-submit > button {
	border-radius: 11px;
	background: #e84f2f;
	color: #fff;
}

.pvc-benchmark-panel--depth .pvc-benchmark-submit > button:hover {
	background: #fff;
	color: #111210;
}

.pvc-benchmark-overview-chart {
	margin-right: calc(max(24px, (100vw - 1460px) / 2) * -1);
	margin-left: calc(max(24px, (100vw - 1460px) / 2) * -1);
	padding: clamp(58px, 7vw, 100px) max(24px, calc((100vw - 1460px) / 2));
	border-bottom: 1px solid #111210;
	background: #d7d6d1;
	color: #111210;
}

.pvc-benchmark-result-nav {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.pvc-benchmark-overview-chart__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 28px 0 16px;
}

.pvc-benchmark-overview-chart__legend span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 10px;
	border: 1px solid #111210;
	border-radius: 999px;
	background: #f3f1ec;
	font: 750 8px ui-monospace, monospace;
	text-transform: uppercase;
}

.pvc-benchmark-overview-chart__legend i {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #111210;
}

.pvc-benchmark-overview-chart__legend .is-practical i { background: #e84f2f; }
.pvc-benchmark-overview-chart__legend .is-efficiency i { background: #8c8e87; }

.pvc-benchmark-overview-chart__rows {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.pvc-benchmark-overview-chart__rows > article {
	min-width: 0;
	padding: clamp(18px, 2.4vw, 28px);
	border: 1px solid #111210;
	border-radius: 14px;
	background: #f3f1ec;
}

.pvc-benchmark-overview-chart__rows > article.is-recommended {
	box-shadow: inset 6px 0 0 #e84f2f;
}

.pvc-benchmark-overview-chart__rows > article > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(17, 18, 16, .28);
}

.pvc-benchmark-overview-chart__rows > article > header strong,
.pvc-benchmark-overview-chart__rows > article > header small {
	display: block;
}

.pvc-benchmark-overview-chart__rows > article > header strong {
	font-family: "Inter Tight", Inter, sans-serif;
	font-size: 23px;
	line-height: 1;
}

.pvc-benchmark-overview-chart__rows > article > header small {
	margin-top: 6px;
	color: #666861;
	font: 7px ui-monospace, monospace;
	text-transform: uppercase;
}

.pvc-benchmark-overview-chart__rows > article > header b {
	color: #d84b31;
	font-family: "Inter Tight", Inter, sans-serif;
	font-size: 24px;
}

.pvc-benchmark-overview-chart__bars {
	display: grid;
	gap: 14px;
	margin-top: 20px;
}

.pvc-benchmark-overview-chart__bars > div {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
}

.pvc-benchmark-overview-chart__bars > div > span {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px;
}

.pvc-benchmark-overview-chart__bars > div > span small {
	font: 750 7px ui-monospace, monospace;
	text-transform: uppercase;
}

.pvc-benchmark-overview-chart__bars > div > span b {
	font-size: 11px;
}

.pvc-benchmark-overview-chart__bars > div > i {
	display: block;
	height: 12px;
	overflow: hidden;
	border-radius: 999px;
	background: #c2c1bc;
}

.pvc-benchmark-overview-chart__bars > div > i > em {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: #111210;
}

.pvc-benchmark-overview-chart__bars > .is-practical > i > em { background: #e84f2f; }
.pvc-benchmark-overview-chart__bars > .is-efficiency > i > em { background: #8c8e87; }

@media (max-width: 820px) {
	.pvc-benchmark-result-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pvc-benchmark-panel--models > .pvc-benchmark-creditbar {
		grid-template-columns: auto 1fr auto;
	}

	.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > small {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.pvc-benchmark-overview-chart__rows {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.pvc-benchmark-result-nav {
		grid-template-columns: 1fr;
	}

	.pvc-benchmark-panel--models > header,
	.pvc-benchmark-panel--models > .pvc-benchmark-creditbar,
	.pvc-benchmark-panel--models > .pvc-benchmark-recommend,
	.pvc-benchmark-panel--models > .pvc-benchmark-free-picker,
	.pvc-benchmark-panel--models > .pvc-benchmark-free-note,
	.pvc-benchmark-panel--models > .pvc-benchmark-model-picker,
	.pvc-benchmark-panel--depth > header,
	.pvc-benchmark-panel--depth > .pvc-benchmark-depth,
	.pvc-benchmark-panel--depth > .pvc-benchmark-free-note,
	.pvc-benchmark-panel--depth > .pvc-benchmark-precheck,
	.pvc-benchmark-panel--depth > .pvc-benchmark-submit {
		width: calc(100% - 28px);
	}

	.pvc-benchmark-panel--models > .pvc-benchmark-creditbar {
		grid-template-columns: 1fr auto;
		padding: 17px !important;
	}

	.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > span,
	.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > small,
	.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > a {
		grid-column: 1 / -1;
	}

	.pvc-benchmark-panel--models > .pvc-benchmark-creditbar > a {
		justify-content: center;
	}

	.pvc-benchmark-panel--depth > .pvc-benchmark-depth {
		grid-template-columns: 1fr;
		padding-top: 28px;
	}

	.pvc-benchmark-panel--depth .pvc-benchmark-depth label {
		height: 205px;
		min-height: 205px;
		max-height: 205px;
		grid-template-columns: 36px minmax(0, 1fr);
	}

	.pvc-benchmark-panel--depth .pvc-benchmark-depth label > em {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
		align-self: start;
	}

	.pvc-benchmark-panel--depth .pvc-benchmark-submit {
		grid-template-columns: 1fr;
	}

	.pvc-benchmark-overview-chart {
		margin-right: -14px;
		margin-left: -14px;
		padding-right: 14px;
		padding-left: 14px;
	}

	.pvc-benchmark-overview-chart__bars > div {
		grid-template-columns: 72px minmax(0, 1fr);
	}
}