.collision-page { padding-top: 28px; }
.collision-hero { align-items: stretch; gap: 22px; padding: 30px; }
.collision-side { flex: 0.92; display: grid; grid-template-columns: 1fr; gap: 14px; }
.side-card { border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #ffffff; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.side-label { font-size: 12px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-muted); }
.side-value { font-size: 14px; line-height: 1.62; color: var(--color-ink); font-weight: 700; }
.collision-board { margin-top: 22px; padding: 24px; }
.board-top { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.board-title { margin: 0; font-size: 22px; line-height: 1.24; color: var(--color-brand-900); }
.board-copy { margin: 0; font-size: 15px; line-height: 1.7; color: var(--color-muted); max-width: 82ch; }
.board-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.board-card { border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #ffffff; padding: 16px; display: flex; flex-direction: column; gap: 8px; min-height: 100%; }
.board-card-title { margin: 0; font-size: 17px; line-height: 1.28; color: var(--color-brand-900); }
.board-card-text { margin: 0; font-size: 14px; line-height: 1.66; color: var(--color-muted); }
.collision-midband { margin-top: 22px; display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 18px; }
.process-panel, .issues-panel { padding: 22px; }
.panel-title { margin: 0 0 14px 0; font-size: 21px; line-height: 1.24; color: var(--color-brand-900); }
.process-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.process-item { border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #ffffff; padding: 14px 15px; display: flex; flex-direction: column; gap: 6px; }
.process-name { font-size: 14px; font-weight: 900; line-height: 1.4; color: var(--color-brand-900); }
.process-text { font-size: 14px; line-height: 1.64; color: var(--color-muted); }
.issue-list { display: grid; grid-template-columns: 1fr; gap: 12px; }
.issue-row { border-radius: var(--radius-md); background: var(--color-brand-200); padding: 14px 15px; display: flex; flex-direction: column; gap: 6px; }
.issue-name { font-size: 13px; font-weight: 900; line-height: 1.3; color: var(--color-brand-900); }
.issue-text { font-size: 13px; line-height: 1.58; color: var(--color-ink); }
.collision-shell { margin-top: 22px; }
.collision-article { padding: 30px; }
.collision-article-title { font-size: 31px; }
.repair-ribbon { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 20px; margin-bottom: 22px; }
.repair-box { border-radius: var(--radius-md); background: var(--color-brand-200); padding: 14px 15px; display: flex; flex-direction: column; gap: 6px; }
.repair-label { font-size: 13px; font-weight: 900; color: var(--color-brand-900); line-height: 1.3; }
.repair-copy { font-size: 13px; line-height: 1.58; color: var(--color-ink); }
.collision-sidebar { position: sticky; top: 24px; }
.sidebar-links { display: flex; flex-direction: column; gap: 10px; }
.sidebar-links a { text-decoration: none; color: var(--color-brand-900); font-weight: 700; }
.sidebar-links a:hover { text-decoration: underline; }
.footer-nav-expanded { align-items: flex-start; }
.footer-links { flex-wrap: wrap; row-gap: 10px; }
.nav-link.is-current, .mobile-nav-link.is-current { background: var(--color-brand-200); color: var(--color-brand-900); }
.footer-link.is-current { text-decoration: underline; text-underline-offset: 3px; }
.article-body { gap: 20px; }
.article-section { gap: 8px; }
.article-paragraph { line-height: 1.74; }

@media (max-width: 980px) {
  .collision-hero { flex-direction: column; }
  .collision-midband { grid-template-columns: 1fr; }
  .repair-ribbon { grid-template-columns: 1fr; }
  .collision-sidebar { position: static; }
}

@media (max-width: 720px) {
  .collision-page { padding-top: 24px; }
  .collision-hero { padding: 22px; gap: 18px; }
  .collision-board, .process-panel, .issues-panel, .collision-article { padding: 18px; }
  .board-grid, .process-grid { grid-template-columns: 1fr; }
  .collision-article-title { font-size: 27px; }
  .side-card, .board-card, .process-item, .issue-row, .repair-box { padding: 14px; }
}