/* nutriscrolls/reference-intakes — Figma "Reference intakes table" 21:578 */
.ns-reference-intakes__title {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--h-4);
	font-weight: 600;
	letter-spacing: -0.005em;
	line-height: var(--wp--custom--line-height--h-4);
	margin: 0 0 var(--wp--preset--spacing--10);
}
.ns-reference-intakes__subtitle {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--body-small);
	line-height: var(--wp--custom--line-height--body-small);
	margin: 0 0 var(--wp--preset--spacing--40);
}
/* Second table (sodium CDRR): same table style, its own small heading. */
.ns-reference-intakes__subhead {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--h-6);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--h-6);
	margin: var(--wp--preset--spacing--60) 0 var(--wp--preset--spacing--10);
}
.ns-ri {
	border-collapse: collapse;
	margin: 0;
	width: 100%;
}
.ns-ri th,
.ns-ri td {
	border: 0;
	border-bottom: var(--wp--custom--border--hairline) solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--ink);
	padding: var(--wp--preset--spacing--30) 0;
	text-align: start;
	vertical-align: middle;
}
.ns-ri thead th {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: var(--wp--custom--line-height--eyebrow);
	padding-block: var(--wp--preset--spacing--20);
	text-transform: uppercase;
}
.ns-ri thead th.ns-cell-num,
.ns-ri td {
	text-align: end;
	width: 140px;
}
.ns-ri th + th,
.ns-ri th + td,
.ns-ri td + td {
	padding-inline-start: var(--wp--preset--spacing--40);
}
.ns-ri tbody th {
	font-size: var(--wp--preset--font-size--body-small);
	font-weight: 400;
	line-height: var(--wp--custom--line-height--body-small);
}
/* The visitor's region (html[data-region], no attribute = us) marks its column: bold values, accent rule under the heading. */
html:not([data-region="eu"]) .ns-ri [data-region-col="us"],
html[data-region="eu"] .ns-ri [data-region-col="eu"] {
	font-weight: 600;
}
html:not([data-region="eu"]) .ns-ri thead [data-region-col="us"],
html[data-region="eu"] .ns-ri thead [data-region-col="eu"] {
	border-bottom-color: var(--wp--preset--color--action);
	color: var(--wp--preset--color--ink);
}
.ns-reference-intakes__note {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 500;
	line-height: var(--wp--custom--line-height--caption);
	margin: 0;
	padding-top: var(--wp--preset--spacing--40);
}

/* Mobile: one block per group, "US 15 mg   EU 20 mg" on one line */
@media (max-width: 599px) {
	.ns-ri thead {
		display: none;
	}
	.ns-ri,
	.ns-ri tbody {
		display: block;
	}
	.ns-ri tr {
		border-bottom: var(--wp--custom--border--hairline) solid var(--wp--preset--color--line);
		column-gap: var(--wp--preset--spacing--50);
		display: flex;
		flex-wrap: wrap;
		padding-block: var(--wp--preset--spacing--30);
	}
	.ns-ri th,
	.ns-ri td,
	.ns-ri th + td,
	.ns-ri td + td {
		border: 0;
		padding: 0;
		text-align: start;
		width: auto;
	}
	.ns-ri tbody th {
		flex-basis: 100%;
		font-weight: 600;
		padding-bottom: var(--wp--preset--spacing--10);
	}
	.ns-ri td::before {
		content: attr(data-label) "\00a0";
	}
}

/* Personal mode (blocks/view/personal.js): the visitor's own row. */
.ns-ri tr.is-you > th,
.ns-ri tr.is-you > td {
	background: var(--wp--preset--color--action-subtle);
	color: var(--wp--preset--color--on-action-subtle);
	font-weight: 600;
}
.ns-ri tr.is-you > th {
	padding-inline-start: var(--wp--preset--spacing--20);
}
.ns-ri__you {
	background: var(--wp--preset--color--action);
	border-radius: var(--wp--custom--radius--sm);
	color: var(--wp--preset--color--on-action);
	display: inline-block;
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	margin-inline-start: var(--wp--preset--spacing--10);
	padding: 3px 6px;
	text-transform: uppercase;
	vertical-align: middle;
}
@media (max-width: 599px) {
	.ns-ri tr.is-you {
		background: var(--wp--preset--color--action-subtle);
		padding-inline: var(--wp--preset--spacing--20);
	}
	.ns-ri tr.is-you > th,
	.ns-ri tr.is-you > td {
		background: none;
	}
}