/* AFTER SUPPORT only. Mobile: heading → full image → copy. */
#support .after-support-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"heading" "visual" "copy";
  gap:28px;
  align-items:start;
}
#support .after-support-heading{grid-area:heading;margin:0;min-width:0}
#support .after-support-visual{
  grid-area:visual;min-width:0;width:100%;max-width:480px;
  margin:0 auto;align-self:start;
}
#support .after-support-visual picture{display:block}
#support .after-support-visual img{
  display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:3px;
}
#support .after-support-caption{margin-top:12px;font-size:14px;line-height:1.85;color:var(--muted,#B1BEC9)}
#support .after-support-copy{grid-area:copy;min-width:0}
#support .after-support-copy .section-lead{margin:0 0 24px}
#support .support-check-list{grid-template-columns:minmax(0,1fr);gap:0}
#support .support-check-list .check-item{min-height:0;padding:16px 0}
#support .support-conditions{margin-top:24px}
#support .repair-intro{margin:32px 0 0;padding-top:28px}
@media(min-width:1000px){
  #support .after-support-layout{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    grid-template-rows:auto 1fr;
    grid-template-areas:"heading visual" "copy visual";
    column-gap:clamp(32px,4vw,56px);row-gap:24px;
  }
  #support .after-support-visual{max-width:none}
}

/* Repair flow only; preserve the existing support layout and caption. */
#support .repair-flow{
  margin-top:40px;
  padding-top:24px;
  border-top:1px solid var(--rule);
}
#support .repair-flow .repair-flow-title{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.6;
}
#support .repair-flow .repair-flow-branch{
  max-width:44em;
  margin:0 0 28px;
  color:var(--copy);
  font-size:16px;
  line-height:1.85;
}
#support .repair-flow .repair-flow-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 12px;
  margin:0;
  padding:0;
  list-style:none;
}
#support .repair-flow .repair-flow-step{min-width:0;padding:0}
#support .repair-flow .repair-flow-number{
  display:block;
  margin-bottom:8px;
  color:var(--color-accent-soft);
  font:500 20px/1.4 Georgia,serif;
}
#support .repair-flow .repair-flow-step-title{
  margin:0 0 8px;
  color:var(--color-ivory);
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  line-height:1.7;
  letter-spacing:0;
  text-wrap:initial;
}
#support .repair-flow .repair-flow-step-title>span{display:inline-block;max-width:100%}
#support .repair-flow .repair-flow-detail{
  margin:0;
  color:var(--copy);
  font-size:14px;
  line-height:1.85;
  overflow-wrap:break-word;
}
#support .repair-flow .repair-flow-conditional{
  margin:0 0 8px;
  color:var(--color-accent-soft);
  font-size:14px;
  font-weight:600;
  line-height:1.7;
}
#support .repair-flow .repair-flow-return{
  display:grid;
  grid-column:1 / -1;
  grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);
  gap:16px;
  align-items:start;
}
#support .repair-flow .repair-flow-return-copy,
#support .repair-flow .repair-flow-conditions{min-width:0}
#support .repair-flow .repair-flow-conditions h4{
  margin:0 0 12px;
  color:var(--color-ivory);
  font-family:inherit;
  font-size:16px;
  font-weight:600;
  line-height:1.7;
}
#support .repair-flow .repair-flow-conditions p{
  margin:0;
  color:var(--copy);
  font-size:16px;
  line-height:1.8;
  overflow-wrap:break-word;
}
#support .repair-flow .repair-flow-conditions p+p{margin-top:16px}
@media(max-width:359px){
  #support .repair-flow .repair-flow-steps{column-gap:8px}
  #support .repair-flow .repair-flow-step-title{font-size:14px}
  #support .repair-flow .repair-flow-return{gap:12px}
}
@media(min-width:641px){
  #support .repair-flow .repair-flow-steps{gap:32px 20px}
  #support .repair-flow .repair-flow-step-title{font-size:16px}
  #support .repair-flow .repair-flow-return{gap:24px}
}
@media(min-width:1000px){
  #support .repair-flow{margin-top:48px;padding-top:32px}
  #support .repair-flow .repair-flow-title{font-size:26px}
  #support .repair-flow .repair-flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
  #support .repair-flow .repair-flow-return{grid-column:span 2}
}
