/* Inner pages (council, report, services): re-skins legacy section classes with the shared design tokens.
   Scoped to body.tc-inner, which is added by tica_inner_body_class() in functions.php. */

body.tc-inner {
	background: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-body);
}

/* Section shells */
body.tc-inner :where(.fcmo, .entry) > section {
	box-sizing: border-box;
	max-width: 100%;
	margin: 0;
	background: var(--color-bg);
	color: var(--color-ink);
}

body.tc-inner :is(.fcmo, .entry) > section {
	padding: var(--space-section) var(--gutter);
}

body.tc-inner :is(.fcmo, .entry) > section > :is(.container, .container-fluid) {
	padding-inline: 0;
}

body.tc-inner section:is(.light-header, .dark-header) {
	padding-block: clamp(3rem, 8vw, 6rem);
}

body.tc-inner #fcmo-header {
	background-image: none;
}

body.tc-inner :is(.white__box, .white-section) {
	background: var(--color-surface);
	border-block: 1px solid var(--color-border);
}

body.tc-inner .white-section::after {
	content: none;
}

body.tc-inner :is(.gray__box, .grey__box) {
	background: var(--color-border-soft) !important;
}

body.tc-inner .red__box {
	background: var(--color-accent) !important;
	color: var(--color-surface);
}

body.tc-inner :is(.dark-header, .dark-box, .dark-section) {
	background: var(--color-ink) !important;
	color: var(--color-on-dark);
}

body.tc-inner :is(.dark-header, .dark-box, .dark-section) :is(p, li, h5) {
	color: var(--color-on-dark-soft);
}

body.tc-inner :is(.dark-header, .dark-box, .dark-section) :is(h1, h2, h3, h4) {
	color: var(--color-on-dark);
}

body.tc-inner .guesswork {
	gap: var(--hero-gap) !important;
}

/* Typography */
body.tc-inner :is(.fcmo, .entry) :is(h1, h2, h3, h4) {
	margin: 0;
	padding: 0;
	font-family: var(--font-display);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.03em;
	text-transform: none;
	color: inherit;
}

body.tc-inner :is(.fcmo, .entry) h1 {
	font-size: var(--fs-h1);
	line-height: 0.95;
	letter-spacing: var(--tracking-h1);
}

body.tc-inner :is(.fcmo, .entry) h2,
body.tc-inner :is(.fcmo, .entry) .section-title h2 {
	font-size: var(--fs-h2) !important;
}

body.tc-inner :is(.fcmo, .entry) h3 {
	font-size: var(--fs-h3);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

body.tc-inner :is(.fcmo, .entry) .section-title :is(h1, h2, h3, h4, p, li, strong) {
	color: inherit;
}

body.tc-inner :is(.fcmo, .entry) .section-title {
	margin-bottom: var(--space-title-gap);
	padding: 0;
}

body.tc-inner :is(.fcmo, .entry) p {
	margin: 0;
	padding: 0 0 var(--space-3);
	font-family: var(--font-body);
	font-size: var(--fs-text);
	font-weight: 400;
	line-height: 1.6;
	color: var(--color-text);
}

body.tc-inner :is(.fcmo, .entry) p:last-child {
	padding-bottom: 0;
}

body.tc-inner :is(.fcmo, .entry) .section-title p {
	font-size: var(--fs-lead-lg);
	line-height: 1.5;
}

body.tc-inner :is(.fcmo, .entry) :is(h1, h2, h3) :is(em, ins) {
	color: var(--color-accent);
	font-style: normal;
}

body.tc-inner :is(.red-text, .dark-red-text) {
	color: var(--color-accent) !important;
}

body.tc-inner .light-text {
	color: var(--color-on-dark-muted) !important;
}

body.tc-inner :is(.serif, .sans) {
	font-family: var(--font-body) !important;
}

/* Lists */
body.tc-inner :is(.fcmo, .entry) ul li {
	font-size: var(--fs-text);
	line-height: 1.55;
}

body.tc-inner :is(.fcmo, .entry) ul li::before {
	width: 0.5rem;
	height: 0.5rem;
	margin-top: 0.5rem;
	border-radius: 50%;
	background-color: var(--color-accent);
	transform: none;
}

/* Buttons */
body.tc-inner :is(.cta-box, .action-row) a {
	display: inline-block;
	padding: 0.875rem 1.5rem;
	border-radius: var(--radius-pill);
	background-color: var(--color-accent);
	font-family: var(--font-body) !important;
	font-size: var(--fs-base);
	font-weight: 600;
	color: var(--color-surface);
	text-decoration: none;
}

body.tc-inner :is(.cta-box, .action-row) a:hover {
	background-color: var(--color-slate);
	color: var(--color-surface) !important;
}

/* Cards */
body.tc-inner .card {
	padding: var(--space-card);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-surface);
	box-shadow: none;
	color: var(--color-ink);
}

body.tc-inner .pricing-boxes .card h2 {
	font-size: var(--fs-h3) !important;
	color: var(--color-accent);
}

body.tc-inner .pricing-boxes .card .price--row {
	font-family: var(--font-display);
	font-weight: 800;
	border-bottom-color: var(--color-accent);
}

body.tc-inner .maze--item {
	border-color: var(--color-border);
}

body.tc-inner .red-dot p {
	background-color: var(--color-accent);
	font-family: var(--font-mono);
}

/* Media */
body.tc-inner .wp-block-image:not(.disc, .pill) img {
	border-radius: var(--radius-lg);
}

body.tc-inner .video-container iframe,
body.tc-inner .video-container video {
	border-radius: var(--radius-lg);
}

body.tc-inner .wp-block-columns {
	gap: var(--hero-gap) !important;
}

/* Embedded Kit forms */
body.tc-inner form.formkit-form[data-uid] input.formkit-input {
	border-radius: var(--radius-pill) !important;
}

body.tc-inner form.formkit-form[data-uid] button.formkit-submit {
	border-radius: var(--radius-pill) !important;
	background: var(--color-accent) !important;
	color: var(--color-surface) !important;
	font-weight: 600 !important;
}

body.tc-inner .eb-accordion-title {
	font-family: var(--font-display) !important;
}

/* Readable gray (not white) text on dark sections */
body.tc-inner :is(.fcmo, .entry) :is(.dark-header, .dark-box, .dark-section) :is(p, li, h5, strong) {
	color: var(--color-on-dark-soft);
}

body.tc-inner :is(.fcmo, .entry) :is(.dark-header, .dark-box, .dark-section) :is(h1, h2, h3, h4)[style*="#666"] {
	color: var(--color-on-dark-muted) !important;
}

/* Bottom spacing for section titles; titles inside cards get a smaller gap */
body.tc-inner #content :is(h1, h2):not(:last-child) {
	margin-bottom: var(--space-title-gap) !important;
}

body.tc-inner #content :is(.card, .eb-column-inner) :is(h1, h2):not(:last-child) {
	margin-bottom: var(--space-3) !important;
}