/* ==========================================================================
   Disclaimer (neilkelly/disclaimer)
   Figma: Disclaimer (2099:55) — full-bleed grey band, 32px block / 72px inline
   padding, 12px fine print. Token-driven, plain CSS.
   Wrapper: .wp-block-neilkelly-disclaimer.nk-disclaimer
   ========================================================================== */
.wp-block-neilkelly-disclaimer.nk-disclaimer {
	/* Figma paints #f2f2f2. surface-subtle is #f5f5f5 — a 3/255 difference, invisible
	   on screen, and it is the palette's canonical light band. Adding a token for the
	   3-point gap would grow the 34-colour system for nothing. */
	background: var(--wp--preset--color--surface-subtle);
	font-family: var(--wp--preset--font-family--inter);
	box-sizing: border-box;
}

/* Inner band = page max-width with gutter padding, which lands the text on the same
   1296 content column as every other section. Figma puts the 72px straight on the band
   with no inner wrapper; at 1440 the two are identical, and this way the copy stays
   aligned with the sections above it on wider viewports. */
.wp-block-neilkelly-disclaimer .nk-disclaimer__inner {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--4);
	width: 100%;
	max-width: var(--wp--custom--layout--max-width);
	margin-inline: auto;
	padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--gutter);
	box-sizing: border-box;
}

/* 12px regular, matching the frame. Leading and weight follow the theme's existing
   fine-print treatment (.nk-cta-close__footnote) rather than Figma's `leading: normal`,
   which is a UA default rather than a designed value.

   COLOUR IS A DELIBERATE DEVIATION. Figma specifies #999999, which on this band is
   2.54:1 — a WCAG AA failure for 12px body text, which needs 4.5:1. ink-secondary is
   6.42:1 on the same background. neutral-500 was the closer match to #999 but lands at
   4.43:1, still short. Flagged for the designer; if #999 is insisted on, the fix is a
   larger size or a darker band, not this token. */
.wp-block-neilkelly-disclaimer .nk-disclaimer__text {
	margin: 0;
	font-size: var(--wp--preset--font-size--xs);
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: var(--wp--custom--line-height--base);
	color: var(--wp--preset--color--ink-secondary);
	/* Figma sets word-break: break-word — a guard for unbroken strings such as a long
	   URL in the legal copy. overflow-wrap is the standards-track equivalent. */
	overflow-wrap: break-word;
}

@media (max-width: 767px) {
	.wp-block-neilkelly-disclaimer .nk-disclaimer__inner {
		padding: var(--wp--preset--spacing--6);
	}
}

/* No block-gap seam between full-bleed sections. Without this, core's default
   margin-block-start opens a strip of page background between this band and the
   section above. Harmless while that section is the calculator (white gap on white),
   but the rule stays unconditional: the band is grey, and anywhere it follows another
   grey section the gap reads as a white line drawn through one panel. */
.wp-block-neilkelly-disclaimer { margin-block: 0; }