/* Article-specific additions for "Auto-Schloss defekt".
   Shared article patterns (ra-*) come from /ratgeber/rohrreinigung/assets/abfluss-gluckert.css, loaded first.
   The photo must show the exterior keyhole, the door handle and the hand with the tool, so it is NOT cropped to 16:10:
   the image keeps its natural ratio (from the width/height attributes) and spans the full content width. */
.ra-cover img{aspect-ratio:auto;height:auto;object-fit:contain}

/* Compact comparison table: repair vs. replace */
.ra-compare-wrap{overflow-x:auto;margin:1rem 0 1.4rem}
.ra-compare{width:100%;border-collapse:collapse;font-size:.96rem}
.ra-compare th,.ra-compare td{text-align:left;vertical-align:top;padding:.7rem .8rem;border:1px solid var(--c-border)}
.ra-compare thead th{background:var(--c-bg-alt);font-weight:700}
.ra-compare tbody th{font-weight:600;width:24%}
@media (max-width:720px){.ra-compare{font-size:.9rem}.ra-compare th,.ra-compare td{padding:.55rem .6rem}}

/* Quick answer: one calm panel with the first steps */
.ra-answer{padding:1.3rem 1.5rem;margin:0 0 1.4rem;background:var(--c-bg-alt);border:1px solid var(--c-border);border-top:3px solid var(--primary);border-radius:var(--radius)}
.ra-answer>p{margin:0 0 1rem;font-weight:700}
.ra-answer .ra-steps{margin:0}
.ra-answer .ra-steps li:last-child{margin-bottom:0}

/* Warning with a paragraph instead of a list */
.ra-warning p{margin:0;font-size:.99rem}

/* "Avoid" list: each item has a short reason */
.ra-warning li{margin-bottom:.55rem}
.ra-warning li:last-child{margin-bottom:0}

/* Cause blocks: compact, ruled list instead of cards */
.ra-cause{padding:1.1rem 0 .2rem;border-top:1px solid var(--c-border)}
.ra-cause:last-of-type{border-bottom:1px solid var(--c-border);padding-bottom:.4rem}
.ra-prose .ra-cause h3{display:flex;align-items:center;gap:.7rem;margin:0 0 .5rem}
.ra-cause-no{flex-shrink:0;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--primary-l);color:var(--primary-hover);font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}

/* Related-article hint */
.ra-prose .ra-related{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.7rem;align-items:start;margin:0 0 .8rem;padding:1rem 1.2rem;background:var(--c-bg-alt);border-radius:var(--radius);font-size:.97rem}
.ra-related i{font-size:1.3rem;color:var(--primary-hover);margin-top:.1rem}

@media (max-width:720px){
  .ra-answer{padding:1.1rem 1.1rem}
}