/* Composition only: surfaces, controls, media and timeline use shared recipes. */
.cd-repair-hero, .cd-repair-workshop { display: grid; grid-template-columns: minmax(0,1fr); align-items: center; gap: var(--cd-space-8); }
.cd-repair-hero--photo { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.cd-repair-workshop--photo { grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr); }
.cd-repair :is(figure,ul,dl) { margin: 0; }
.cd-repair figure { min-width: 0; }
.cd-repair .cd-repair-headline { font-size: clamp(var(--cd-font-xl),4vw,calc(var(--cd-font-xl) * 2)); font-weight: var(--cd-weight-bold); line-height: var(--cd-line-height-heading); color: var(--cd-color-text); }
.cd-repair-copy { display: grid; align-content: start; gap: var(--cd-space-3); min-width: 0; }
.cd-repair-copy > p { max-width: var(--cd-container-narrow); }
.cd-repair-trust { display: flex; flex-wrap: wrap; gap: var(--cd-space-2) var(--cd-space-4); padding: 0; list-style: none; font-size: var(--cd-font-sm); }
.cd-repair-scope, .cd-repair-visit { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: var(--cd-space-8); }
.cd-repair-devices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--cd-space-4); padding: var(--cd-space-3) 0 0; list-style: none; }
.cd-repair-devices li { display: flex; align-items: center; gap: var(--cd-space-3); min-width: 0; overflow-wrap: anywhere; }
.cd-repair-devices .cd-content-icon { flex-shrink: 0; }
.cd-repair-works { padding-inline-start: var(--cd-space-4); display: grid; gap: var(--cd-space-2); }
.cd-repair-process .cd-repair-process-note { margin-block: var(--cd-space-6); max-width: var(--cd-container-narrow); }
.cd-repair-facts { display: grid; gap: var(--cd-space-4); padding-block: var(--cd-space-3); }
.cd-repair-facts dt { font-weight: var(--cd-weight-semibold); }
.cd-repair-facts dd { margin: var(--cd-space-1) 0 0; color: var(--cd-color-muted); }
.cd-repair-visit address { font-style: normal; overflow-wrap: anywhere; }
@media (max-width: 64rem) {
 .cd-repair-hero--photo, .cd-repair-workshop--photo, .cd-repair-scope, .cd-repair-visit { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 40rem) {
 .cd-repair-hero, .cd-repair-workshop, .cd-repair-scope, .cd-repair-visit { gap: var(--cd-space-6); }
 .cd-repair-devices { grid-template-columns: minmax(0,1fr); gap: var(--cd-space-3); }
 .cd-repair-trust { flex-direction: column; }
}