/* Article-specific additions for "Schlüssel steckt von innen".
   Shared article patterns (ra-*) come from /ratgeber/rohrreinigung/assets/abfluss-gluckert.css, loaded first.
   The cover box (16:10) is identical for every article; only the crop focus differs.
   Keeps the key and cylinder centred in frame. */
.ra-cover img{object-position:50% 50%}

/* Quick answer: one calm panel with the five 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 (same rule as in abfluss-verstopft.css) */
.ra-warning p{margin:0;font-size:.99rem}

/* Cause blocks: compact, ruled list instead of cards (same rules as in abfluss-stinkt.css) */
.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 (same rule as in abfluss-verstopft.css) */
.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}
}