/* NicoWeb Cookie Consent: cookie and service tables on the policy pages. */
.nwcc-cookie-table,
.nwcc-service-table {
	container-type: inline-size;
}

.nwcc-cookie-table table,
.nwcc-service-table table {
	width: 100%;
	font-size: 0.875em;
	border-collapse: collapse;
}

.nwcc-cookie-table th,
.nwcc-cookie-table td,
.nwcc-service-table th,
.nwcc-service-table td {
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
}

.nwcc-cookie-table code {
	white-space: normal;
	overflow-wrap: anywhere;
	font-size: 0.95em;
}

.nwcc-cookie-table td:nth-child(3) {
	min-width: 12em;
}

/* Narrow content columns: one block per row, each value with its column name. */
@container (max-width: 700px) {
	.nwcc-cookie-table thead,
	.nwcc-service-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.nwcc-cookie-table tr,
	.nwcc-service-table tr {
		display: block;
		padding: 0.5em 0;
		border-bottom: 1px solid currentColor;
	}

	.nwcc-cookie-table td,
	.nwcc-service-table td {
		display: grid;
		grid-template-columns: minmax(7em, 35%) 1fr;
		gap: 0.75em;
		padding: 0.25em 0;
		border: 0;
	}

	.nwcc-cookie-table td::before,
	.nwcc-service-table td::before {
		content: attr(data-label);
		font-weight: 600;
	}

	.nwcc-cookie-table td:nth-child(3) {
		min-width: 0;
	}
}