/*
 * Research and About pages (spec inner-pages.md sections 7 and 8). Tokens only; mobile at max-width 781px (D7).
 * Width comes from the shared .di-container (R11). Vertical rhythm is padding on each section, so the
 * block gap between post-content children never adds to it. Enqueued by inc/research-about.php.
 */

.di-rs,
.di-ab {
	margin-block: 0;
	padding-top: 80px;
}
.di-rs--head,
.di-ab--head {
	padding-top: 0;
}
.di-rs h2,
.di-ab h2 {
	margin: 0 0 24px;
}
.di-rs__intro,
.di-ab__intro {
	max-width: 760px;
	margin-bottom: 48px;
}
.di-rs-datasets {
	padding-top: 0;
}

/* ---------- Research: datasets ---------- */
.di-rs-datasets__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	gap: 20px;
}
.di-rs-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	padding: 28px;
	background: var(--wp--preset--color--card);
	border: var(--wp--custom--border--width) solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card-lg);
}
.di-rs-card h3 {
	margin: 0;
	font-size: 26px;
	line-height: var(--wp--custom--line-height--heading-2);
}
.di-rs-card > p {
	margin: 0;
	line-height: 1.5;
	color: var(--wp--preset--color--slate);
}
.di-rs-card dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 14px;
	margin: auto 0 0;
	padding-top: 14px;
	border-top: var(--wp--custom--border--width) solid var(--wp--preset--color--line);
	font-size: var(--wp--preset--font-size--small);
}
.di-rs-card dt {
	color: var(--wp--preset--color--slate);
}
.di-rs-card dd {
	margin: 0;
	font-weight: 600;
}
.di-rs-card__link {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--control--min-tap-target);
	font-weight: 600;
	text-underline-offset: 4px;
}

/* ---------- Research: findings ---------- */
.di-rs-findings h2 {
	margin-bottom: 8px;
}
.di-rs-findings__intro {
	max-width: 720px;
	margin: 0 0 24px;
	color: var(--wp--preset--color--slate);
}
.di-rs-table {
	min-width: 720px;
}
.di-rs-table th,
.di-rs-table td {
	text-align: left;
}
.di-rs-findings__method {
	margin: 14px 0 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--slate);
}
.di-rs-findings__method strong {
	color: var(--wp--preset--color--ink);
}
/* "Full methodology" wraps onto its own line at 390 (no longer inline in a sentence): 44px hit area from
   vertical padding cancelled by equal negative margins, no visual change (same rule as the profession
   page's "Methodology" link). */
.di-rs-findings__method a {
	--di-hit-pad: calc((var(--wp--custom--control--min-tap-target) - 1lh) / 2 + 1px);
	display: inline-block;
	padding-block: var(--di-hit-pad);
	margin-block: calc(-1 * var(--di-hit-pad));
}

/* ---------- Research: how we work ---------- */
.di-rs-method__grid,
.di-ab-paid__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	gap: 48px;
	align-items: start;
}
.di-ab-paid__grid {
	grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
}
.di-rs-method__copy,
.di-ab-paid__copy {
	min-width: 0;
	max-width: 560px;
}
.di-rs-method__copy h2,
.di-ab-paid__copy h2 {
	margin-bottom: 16px;
}
.di-rs-method__copy p,
.di-ab-paid__copy p {
	margin: 0 0 16px;
}
.di-rs-method__copy p:last-child,
.di-ab-paid__copy p:last-child {
	margin-bottom: 0;
}

/* ---------- Research: submit-a-plan card (spec 7.5) ---------- */
.di-rs-submit__card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	box-sizing: border-box;
	padding: 40px;
	background: var(--wp--preset--color--card);
	border: var(--wp--custom--border--width) solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card-lg);
}
.di-rs-submit__copy {
	flex: 1 1 400px;
	min-width: 0;
}
.di-rs-submit__copy h2 {
	margin: 0 0 10px;
	font-size: 32px;
	line-height: 1.15;
}
.di-rs-submit__copy p {
	margin: 0;
	color: var(--wp--preset--color--slate);
	text-wrap: pretty;
}
.di-rs-submit__form {
	display: flex;
	flex: 1 1 320px;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px;
	min-width: 0;
}
.di-rs-submit__form .di-field {
	flex: 1 1 220px;
	min-width: 0;
}
.di-rs-submit__btn {
	box-sizing: border-box;
	min-height: 52px;
	padding: 0 24px;
}

/* ---------- About ---------- */
.di-ab-principles {
	padding-top: 0;
}
.di-ab-principles__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	gap: 20px;
}
@media (min-width: 1101px) {
	.di-ab-principles__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
.di-ab-card {
	min-width: 0;
	padding: 28px;
	background: var(--wp--preset--color--card);
	border: var(--wp--custom--border--width) solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card-lg);
}
.di-ab-card .di-icon-disc {
	margin-bottom: 16px;
}
.di-ab-card h2 {
	margin: 0 0 12px;
	font-size: 26px;
	line-height: var(--wp--custom--line-height--heading-2);
}
.di-ab-card p {
	margin: 0;
	line-height: 1.5;
	color: var(--wp--preset--color--slate);
	text-wrap: pretty;
}
.di-ab-paid__box {
	min-width: 0;
}
.di-ab-paid__box dl {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px 16px;
	margin: 0;
	font-size: 17px;
}
.di-ab-paid__box dt {
	color: var(--wp--preset--color--slate);
}
.di-ab-paid__box dd {
	margin: 0;
	font-weight: 600;
	text-align: right;
}
.di-ab-paid__note {
	margin: 16px 0 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--slate);
}
.di-ab-standards__inner,
.di-ab-licensing__card {
	max-width: 760px;
}
.di-ab-licensing__card {
	box-sizing: border-box;
	padding: 32px;
	background: var(--wp--preset--color--card);
	border: var(--wp--custom--border--width) solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card-lg);
}
.di-ab-licensing__card h2 {
	margin-bottom: 16px;
	font-size: 28px;
	line-height: var(--wp--custom--line-height--heading-2);
}
.di-ab-licensing__card dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 10px 24px;
	margin: 0;
	font-size: 17px;
}
.di-ab-licensing__card dt {
	color: var(--wp--preset--color--slate);
}
.di-ab-licensing__card dd {
	margin: 0;
	font-weight: 600;
	min-width: 0;
	overflow-wrap: anywhere;
}
.di-ab-cta {
	padding-top: 64px;
}
.di-btn--secondary.di-ab-cta__btn {
	flex: none;
}

@media (max-width: 781px) {
	.di-rs-submit__card {
		padding: 24px 20px;
	}
	.di-rs-method__grid,
	.di-ab-paid__grid {
		gap: 32px;
	}
	.di-ab-paid__box.di-answer {
		padding: 22px 20px;
	}
	.di-ab-licensing__card dl {
		grid-template-columns: 1fr;
		gap: 2px;
	}
	.di-ab-licensing__card dd {
		margin-bottom: 10px;
	}
}

/* ---------- Licenses and Accessibility statement (About layout, client 2026-09-30) ---------- */
.alignfull.di-legal {
	padding-top: 0;
	padding-bottom: 32px;
}
.di-legal__body {
	max-width: 760px;
}
.di-legal__body h2 {
	margin: 40px 0 12px;
	font-size: 28px;
	line-height: var(--wp--custom--line-height--heading-2);
}
.di-legal__body h2:first-child {
	margin-top: 0;
}
.di-legal__body p,
.di-legal__body ul {
	margin: 0 0 16px;
}
.di-legal__body ul {
	padding-left: 1.25em;
}
.di-legal__body li + li {
	margin-top: 8px;
}