/* Page-specific preparation diagrams; no shared assets changed. */
.retrofit-guide .retrofit-view{margin:24px 0;display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:18px;align-items:center;border:1px solid #bbcbd2;border-radius:12px;background:#edf2f4;overflow:hidden}
.retrofit-guide .retrofit-view svg{display:block;width:100%;height:auto}
.retrofit-guide .retrofit-view figcaption{padding:18px;color:#16333e;font-size:14px;line-height:1.65}
.retrofit-guide .retrofit-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.retrofit-guide .retrofit-actions .button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.retrofit-guide details{border:1px solid #bbcbd2;border-radius:8px;padding:16px;margin:12px 0}
.retrofit-guide summary{font-weight:700;line-height:1.6;cursor:pointer}
.retrofit-guide details p{margin:16px 0 0}
.retrofit-guide :is(a,summary):focus-visible{outline:3px solid #1b637f;outline-offset:4px}
@media(max-width:767px){.retrofit-guide .retrofit-view{grid-template-columns:minmax(0,1fr)}.retrofit-guide .retrofit-view svg{max-width:300px;margin:auto}.retrofit-guide .retrofit-view figcaption{padding:14px}.retrofit-guide .retrofit-actions{flex-direction:column}.retrofit-guide .retrofit-actions .button{width:100%;box-sizing:border-box}}