.repair-layout{padding-block:2rem 5rem}.repair-layout *{box-sizing:border-box}.repair-layout .breadcrumb{margin-bottom:1.35rem;color:var(--muted);font-size:.88rem}.repair-layout .breadcrumb a{color:var(--accent)}.repair-layout h1,.repair-layout h2,.repair-layout h3{letter-spacing:-.035em}.repair-layout h1{font-size:clamp(2.1rem,4.3vw,4.4rem);line-height:1.05;max-width:18ch;margin:.5rem 0 1.2rem}.repair-layout h2{font-size:clamp(1.55rem,2.5vw,2.35rem);line-height:1.14;margin:.15rem 0 1rem}.repair-layout h3{font-size:1.2rem;line-height:1.25;margin:0 0 .65rem}.repair-layout p{line-height:1.65}.repair-eyebrow{font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 .65rem!important}.repair-primary{display:inline-flex;gap:1.5rem;align-items:center;justify-content:space-between;max-width:100%;padding:.9rem 1.2rem;border-radius:.85rem;background:var(--accent);color:#fff!important;font-weight:750;text-decoration:none;margin-top:1rem}.repair-primary:hover{filter:brightness(.92)}.repair-primary:focus-visible,.repair-step-toggle:focus-visible,.repair-video-play:focus-visible,.repair-reset:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.repair-hub-hero{padding:2rem 0 2.3rem;border-bottom:1px solid var(--line)}.repair-hub-hero .lead{max-width:64ch}.repair-hub-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:3rem 0}.repair-hub-grid>div{min-width:0}.repair-hub-grid p{max-width:55ch}.repair-hub-grid figure{min-width:0;margin:0}.repair-hub-grid figure img{display:block;width:100%;height:auto;filter:drop-shadow(0 1.5rem 1.4rem rgba(4,31,44,.12))}.repair-hub-grid figcaption,.repair-hero figcaption{margin-top:.5rem;color:var(--muted);font-size:.75rem;line-height:1.45}.repair-hub-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.repair-hub-principles article{padding:1.4rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.repair-hub-principles strong{color:var(--ink)}.repair-hub-principles p{margin:.5rem 0 0;color:var(--muted)}.repair-editorial{margin-top:2rem;color:var(--muted);font-size:.88rem}
.repair-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:1.5rem 0 3rem;border-bottom:1px solid var(--line)}.repair-hero>div,.repair-hero figure{min-width:0}.repair-hero .lead{max-width:60ch}.repair-hero figure{margin:0}.repair-hero-media{display:grid;place-items:center;min-height:13rem;overflow:hidden;border:1px solid var(--line);border-radius:1.5rem;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 14%,var(--surface)) 0,var(--bg-elev) 70%)}.repair-hero-media img{display:block;width:95%;height:auto;max-height:22rem;object-fit:contain;filter:drop-shadow(0 1rem 1rem rgba(5,33,42,.2))}.repair-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.repair-facts span{border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;background:var(--surface);font-size:.78rem;font-weight:650;color:var(--ink)}.repair-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);align-items:start;gap:clamp(2rem,5vw,5rem)}.repair-main{min-width:0}.repair-section{padding:3.3rem 0;border-bottom:1px solid var(--line)}.repair-section>p{max-width:70ch}.repair-section ul{padding-left:1.3rem}.repair-section li{margin:.55rem 0;line-height:1.55}.repair-checklist li{padding-left:.2rem}.repair-checklist li::marker{color:var(--accent)}.repair-aside{position:sticky;top:5.5rem;display:grid;gap:1rem;padding-top:3.3rem}.repair-aside-card{padding:1.35rem;border:1px solid var(--line);border-radius:1.1rem;background:var(--surface)}.repair-aside-card h2{font-size:1.15rem}.repair-aside-card ul{padding-left:1.1rem;margin-bottom:0}.repair-aside-card li{margin:.45rem 0;line-height:1.5;font-size:.88rem}.repair-caution{border-color:color-mix(in srgb,#d69519 42%,var(--line));background:color-mix(in srgb,#d69519 8%,var(--surface))}.repair-caution p{font-size:.88rem;margin-bottom:0}
.repair-part{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.35rem;margin:1.4rem 0 2rem;padding:1.5rem;border:1px solid var(--line);border-radius:1.2rem;background:var(--surface)}.repair-part>div:last-child{min-width:0}.repair-part p{margin:.35rem 0}.repair-part-icon{display:grid;place-items:center;align-self:start;aspect-ratio:1;border-radius:1rem;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),var(--bg-elev));border:1px solid var(--line)}.repair-part-icon span{display:block;width:42%;height:75%;border:.22rem solid var(--ink);border-radius:.55rem;box-shadow:inset 0 0 0 .2rem var(--surface),0 .35rem .8rem rgba(0,0,0,.16);background:linear-gradient(135deg,#283d61,#74b7da 55%,#293f63)}.repair-compat{font-size:.85rem;color:var(--muted)}.repair-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1rem;margin:.9rem 0}.repair-price strong{font-size:1.55rem;color:var(--ink)}.repair-price span{color:var(--muted);font-size:.78rem}.repair-part a,.repair-market-list a{font-weight:700}.repair-small{font-size:.78rem;color:var(--muted);line-height:1.5!important}.repair-market-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;list-style:none;padding:0!important}.repair-market-list li{margin:0;padding:1rem;border:1px solid var(--line);border-radius:.85rem;background:var(--surface)}.repair-market-list small{display:block;color:var(--muted);font-size:.74rem;line-height:1.45;margin-top:.45rem}.repair-video{position:relative;overflow:hidden;aspect-ratio:16/9;max-width:48rem;border-radius:1.1rem;background:#081920}.repair-video-play{position:relative;width:100%;height:100%;display:grid;place-items:center;border:0;padding:0;cursor:pointer;color:#fff;background:#081920}.repair-video-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.repair-video-play span{position:relative;padding:.8rem 1.2rem;border-radius:999px;background:var(--accent);font-weight:750;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.3)}.repair-video iframe{width:100%;height:100%;border:0}.repair-steps-heading{display:flex;gap:1rem;align-items:end;justify-content:space-between}.repair-progress{white-space:nowrap;color:var(--muted);font-size:.83rem}.repair-progress span{color:var(--accent);font-weight:800}.repair-progress-bar{height:.38rem;overflow:hidden;margin:1.2rem 0 2rem;border-radius:999px;background:var(--line)}.repair-progress-bar span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s}.repair-step{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:1.5rem 0;border-top:1px solid var(--line)}.repair-step-number{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);color:var(--accent);font-size:.85rem;font-weight:800}.repair-step-main{min-width:0}.repair-step-main>p{max-width:70ch;margin:.55rem 0}.repair-step-check{padding:.7rem .9rem;border-left:.2rem solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-radius:0 .5rem .5rem 0;font-size:.86rem}.repair-step-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 1rem;margin-top:.8rem}.repair-step-actions a{font-size:.82rem}.repair-step-toggle,.repair-reset{font:inherit;cursor:pointer;padding:.55rem .75rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);color:var(--ink);font-size:.82rem;font-weight:700}.repair-step.is-done .repair-step-number{background:var(--accent);border-color:var(--accent);color:#fff}.repair-step.is-done .repair-step-toggle{border-color:var(--accent);color:var(--accent)}.repair-reset{margin-top:1rem}.repair-sources{overflow-wrap:anywhere}
@media(max-width:900px){.repair-columns{grid-template-columns:minmax(0,1fr)}.repair-aside{position:static;padding-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}.repair-hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.repair-layout{padding-block:1.2rem 3.5rem}.repair-hub-grid,.repair-hub-principles,.repair-market-list,.repair-aside{grid-template-columns:minmax(0,1fr)}.repair-hub-grid{padding:2rem 0}.repair-hero{padding:1rem 0 2rem}.repair-section{padding:2.3rem 0}.repair-part{grid-template-columns:minmax(0,1fr)}.repair-part-icon{width:6rem}.repair-steps-heading{align-items:start;flex-direction:column;gap:0}.repair-progress{margin-bottom:.5rem}.repair-step{grid-template-columns:2.5rem minmax(0,1fr);gap:.65rem}.repair-step-number{width:2.35rem;height:2.35rem}}
.repair-hub-advice{padding:3rem 0 0;border-top:1px solid var(--line);margin-top:3rem}.repair-hub-advice>p{max-width:75ch}.repair-hub-advice>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.repair-hub-advice article{min-width:0}.repair-hub-advice article p{color:var(--muted);font-size:.9rem}.repair-hub-advice h3{font-size:1.05rem}
@media(max-width:680px){.repair-hub-advice{padding-top:2.2rem;margin-top:2.2rem}.repair-hub-advice>div{grid-template-columns:minmax(0,1fr);gap:.6rem}}
.repair-identify{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);align-items:end;gap:1.1rem;max-width:40rem;margin:1.5rem 0 0;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.repair-identify img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:.65rem}.repair-identify figcaption{color:var(--muted);font-size:.78rem;line-height:1.55}.repair-identify a{color:var(--accent)}
@media(max-width:480px){.repair-identify{grid-template-columns:minmax(0,1fr)}.repair-identify img{max-height:20rem;object-fit:cover;object-position:center 25%}}
.repair-shopping-disclosure{max-width:70ch;margin:1.35rem 0;padding:1rem 1.2rem;border-left:.2rem solid var(--accent);border-radius:0 .75rem .75rem 0;background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--ink);font-size:.9rem}.repair-shopping-disclosure strong{color:var(--accent)}

/* Shared repair layout: the preparation sits above the guide, while long steps
   and product comparisons use the full content width. Future guides inherit it. */
.repair-guide .repair-hero{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:clamp(2rem,5vw,5.5rem);padding-block:2rem 3rem}
.repair-guide .repair-hero h1{max-width:22ch}
.repair-guide .repair-hero-media{min-height:17rem}
.repair-guide .repair-hero-media img{width:auto;max-width:min(90%,var(--native-w));max-height:20rem;object-fit:contain}
.repair-jump{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.2rem 0 0;padding:.55rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface)}
.repair-jump a{flex:1 1 9rem;min-width:0;padding:.65rem .8rem;border-radius:.5rem;color:var(--ink);font-size:.86rem;font-weight:700;text-align:center;text-decoration:none}
.repair-jump a:hover,.repair-jump a:focus-visible{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}
.repair-guide .repair-columns{display:flex;flex-direction:column;gap:0}
.repair-guide .repair-main{width:100%}
.repair-guide .repair-aside{order:-1;position:static;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));padding:1.6rem 0 0;gap:1rem}
.repair-guide .repair-aside-card{padding:1.2rem 1.4rem}
.repair-guide .repair-aside-card h2{margin-bottom:.5rem}
.repair-guide .repair-aside-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 1.3rem}
.repair-guide .repair-section{padding:2.8rem 0}
.repair-identification{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(15rem,.65fr);align-items:start;gap:clamp(2rem,4vw,4.5rem)}
.repair-identification>div:first-child{max-width:72ch}
.repair-identification .repair-identify{max-width:none;width:100%;margin:0;grid-template-columns:minmax(0,7rem) minmax(0,1fr);align-items:center}
.repair-identification-note{padding:1.3rem 1.5rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}
.repair-identification-note strong{color:var(--ink)}
.repair-identification-note p{margin-bottom:0;color:var(--muted);font-size:.9rem}
.repair-parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.6rem 0 2rem}
.repair-parts-grid .repair-part{grid-template-columns:5rem minmax(0,1fr);gap:1rem;margin:0;padding:1.3rem;min-width:0}
.repair-parts-grid .repair-part-icon{width:5rem}
.repair-parts-grid .repair-part h3{overflow-wrap:anywhere}
.repair-market-list{max-width:70rem}
.repair-video-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(16rem,.55fr);align-items:start;gap:clamp(1.5rem,4vw,4rem)}
.repair-video{max-width:none}
.repair-video-note{padding:1.3rem 1.5rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}
.repair-video-note p:first-child{margin-top:0}
.repair-video-note a{font-weight:700}
.repair-steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}
.repair-steps-grid .repair-step{border:1px solid var(--line);border-radius:1rem;padding:1.4rem;background:var(--surface);min-width:0}
.repair-steps-grid .repair-step-main>p{max-width:62ch}
.repair-hub-guides{padding:2.5rem 0 3rem}
.repair-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.4rem}
.repair-section-heading p:last-child{max-width:53ch;color:var(--muted);margin:0}
.repair-guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.repair-guide-card{min-width:0;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.repair-guide-card-media{display:grid;place-items:center;height:15rem;padding:1rem;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--bg-elev));border-bottom:1px solid var(--line)}
.repair-guide-card-media img{display:block;width:auto;max-width:min(90%,var(--native-w));max-height:100%;object-fit:contain;filter:drop-shadow(0 .8rem .9rem rgba(5,33,42,.15))}
.repair-media-white{background:#fff}
.repair-cost{margin:1.6rem 0 2rem;padding:1.5rem;border:1px solid var(--line);border-radius:1.15rem;background:var(--surface)}
.repair-cost>p:not(.repair-eyebrow){max-width:72ch;color:var(--muted);margin:.4rem 0 1.3rem}
.repair-cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.repair-cost-grid article{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--bg-elev)}
.repair-cost-grid .repair-cost-label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 0 .45rem}
.repair-cost-grid strong{display:block;font-size:clamp(1rem,1.6vw,1.4rem);line-height:1.25;color:var(--ink);overflow-wrap:anywhere}
.repair-cost-grid article p:not(.repair-cost-label){font-size:.83rem;color:var(--muted);margin:.6rem 0}
.repair-cost-grid a{font-size:.82rem;font-weight:700}
.repair-guide-card-body{display:flex;flex-direction:column;flex:1;padding:1.35rem}
.repair-guide-card-body h3{font-size:1.28rem}
.repair-guide-card-body h3 a{color:var(--ink);text-decoration:none}
.repair-guide-card-body h3 a:hover{color:var(--accent)}
.repair-guide-card-body>p:not(.repair-eyebrow){margin:.2rem 0 1rem;color:var(--muted);font-size:.9rem}
.repair-guide-card-body .repair-demand{font-size:.78rem!important;margin-top:auto!important}
.repair-card-link{font-weight:750;margin-top:auto}
@media(max-width:980px){.repair-guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repair-identification{grid-template-columns:minmax(0,1fr)}.repair-identification .repair-identify{max-width:36rem}}
@media(max-width:760px){.repair-guide .repair-hero{grid-template-columns:minmax(0,1fr)}.repair-guide .repair-aside-card ul{grid-template-columns:minmax(0,1fr)}.repair-parts-grid,.repair-video-grid,.repair-steps-grid,.repair-cost-grid{grid-template-columns:minmax(0,1fr)}.repair-section-heading{display:block}.repair-section-heading p:last-child{margin-top:.5rem}}
@media(max-width:600px){.repair-guide-card-grid,.repair-guide .repair-aside{grid-template-columns:minmax(0,1fr)}.repair-guide-card-media{height:12rem}.repair-guide .repair-hero-media{min-height:12rem}.repair-jump a{flex-basis:7rem;font-size:.78rem}.repair-parts-grid .repair-part{grid-template-columns:4rem minmax(0,1fr);padding:1rem}.repair-parts-grid .repair-part-icon{width:4rem}.repair-steps-grid .repair-step{padding:1rem}.repair-identification .repair-identify{grid-template-columns:minmax(0,7rem) minmax(0,1fr)}}
@media(max-width:380px){.repair-identification .repair-identify{grid-template-columns:minmax(0,1fr)}.repair-identification .repair-identify img{max-height:13rem;object-fit:contain}.repair-jump a{flex-basis:6rem}.repair-parts-grid .repair-part{grid-template-columns:minmax(0,1fr)}}