.pd-audit__hero {
	display: grid;
	grid-template-areas: "copy" "form" "art";
	gap: var(--pd-space-8);
	padding-block: var(--pd-space-12);
	align-items: start;
}

.pd-audit__intro { grid-area: copy; }
.pd-audit__intro h1 {
	font-size: clamp(2.25rem, 9vw, 3.25rem);
	line-height: var(--pd-lh-tight);
	letter-spacing: var(--pd-ls-h1);
	margin-block: var(--pd-space-4) var(--pd-space-6);
	text-wrap: balance;
}
.pd-audit__lead {
	font-size: var(--pd-fs-h3);
	line-height: 1.35;
	max-width: 34ch;
	margin-block-end: var(--pd-space-4);
}
.pd-audit__muted, .pd-audit__small { color: var(--pd-ink-muted); }
.pd-audit__muted { max-width: 52ch; }
.pd-audit__small { font-size: var(--pd-fs-small); }
.pd-audit__art { grid-area: art; width: min(100%, 448px); }
.pd-audit__scan { grid-area: form; scroll-margin-block-start: var(--pd-space-28); }
.pd-audit__panel {
	min-width: 0;
	background: var(--pd-surface);
	border: var(--pd-border);
	border-radius: var(--pd-radius);
	padding: var(--pd-space-6);
}
.pd-audit__scan h2, .pd-audit__panel h3 {
	font-size: var(--pd-fs-h3);
	line-height: 1.25;
	margin-block: var(--pd-space-2) var(--pd-space-3);
}
.pd-audit__form { display: grid; gap: var(--pd-space-3); }
.pd-audit__form label { font-weight: 600; }
.pd-audit__form input:not([type="checkbox"]):not([type="hidden"]) {
	min-height: 48px;
	width: 100%;
	min-width: 0;
	padding: var(--pd-space-2) var(--pd-space-3);
	border: 1px solid var(--pd-ink-faint);
	border-radius: var(--pd-radius);
	background: var(--pd-base);
	color: var(--pd-ink);
	font: inherit;
}
.pd-audit__form input::placeholder { color: var(--pd-ink-muted); }
.pd-audit__check {
	display: flex;
	align-items: center;
	gap: var(--pd-space-3);
	min-height: 44px;
	cursor: pointer;
}
.pd-audit__form .pd-audit__check { font-size: var(--pd-fs-small); font-weight: 400; }
.pd-audit__check input { inline-size: var(--pd-space-4); block-size: var(--pd-space-4); flex: none; margin: 0; accent-color: var(--pd-magenta); }
.pd-audit__button {
	justify-self: start;
	min-height: 48px;
	padding: var(--pd-space-2) var(--pd-space-4);
	border: 1px solid var(--pd-magenta);
	border-radius: var(--pd-radius);
	background: var(--pd-magenta);
	color: var(--pd-base);
	font: 600 var(--pd-fs-body)/1.35 var(--pd-sans);
	cursor: pointer;
	transition: background var(--pd-motion);
}
.pd-audit__button:hover { background: var(--pd-magenta-text); }
.pd-audit__button[aria-disabled="true"] { cursor: wait; }
.pd-audit__error { border-inline-start: 2px solid var(--pd-magenta); padding-inline-start: var(--pd-space-3); }
.pd-audit__section {
	border-block-start: var(--pd-border);
	padding-block: var(--pd-space-12);
	scroll-margin-block-start: var(--pd-space-18);
}
.pd-audit__heading { margin-block-end: var(--pd-space-6); }
.pd-audit__heading h2 { font-size: var(--pd-fs-h2); line-height: var(--pd-lh-heading); margin-block-start: var(--pd-space-2); }
.pd-audit__result-grid, .pd-audit__topics, .pd-audit__download {
	display: grid;
	gap: var(--pd-space-4);
}
.pd-audit__number {
	font-size: var(--pd-fs-number);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.15;
	margin-block: var(--pd-space-4);
}
.pd-audit__number span { color: var(--pd-ink-muted); font-size: var(--pd-fs-h3); font-weight: 400; }
.pd-audit__score meter { width: 100%; height: var(--pd-space-3); display: block; margin-block-end: var(--pd-space-4); }
.pd-audit__score meter::-webkit-meter-bar { border: 0; border-radius: var(--pd-radius-sm); background: var(--pd-hairline); }
.pd-audit__score meter::-webkit-meter-optimum-value { background: var(--pd-signal); }
.pd-audit__score meter::-moz-meter-bar { background: var(--pd-signal); }
.pd-audit__finding { font-weight: 600; margin-block-end: var(--pd-space-1); }
.pd-audit__checks { list-style: none; padding: 0; margin-block: var(--pd-space-4) 0; }
.pd-audit__checks li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--pd-space-1) var(--pd-space-3);
	padding-block: var(--pd-space-2);
	border-block-start: var(--pd-border);
}
.pd-audit__status { color: var(--pd-ink-muted); font-size: var(--pd-fs-small); }
.pd-audit__status--ok { color: var(--pd-signal); }
.pd-audit__download { margin-block-start: var(--pd-space-4); scroll-margin-block-start: var(--pd-space-18); }
.pd-audit__download .pd-audit__button { background: transparent; color: var(--pd-ink); }
.pd-audit__download .pd-audit__button:hover { background: var(--pd-magenta); color: var(--pd-base); }
.pd-audit__faq { max-width: var(--pd-measure); }
.pd-audit__faq details { border-block-end: var(--pd-border); }
.pd-audit__faq summary { min-height: 48px; cursor: pointer; padding-block: var(--pd-space-3); font-weight: 600; }
.pd-audit__faq details p { padding-block-end: var(--pd-space-4); }
.pd-audit__disclosure { margin-block-start: var(--pd-space-4); }
.pd-audit__link { display: inline-flex; min-height: 44px; align-items: center; margin-block-start: var(--pd-space-3); }

@media (min-width: 560px) {
	.pd-audit__result-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
	.pd-audit__download { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pd-space-8); }
}

@media (min-width: 860px) {
	.pd-audit__hero {
		grid-template-areas: "copy form" "art form";
		grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
		gap: var(--pd-space-6) var(--pd-space-12);
		padding-block: var(--pd-space-18);
	}
	.pd-audit__intro h1 { font-size: var(--pd-fs-h1); max-width: 12ch; }
	.pd-audit__scan { align-self: center; }
	.pd-audit__section { padding-block: var(--pd-space-18); }
	.pd-audit__topics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
	.pd-audit__button { transition: none; }
}