.workshop-guide { overflow: hidden; }
.workshop-guide .workshop-hero { position: relative; min-height: 38.75rem; display: grid; isolation: isolate; }
.workshop-guide .workshop-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; min-width: 0; }
.workshop-guide .workshop-hero__image::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,20,23,.96) 0%, rgba(18,20,23,.82) 42%, rgba(18,20,23,.42) 72%, rgba(18,20,23,.62) 100%); content: ""; }
.workshop-guide .workshop-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: center right; }
.workshop-guide .workshop-hero__container { display: flex; min-width: 0; align-items: center; padding-block: var(--space-9); }
.workshop-guide .workshop-hero__copy { display: flex; width: min(100%, 38.75rem); min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.workshop-guide .workshop-hero__copy h1, .workshop-guide .workshop-hero__copy p { margin: 0; }
.workshop-guide .workshop-hero__copy h1 { max-width: 11ch; }
.workshop-guide .workshop-hero__copy > p:not(.eyebrow):not(.workshop-hero__note) { max-width: 37rem; }
.workshop-guide .workshop-hero__cta { margin-top: var(--space-2); }
.workshop-guide .workshop-hero__note, .workshop-guide .workshop-final__note { color: var(--color-text-muted); font-size: var(--text-sm); }
.workshop-guide .workshop-diagnosis__intro { width: min(100%, 42.5rem); }
.workshop-guide .workshop-diagnosis__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.workshop-guide .diagnosis-card { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.workshop-guide .diagnosis-card > * { min-width: 0; margin: 0; }
.workshop-guide .diagnosis-card__number { color: var(--color-beam-blue); font-family: var(--font-mono); font-size: 2rem; line-height: 1; }
.workshop-guide .diagnosis-card--synthesis { border-inline-start: 3px solid var(--color-signal-orange); }
.workshop-guide .diagnosis-card--synthesis .diagnosis-card__number { color: var(--color-signal-orange); }
.workshop-guide .diagnosis-card__process { display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-1); margin-top: auto; color: var(--color-beam-blue); font-family: var(--font-mono); font-size: .65rem; }
.workshop-guide .diagnosis-card__process span { min-width: 0; padding-top: var(--space-2); border-top: 1px solid var(--color-steel); text-align: center; }
.workshop-guide .workshop-diagnosis__callout { width: min(100%, 48.75rem); margin-top: var(--space-6); }
.workshop-guide .workshop-priorities { background: color-mix(in srgb, var(--color-panel) 35%, var(--color-void)); }
.workshop-guide .workshop-priorities__intro { width: min(100%, 43.75rem); }
.workshop-guide .workshop-priority-board { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); margin-top: var(--space-6); }
.workshop-guide .priority-row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 7fr) minmax(0, 3fr); gap: var(--space-5); align-items: center; min-width: 0; padding: var(--space-5); border: var(--border-default); background: var(--surface-panel); transition: border-color var(--transition-fast); }
.workshop-guide .priority-row > * { min-width: 0; }
.workshop-guide .priority-row:hover { border-color: var(--color-beam-blue); }
.workshop-guide .priority-row__level { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); color: var(--color-signal-orange); font-family: var(--font-mono); }
.workshop-guide .priority-row__level span { font-size: 1.75rem; line-height: 1; }
.workshop-guide .priority-row__level strong { color: inherit; font-size: var(--text-xs); letter-spacing: .08em; }
.workshop-guide .priority-row__copy h3, .workshop-guide .priority-row__copy p { margin: 0; }
.workshop-guide .priority-row__copy { display: flex; flex-direction: column; gap: var(--space-3); }
.workshop-guide .priority-row__when { display: flex; min-width: 0; flex-direction: column; align-items: flex-end; gap: var(--space-2); text-align: right; }
.workshop-guide .priority-row__when .mono { color: var(--color-beam-blue); font-size: var(--text-xs); }
.workshop-guide .priority-row--deferred { opacity: .78; }
.workshop-guide .workshop-styles__intro { width: min(100%, 41.25rem); }
.workshop-guide .workshop-styles__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-5); margin-top: var(--space-6); }
.workshop-guide .style-card { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.workshop-guide .style-card > * { min-width: 0; margin: 0; }
.workshop-guide .style-card ul { display: grid; gap: var(--space-2); width: 100%; padding: 0; color: var(--color-text-muted); }
.workshop-guide .style-card li { position: relative; padding-inline-start: var(--space-4); }
.workshop-guide .style-card li::before { position: absolute; top: .65em; inset-inline-start: 0; width: .35rem; height: .35rem; background: var(--color-beam-blue); content: ""; }
.workshop-guide .style-card--vehicle { border-top: var(--border-blue); }
.workshop-guide .style-card--hybrid { grid-column: 1 / -1; border-inline-start: 3px solid var(--color-signal-orange); }
.workshop-guide .workshop-synthesis { background: color-mix(in srgb, var(--color-steel) 17%, var(--color-void)); }
.workshop-guide .workshop-synthesis__intro { width: min(100%, 42.5rem); }
.workshop-guide .workshop-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); margin-top: var(--space-6); }
.workshop-guide .workshop-step { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr); gap: var(--space-5); align-items: start; min-width: 0; padding: var(--space-5); border: var(--border-default); background: var(--surface-panel); }
.workshop-guide .workshop-step > * { min-width: 0; }
.workshop-guide .workshop-step__number { color: var(--color-beam-blue); font-family: var(--font-mono); font-size: 2.5rem; font-weight: 600; line-height: 1; }
.workshop-guide .workshop-step__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); max-width: 45rem; }
.workshop-guide .workshop-step__copy > * { margin: 0; }
.workshop-guide .workshop-step__tag { display: flex; justify-content: flex-end; }
.workshop-guide .workshop-step__compare, .workshop-guide .workshop-step__choices { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); color: var(--color-beam-blue); font-family: var(--font-mono); font-size: var(--text-xs); }
.workshop-guide .workshop-step__compare span, .workshop-guide .workshop-step__choices span { padding: var(--space-2); border: 1px solid var(--color-steel); }
.workshop-guide .workshop-step__choices span:last-child { border-color: var(--color-signal-orange); color: var(--color-signal-orange); }
.workshop-guide .workshop-synthesis__warning { width: min(100%, 52rem); margin-top: var(--space-6); }
.workshop-guide .workshop-testbay__intro { width: min(100%, 37.5rem); }
.workshop-guide .workshop-testbay__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: stretch; margin-top: var(--space-6); }
.workshop-guide .workshop-testbay__media { width: 100%; min-width: 0; box-shadow: var(--shadow-panel); }
.workshop-guide .workshop-testbay__media img { width: 100%; height: 100%; min-height: 28rem; object-fit: cover; object-position: center; }
.workshop-guide .workshop-testbay__stages { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); }
.workshop-guide .workshop-testbay__stages article { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding: var(--space-4); border: var(--border-default); background: var(--surface-panel); transition: border-color var(--transition-fast); }
.workshop-guide .workshop-testbay__stages article:hover { border-color: var(--color-beam-blue); }
.workshop-guide .workshop-testbay__stages article > * { min-width: 0; }
.workshop-guide .workshop-testbay__stages span { color: var(--color-beam-blue); font-family: var(--font-mono); font-size: var(--text-sm); }
.workshop-guide .workshop-testbay__stages article:last-child span { color: var(--color-signal-orange); }
.workshop-guide .workshop-testbay__stages h3, .workshop-guide .workshop-testbay__stages p { margin: 0; }
.workshop-guide .workshop-testbay__stages div { display: flex; flex-direction: column; gap: var(--space-2); }
.workshop-guide .workshop-errors { background: color-mix(in srgb, var(--color-panel) 44%, var(--color-void)); }
.workshop-guide .workshop-errors__intro { width: min(100%, 45rem); }
.workshop-guide .workshop-errors__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.workshop-guide .error-card { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.workshop-guide .error-card > * { min-width: 0; margin: 0; }
.workshop-guide .error-card__tag { color: var(--color-signal-orange); font-family: var(--font-mono); font-size: var(--text-xs); }
.workshop-guide .error-card__fix { width: 100%; margin-top: auto; padding-top: var(--space-3); border-top: 1px solid var(--color-steel); font-size: var(--text-sm); }
.workshop-guide .workshop-plan__intro { width: min(100%, 42.5rem); }
.workshop-guide .workshop-plan__grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.workshop-guide .workshop-plan__grid::before { position: absolute; top: 1.2rem; right: 12%; left: 12%; height: 1px; background: var(--color-steel); content: ""; }
.workshop-guide .plan-phase { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: var(--border-default); background: var(--surface-panel); }
.workshop-guide .plan-phase > * { min-width: 0; margin: 0; }
.workshop-guide .plan-phase__label { position: relative; z-index: 1; padding: var(--space-2); background: var(--surface-panel); color: var(--color-beam-blue); font-family: var(--font-mono); font-size: var(--text-xs); }
.workshop-guide .plan-phase:nth-child(2) .plan-phase__label { color: var(--color-signal-orange); }
.workshop-guide .workshop-checklist { background: color-mix(in srgb, var(--color-steel) 13%, var(--color-void)); }
.workshop-guide .workshop-checklist__intro { width: min(100%, 40.625rem); }
.workshop-guide .workshop-checklist__list { display: grid; grid-template-columns: minmax(0, 1fr); width: min(100%, 56.25rem); gap: 0; margin-top: var(--space-6); border: var(--border-default); background: var(--surface-panel); }
.workshop-guide .workshop-checklist__list article { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--color-steel); }
.workshop-guide .workshop-checklist__list article:last-child { border-bottom: 0; }
.workshop-guide .workshop-checklist__list article > * { min-width: 0; }
.workshop-guide .check-marker { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--color-beam-blue); color: var(--color-beam-blue); font-family: var(--font-mono); font-size: var(--text-xs); }
.workshop-guide .workshop-checklist__list h3, .workshop-guide .workshop-checklist__list p { margin: 0; }
.workshop-guide .workshop-checklist__list div { display: flex; flex-direction: column; gap: var(--space-1); max-width: 47.5rem; }
.workshop-guide .checklist-final { border-inline-start: 3px solid var(--color-signal-orange); }
.workshop-guide .checklist-final .check-marker { border-color: var(--color-signal-orange); color: var(--color-signal-orange); }
.workshop-guide .workshop-final { padding-top: var(--space-8); }
.workshop-guide .workshop-final__panel { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); min-width: 0; padding: clamp(1.5rem, 4vw, 3rem); border: var(--border-orange); background: var(--surface-panel); box-shadow: var(--shadow-panel); }
.workshop-guide .workshop-final__panel::after { position: absolute; top: -30%; right: 10%; width: 12rem; height: 180%; background: linear-gradient(90deg, transparent, rgba(56,189,248,.1), transparent); content: ""; transform: rotate(25deg); }
.workshop-guide .workshop-final__copy { position: relative; z-index: 1; display: flex; width: min(100%, 38.75rem); min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.workshop-guide .workshop-final__copy > * { margin: 0; }
.workshop-guide .workshop-final__cta { margin-top: var(--space-2); }
@media (max-width: 56.25rem) {
  .workshop-guide .workshop-hero { min-height: 0; background: var(--color-void); }
  .workshop-guide .workshop-hero__image { position: relative; order: 2; height: clamp(15.625rem, 50vw, 28rem); margin: 0 var(--gutter) var(--space-6); }
  .workshop-guide .workshop-hero__image::after { background: linear-gradient(180deg, rgba(18,20,23,.1), rgba(18,20,23,.45)); }
  .workshop-guide .workshop-hero__container { order: 1; padding-block: var(--space-8) var(--space-6); }
  .workshop-guide .workshop-hero__copy { width: 100%; }
  .workshop-guide .workshop-diagnosis__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workshop-guide .diagnosis-card--experiment { grid-column: 1 / -1; }
  .workshop-guide .priority-row, .workshop-guide .workshop-step { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .workshop-guide .priority-row__level { flex-direction: row; align-items: center; }
  .workshop-guide .priority-row__when, .workshop-guide .workshop-step__tag { align-items: flex-start; justify-content: flex-start; text-align: left; }
  .workshop-guide .workshop-styles__grid, .workshop-guide .workshop-testbay__grid { grid-template-columns: minmax(0, 1fr); }
  .workshop-guide .workshop-testbay__media img { min-height: 0; aspect-ratio: 4 / 3; }
  .workshop-guide .workshop-errors__grid, .workshop-guide .workshop-plan__grid { grid-template-columns: minmax(0, 1fr); }
  .workshop-guide .workshop-plan__grid::before { top: 1rem; bottom: 1rem; left: 1.5rem; width: 1px; height: auto; right: auto; }
  .workshop-guide .workshop-final__panel { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 42.5rem) {
  .workshop-guide .workshop-hero__copy h1 { font-size: clamp(2.8rem, 12vw, 4rem); }
  .workshop-guide .workshop-diagnosis__grid { grid-template-columns: minmax(0, 1fr); }
  .workshop-guide .diagnosis-card--experiment { grid-column: auto; }
  .workshop-guide .workshop-hero__cta, .workshop-guide .workshop-final__cta { width: 100%; }
  .workshop-guide .workshop-hero__image { margin-inline: var(--gutter); }
  .workshop-guide .diagnosis-card__process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workshop-guide .workshop-checklist__list article { padding: var(--space-4); }
}
@media (prefers-reduced-motion: reduce) {
  .workshop-guide .priority-row, .workshop-guide .workshop-testbay__stages article { transition: none; }
}
ul { list-style: none !important; }
.nav-toggle { flex-direction: column; }