/*
Theme Name:   Grimbell
Theme URI:    https://grimbell.com
Description:  Child theme of Twenty Twenty-Five for grimbell.com. Design tokens live in theme.json; page structures live in /patterns.
Author:       Grimbell Business Solutions LLP
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  grimbell
*/

/* Nearly everything is handled by theme.json. Only put here what theme.json cannot express. */

/* Answer block: the first-50-words paragraph at the top of every answer page. */
.grimbell-answer-block {
	border-left: 4px solid var(--wp--preset--color--teal);
	padding-left: var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.55;
}

/* Key-facts table: the block answer engines lift intact. */
.grimbell-facts table {
	border-collapse: collapse;
	width: 100%;
}
.grimbell-facts th,
.grimbell-facts td {
	text-align: left;
	padding: 0.7rem 0.9rem;
	border-bottom: 1px solid var(--wp--preset--color--line);
	vertical-align: top;
}
.grimbell-facts th {
	width: 34%;
	font-weight: 600;
}

/* Price band, used on programme pages. */
.grimbell-price {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

/* Visible focus ring everywhere. */
:where(a, button, input, select, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--rust);
	outline-offset: 2px;
}