/**
 * Accepted-reference remediation layer.
 * Loaded after the legacy child stylesheet so prototype-aligned rules have one
 * deliberate cascade owner instead of competing with historical page blocks.
 */

.ma-ref-upload__fields a {
	padding: 10px 12px;
	border: 1px solid var(--color-gray-300);
	border-radius: 7px;
	color: var(--color-gray-600);
	text-decoration: none;
}

.ma-ref-upload__fields a:last-child { grid-column: 1 / -1; }

.ma-status-privacy::before,
.ma-segmented-control[data-testid="paint-damage-control"] legend::before { content: none; }

.ma-status-privacy > span,
.ma-segmented-control[data-testid="paint-damage-control"] legend > span {
	display: inline-grid;
	place-items: center;
	color: var(--color-teal-primary);
}

.ma-status-privacy > span .ma-icon { inline-size: 24px; block-size: 24px; }
.ma-segmented-control[data-testid="paint-damage-control"] legend > span .ma-icon { inline-size: 20px; block-size: 20px; }
.ma-hub-heading { margin-block-end: var(--space-8); }

.ma-ref-faq__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.ma-ref-faq__head a { color: var(--color-teal-primary); font-weight: 800; text-decoration: none; }

/* Homepage editorial components: visible link labels and responsive photo guidance. */
.ma-ref-home :where(section[id]) { scroll-margin-block-start: 88px; }
.ma-ref-paths article { position: relative; }
.ma-ref-home :where(.ma-ref-paths h2, .ma-ref-services h3) a { color: inherit; text-decoration: none; }
.ma-ref-home :where(.ma-ref-paths h2, .ma-ref-services h3) a::after { content: ''; position: absolute; inset: 0; border-radius: 12px; }
.ma-ref-home :where(.ma-ref-paths article, .ma-ref-services article):hover { border-color: var(--color-teal-primary); background: var(--color-mint-tint); }
.ma-ref-paths article > .ma-ref-path-arrow { display: grid; place-items: center; inline-size: 32px; block-size: 32px; border: var(--border-default); border-radius: 50%; color: var(--color-navy); }
.ma-ref-process li { grid-template-columns: 38px minmax(0, 1fr); }
.ma-ref-process li > b { inset-block-start: 7px; inset-inline-start: 10px; font-size: 12px; }
.ma-ref-process li > svg { margin-block-start: 14px; }
.ma-ref-case__media { min-block-size: 0; align-items: start; }
.ma-ref-case__media figure { min-inline-size: 0; margin: 0; }
.ma-ref-case__media picture { display: block; overflow: hidden; border-radius: 10px; aspect-ratio: 4 / 3; background: var(--color-gray-100); }
.ma-ref-case__media img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.ma-ref-case__media figcaption { padding-block-start: 7px; font-size: 12px; line-height: 1.6; text-align: center; color: var(--color-gray-600); }
.ma-ref-case small { display: block; margin-block-start: 12px; color: var(--color-gray-600); line-height: 1.8; }
.ma-ref-case small a { color: var(--color-navy); text-underline-offset: 4px; }
.ma-ref-inline-link { display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; color: var(--color-navy); text-decoration-color: var(--color-teal-primary); text-underline-offset: 5px; font-weight: 600; }
.ma-ref-faq summary { line-height: 1.7; }
.ma-ref-faq details[open] { border-color: var(--color-teal-primary); }
.ma-ref-faq details p { max-inline-size: 80ch; line-height: 1.95; }

@media (max-width: 767px) {
	.ma-ref-hero { padding-block: 24px 12px; }
	.ma-ref-hero h1 { margin-block: 20px 14px; font-size: clamp(28px, 7.7vw, 32px); line-height: 1.55; }
	.ma-ref-hero__copy > p:not(.ma-ref-pill) { margin-inline: auto; max-inline-size: 36ch; font-size: 15px; line-height: 1.95; }
	.ma-ref-actions { gap: 10px; margin-top: 20px; }
	.ma-ref-actions .ma-button { padding: 10px 14px; min-block-size: 48px; font-size: 15px; }
	.ma-ref-trust { margin-top: 18px; padding: 12px 6px; gap: 8px; font-size: 11px; }
	.ma-ref-trust li { gap: 4px; }
	.ma-ref-trust svg { inline-size: 18px; }
	.ma-ref-section { padding-block: 22px; }
	.ma-ref-section h2 { font-size: 20px; line-height: 1.6; margin-bottom: 16px; }
	.ma-ref-paths > .ma-container { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding-block: 12px 22px; }
	.ma-ref-paths article { display: flex; flex-direction: column; align-items: center; gap: 10px; min-block-size: 176px; padding: 14px 8px; text-align: center; }
	.ma-ref-paths h2 { font-size: 12px; line-height: 1.65; }
	.ma-ref-paths p { font-size: 11px; line-height: 1.8; }
	.ma-ref-paths article > .ma-ref-path-arrow { align-self: flex-start; margin-block-start: auto; }
	.ma-ref-process li { min-block-size: 156px; padding: 16px 12px; gap: 6px; }
	.ma-ref-process li > b { font-size: 12px; }
	.ma-ref-process li > svg { margin-block-start: 0; inline-size: 28px; }
	.ma-ref-process strong { font-size: 13px; line-height: 1.7; }
	.ma-ref-process small { font-size: 12px; line-height: 1.8; }
	.ma-ref-services > .ma-container > div { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.ma-ref-services article { display: flex; min-block-size: 164px; padding: 16px 12px; flex-direction: column; align-items: flex-start; gap: 8px; text-align: start; }
	.ma-ref-services article > span svg { inline-size: 30px; }
	.ma-ref-services h3 { font-size: 13px; line-height: 1.7; }
	.ma-ref-services p { font-size: 12px; line-height: 1.8; }
	.ma-ref-case > .ma-container > .ma-ref-case__body { padding: 12px; gap: 18px; }
	.ma-ref-case__media { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.ma-ref-case__media figure:last-child { grid-column: 1 / -1; }
	.ma-ref-case__media figure:last-child picture { aspect-ratio: 16 / 9; }
	.ma-ref-case__media figcaption { font-size: 11px; }
	.ma-ref-case p { font-size: 14px; line-height: 1.9; }
	.ma-ref-why { display: block; }
	.ma-ref-why > .ma-container > div { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.ma-ref-why article { padding: 12px; gap: 8px; }
	.ma-ref-why h3 { font-size: 12px; line-height: 1.8; }
	.ma-ref-why svg { inline-size: 24px; }
	.ma-ref-faq details:nth-of-type(n+3) { display: block; }
	.ma-ref-faq details { padding: 12px; }
	.ma-ref-faq summary { font-size: 13px; }
	.ma-ref-faq details p { font-size: 14px; }
	.ma-ref-faq__head a { font-size: 12px; }
}

.ma-success-card__mark { position: relative; }
.ma-success-card__mark::before,
.ma-success-card__mark::after {
	position: absolute;
	inset-block-start: 8px;
	inline-size: 9px;
	block-size: 22px;
	border-radius: var(--radius-pill);
	background: var(--color-teal-light);
	content: '';
	transform: rotate(42deg);
}
.ma-success-card__mark::before { inset-inline-start: -24px; }
.ma-success-card__mark::after { inset-inline-end: -24px; transform: rotate(-42deg); }

.ma-accident-page { background: var(--color-white); }
.ma-accident-breadcrumb { display:flex; flex-wrap:wrap; gap:var(--space-2); align-items:center; padding-block:var(--space-4); color:var(--color-gray-600); font-size:var(--font-size-caption); }
.ma-accident-breadcrumb a { color:var(--color-deep-navy); text-decoration:none; }
.ma-accident-hero { padding-block:var(--space-8) var(--space-12); }
.ma-accident-hero__grid,.ma-accident-answer__inner,.ma-accident-checklist__inner,.ma-accident-final__inner { display:grid; gap:var(--space-8); align-items:center; }
.ma-accident-eyebrow { margin-block-end:var(--space-3); color:var(--color-teal-primary); font-size:var(--font-size-caption); font-weight:800; }
.ma-accident-hero h1 { max-inline-size:15ch; margin-block-end:var(--space-4); font-size:clamp(34px,5vw,58px); line-height:1.35; }
.ma-accident-hero__lead { max-inline-size:60ch; margin-block-end:var(--space-6); color:var(--color-gray-600); font-size:18px; line-height:1.95; }
.ma-accident-actions { display:flex; flex-wrap:wrap; gap:var(--space-3); }
.ma-accident-hero__visual { position:relative; min-block-size:300px; overflow:hidden; border-radius:var(--radius-card); background:var(--color-mint-tint); box-shadow:var(--shadow-2); }
.ma-accident-hero__visual img { display:block; inline-size:100%; block-size:100%; min-block-size:300px; object-fit:cover; }
.ma-accident-hero__visual span { position:absolute; inset-inline:16px; inset-block-end:16px; padding:8px 12px; border-radius:8px; background:rgb(10 16 33 / 82%); color:#fff; font-size:var(--font-size-caption); }
.ma-accident-answer__inner { padding:clamp(24px,5vw,44px); border-inline-start:4px solid var(--color-teal-primary); }
.ma-accident-answer h2,.ma-accident-heading h2,.ma-accident-checklist h2,.ma-accident-final h2 { margin:0; font-size:clamp(27px,4vw,42px); line-height:1.5; }
.ma-accident-answer p:last-child,.ma-accident-final p { margin:0; color:var(--color-gray-600); line-height:1.95; }
.ma-accident-heading { margin-block-end:var(--space-8); }
.ma-accident-steps__list { display:grid; gap:var(--space-4); padding:0; margin:0; list-style:none; }
.ma-accident-steps__list li { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--space-4); padding:var(--space-6); border-block-start:2px solid var(--color-teal-light); }
.ma-accident-steps__list li>span { display:grid; place-items:center; inline-size:44px; block-size:44px; border-radius:var(--radius-pill); background:var(--color-teal-primary); color:#fff; font-weight:800; }
.ma-accident-steps__list h3 { margin-block-end:var(--space-2); font-size:var(--font-size-body); }
.ma-accident-steps__list p { margin:0; color:var(--color-gray-600); line-height:1.9; }
.ma-accident-checklist__inner { padding:clamp(24px,5vw,44px); }
.ma-accident-checklist ul { display:grid; gap:var(--space-3); padding:0; margin:0; list-style:none; }
.ma-accident-checklist li { padding:var(--space-3) var(--space-4); border-radius:var(--radius-md); background:#fff; color:var(--color-deep-navy); }
.ma-accident-related__grid { display:grid; gap:var(--space-3); }
.ma-accident-related__grid a { display:flex; min-block-size:64px; align-items:center; justify-content:space-between; padding:var(--space-4) var(--space-6); color:var(--color-deep-navy); text-decoration:none; }
.ma-accident-final { padding-block-end:calc(var(--space-16) + var(--space-8)); }
.ma-accident-final__inner { padding:clamp(24px,5vw,48px); border-radius:var(--radius-card); background:var(--color-deep-navy); color:#fff; }
.ma-accident-final h2 { color:#fff; }.ma-accident-final p { color:var(--color-gray-100); }.ma-accident-final .ma-button--secondary { border-color:var(--color-teal-light); background:transparent; color:#fff; }
@media (min-width:768px) { .ma-accident-hero__grid { grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:var(--space-12); }.ma-accident-answer__inner,.ma-accident-checklist__inner { grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr); }.ma-accident-final__inner { grid-template-columns:minmax(0,1fr) auto; } }
@media (max-width:600px) { .ma-accident-actions { display:grid; }.ma-accident-actions .ma-button { inline-size:100%; }.ma-accident-hero__visual { min-block-size:230px; }.ma-accident-hero__visual img { min-block-size:230px; } }

@media (max-width: 600px) {
	.ma-assessment-shell[data-assessment-step="status"] { overflow-x: clip; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); filter: drop-shadow(0 8px 24px rgb(20 32 58 / 5%)); }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header,
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts { min-block-size: 182px; padding: 20px 12px; border-block-end: 0; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header { padding-inline-start: 12px; border-radius: 0 16px 0 0; }
	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__facts { border-radius: 16px 0 0; }

	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header h1 {
		max-inline-size: none;
		font-size: 20px;
		line-height: 1.5;
	}

	.ma-assessment-shell[data-assessment-step="status"] .ma-status-card__header .ma-status-card__icon {
		inset-block-start: 14px;
		inset-inline-start: auto;
		inset-inline-end: auto;
		left: 10px;
		right: auto;
		inline-size: 34px;
		block-size: 34px;
		font-size: 18px;
	}

	.ma-assessment-shell[data-assessment-step="status"] .ma-status-timeline {
		padding: 20px;
		margin-top: 0;
		border-block-start: 1px solid var(--color-gray-300);
		border-radius: 0 0 16px 16px;
		box-shadow: none;
	}

	.ma-assessment-shell[data-assessment-step="status"] [data-testid="status-case-code"] {
		direction: ltr;
		unicode-bidi: isolate;
		white-space: nowrap;
	}
}