/*
 * Four-page design refinement — July 17, 2026.
 *
 * Local-only layer for the approved Home, Personal, Farm & Ranch, and
 * Support review. It loads after the East Texas illustration layer so these
 * page-specific composition decisions remain easy to inspect and reverse.
 */

/* -------------------------------------------------------------------------
   Home: keep the hero as the one primary team photograph. Tighten the
   four-step journey so it carries less empty vertical space on desktop and
   mobile.
   ------------------------------------------------------------------------- */

.sc-home .sc-home-journey {
	padding-block: clamp(56px, 6vw, 68px);
}

.sc-home .sc-home-trail {
	margin-top: 20px;
	padding-top: 96px;
	padding-bottom: 8px;
}

.sc-home .sc-home-trail__closing {
	margin-top: 92px;
}

.sc-home .sc-home-journey .sc-home-process__pledge-note {
	margin-top: 36px;
}

/* -------------------------------------------------------------------------
   Personal: replace an unreliable/repeated photo slot with a compact coverage
   relationship guide. It is information, not decoration, and points into the
   existing directory rather than adding another quote action.
   ------------------------------------------------------------------------- */

.sc-personal-page .sc-page-hero__split {
	grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.72fr);
	gap: clamp(48px, 7vw, 96px);
	align-items: center;
}

.sc-page-hero__guide {
	position: relative;
	padding: 26px 0 24px;
	border-top: 1px solid var(--sc-hairline, #eee9db);
	border-bottom: 1px solid var(--sc-hairline, #eee9db);
}

.sc-page-hero__guide::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 46px;
	height: 3px;
	background: var(--sc-red);
}

.sc-page-hero__guide .sc-eyebrow {
	margin-bottom: 10px;
}

.sc-page-hero__guide h2 {
	max-width: 18ch;
	margin: 0;
	color: var(--sc-navy);
	font-family: var(--sc-serif);
	font-size: clamp(1.55rem, 2.2vw, 2rem);
	font-weight: 700;
	line-height: 1.16;
}

.sc-page-hero__guide-list {
	display: grid;
	gap: 14px;
	margin: 22px 0 18px;
	padding: 0;
	list-style: none;
}

.sc-page-hero__guide-list li {
	position: relative;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
}

.sc-page-hero__guide-list li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 27px;
	bottom: -14px;
	left: 16px;
	border-left: 1px dashed rgba(169, 140, 75, 0.52);
}

.sc-page-hero__guide-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--sc-gold);
	border-radius: 50%;
	background: #ffffff;
	color: var(--sc-navy);
	font-family: var(--sc-sans);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.08em;
}

.sc-page-hero__guide-list strong,
.sc-page-hero__guide-list li div > span {
	display: block;
}

.sc-page-hero__guide-list strong {
	margin: 1px 0 3px;
	color: var(--sc-navy);
	font-family: var(--sc-sans);
	font-size: 0.92rem;
	font-weight: 600;
}

.sc-page-hero__guide-list li div > span {
	color: rgba(36, 49, 66, 0.76);
	font-size: 0.9rem;
	line-height: 1.48;
}

.sc-page-hero__guide-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	color: var(--sc-navy);
	font-family: var(--sc-sans);
	font-size: 0.76rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-transform: uppercase;
}

.sc-page-hero__guide-link:hover,
.sc-page-hero__guide-link:focus-visible {
	color: var(--sc-red);
}

.sc-personal-page .sc-coverage-directory .sc-section-heading h2 {
	max-width: 19ch;
	font-size: clamp(2rem, 3.4vw, 3rem);
	line-height: 1.12;
}

/* -------------------------------------------------------------------------
   Farm & Ranch: the approved story strip is entirely text-forward. Improve
   its editorial type hierarchy and contrast without reintroducing an image.
   ------------------------------------------------------------------------- */

.sc-farm-page .sc-coverage-story {
	background: #ffffff;
}

.sc-farm-page .sc-coverage-story .sc-story__copy {
	padding-block: clamp(8px, 1vw, 16px) !important;
}

.sc-farm-page .sc-coverage-story .sc-story__copy > h2 {
	max-width: 15.5ch;
	font-size: clamp(2rem, 3.3vw, 2.85rem);
	line-height: 1.12;
	text-wrap: balance;
}

.sc-farm-page .sc-coverage-story .sc-story__copy > p {
	max-width: 62ch;
	color: rgba(36, 49, 66, 0.88);
	font-size: 1.08rem;
	line-height: 1.68;
}

.sc-farm-page .sc-coverage-story .sc-checklist {
	color: rgba(36, 49, 66, 0.86);
	font-size: 1rem;
	line-height: 1.55;
}

.sc-farm-page .sc-coverage-directory .sc-section-heading h2 {
	max-width: 20ch;
	font-size: clamp(2rem, 3.4vw, 3rem);
	line-height: 1.12;
}

/* -------------------------------------------------------------------------
   Support: balance the first fold with real office/after-hours direction,
   remove the now-redundant mobile quick-action prelude, and make every task
   destination a full-width, minimum-44px row.
   ------------------------------------------------------------------------- */

@media (min-width: 900px) {
	.sc-support-page .sc-page-hero > .sc-support-hero__layout {
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.72fr);
		grid-template-areas: none;
		grid-template-rows: none;
		grid-auto-rows: auto;
		column-gap: clamp(54px, 7vw, 100px);
		row-gap: 0;
		align-items: start;
	}

	.sc-support-page .sc-support-hero__layout > :not(.sc-support-hero__utility) {
		grid-column: 1;
		grid-row: auto;
	}

	.sc-support-page .sc-support-hero__utility {
		grid-column: 2;
		grid-row: 1 / span 5;
		align-self: center;
	}

	.sc-support-page .sc-page-hero h1 {
		max-width: 21ch;
	}
}

.sc-support-hero__utility {
	position: relative;
	padding: 26px 0 22px;
	border-top: 1px solid var(--sc-hairline, #eee9db);
	border-bottom: 1px solid var(--sc-hairline, #eee9db);
}

.sc-support-hero__utility::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 46px;
	height: 3px;
	background: var(--sc-red);
}

.sc-support-hero__utility h2 {
	margin: 8px 0 18px;
	color: var(--sc-navy);
	font-family: var(--sc-serif);
	font-size: clamp(1.55rem, 2.1vw, 1.95rem);
	line-height: 1.16;
}

.sc-support-hero__utility-row {
	display: grid;
	gap: 4px;
	padding: 13px 0;
	border-top: 1px solid var(--sc-hairline, #eee9db);
}

.sc-support-hero__utility-row strong {
	color: var(--sc-navy);
	font-family: var(--sc-sans);
	font-size: 0.84rem;
	font-weight: 600;
}

.sc-support-hero__utility-row span {
	color: rgba(36, 49, 66, 0.78);
	font-size: 0.94rem;
	line-height: 1.5;
}

.sc-support-hero__utility-row a,
.sc-support-hero__utility > p a {
	color: var(--sc-navy);
	font-weight: 600;
	text-underline-offset: 3px;
}

.sc-support-hero__utility-row a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 0.88rem;
}

.sc-support-hero__utility-row a:hover,
.sc-support-hero__utility-row a:focus-visible,
.sc-support-hero__utility > p a:hover,
.sc-support-hero__utility > p a:focus-visible {
	color: var(--sc-red);
}

.sc-support-hero__utility > p {
	margin: 14px 0 0;
	color: rgba(36, 49, 66, 0.76);
	font-size: 0.9rem;
	line-height: 1.5;
}

/* The action center now provides every quick-action destination directly. */
.sc-support-page .sc-support-quick-actions {
	display: none !important;
}

.sc-support-page .sc-client-action-center__card-links {
	gap: 2px;
}

.sc-support-page .sc-client-action-center__card-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 44px;
	padding: 8px 0;
}

.sc-support-page .sc-client-action-center__card-link span {
	flex: none;
	margin-left: 8px;
}

/* -------------------------------------------------------------------------
   Personal + Farm mobile directories: preserve every destination while
   reducing seven/eight full-width cards to a compact two-column scan.
   ------------------------------------------------------------------------- */

@media (max-width: 860px) {
	.sc-personal-page .sc-page-hero__split {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.sc-home .sc-home-journey {
		padding-block: 52px;
	}

	.sc-home .sc-home-vtrail {
		gap: 22px;
		margin-top: 28px;
	}

	.sc-home .hw-vrow::before {
		bottom: -22px;
	}

	.sc-home .sc-home-journey .sc-home-process__pledge-note {
		margin-top: 30px;
	}

	.sc-page-hero__guide,
	.sc-support-hero__utility {
		margin-top: 32px;
	}

	.sc-page-hero__guide-list {
		gap: 10px;
		margin-block: 18px 12px;
	}

	.sc-page-hero__guide-list li div > span {
		display: none;
	}

	.sc-page-hero__guide-list li:not(:last-child)::after {
		bottom: -10px;
	}
}

@media (max-width: 680px) {
	:is(.sc-personal-page, .sc-farm-page) .sc-coverage-directory .sc-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	:is(.sc-personal-page, .sc-farm-page) .sc-coverage-directory .sc-card {
		min-width: 0;
		padding: 16px 14px !important;
		column-gap: 0;
	}

	:is(.sc-personal-page, .sc-farm-page) .sc-coverage-directory .sc-card > h3 {
		margin-bottom: 8px;
		font-size: 1.08rem;
		line-height: 1.18;
	}

	:is(.sc-personal-page, .sc-farm-page) .sc-coverage-directory .sc-card > p {
		display: -webkit-box;
		overflow: hidden;
		margin-bottom: 6px;
		font-size: 0.9rem;
		line-height: 1.42;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
	}

	:is(.sc-personal-page, .sc-farm-page) .sc-coverage-directory .sc-card .sc-coverage-path__toggle {
		justify-content: center;
		width: 100%;
		min-height: 44px;
		margin: 8px 0 0;
		padding: 10px 8px;
		font-size: 0.78rem;
	}

	:is(.sc-personal-page, .sc-farm-page) .sc-coverage-directory .sc-card .sc-link {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 44px;
		padding: 8px 0;
		white-space: normal;
		text-align: center;
	}

	:is(.sc-personal-page, .sc-farm-page) .sc-coverage-directory .sc-section-heading h2 {
		font-size: clamp(1.72rem, 7.4vw, 2rem);
	}

	.sc-farm-page .sc-coverage-story .sc-story__copy > h2 {
		max-width: none;
		font-size: clamp(1.82rem, 7.6vw, 2.15rem);
	}

	.sc-farm-page .sc-coverage-story .sc-story__copy > p {
		font-size: 1.02rem;
		line-height: 1.62;
	}

	.sc-support-page .sc-client-action-center {
		padding-block: 48px !important;
	}

	.sc-support-page .sc-client-action-center__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.sc-support-page .sc-client-action-center__card {
		min-width: 0;
		padding: 15px 13px 10px;
	}

	.sc-support-page .sc-client-action-center__card-title {
		font-size: 0.98rem;
	}

	.sc-support-page .sc-client-action-center__card-desc {
		display: -webkit-box;
		overflow: hidden;
		font-size: 0.82rem;
		line-height: 1.38;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.sc-support-page .sc-client-action-center__card-link {
		font-size: 0.84rem;
		line-height: 1.3;
	}
}

@media (max-width: 340px) {
	:is(.sc-personal-page, .sc-farm-page) .sc-coverage-directory .sc-card-grid,
	.sc-support-page .sc-client-action-center__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sc-page-hero__guide *,
	.sc-support-hero__utility * {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}