/* problem/schloss-klemmt-zylinder-defekt: layout only (tokens from theme.css). Plan: plans/problem-schloss-klemmt-zylinder-defekt.plan.md */

/* 2 sofort-tun: space between the checklist cards and the Notdienst pointer */
.kz-tun .ilist + .notice{margin-top:1.4rem}

/* 3 warnzeichen: photo beside the four symptom cards */
.kz-signs{display:grid;gap:2.4rem;align-items:center}
.kz-signs__fig{margin:0}
.kz-signs__frame{position:relative;isolation:isolate;margin:0 .9rem .9rem 0}
.kz-signs__frame::before{content:"";position:absolute;inset:.9rem -.9rem -.9rem .9rem;border-radius:var(--r-lg);background:var(--accent-300);z-index:-1}
.kz-signs__fig figcaption{margin-top:.9rem;font-size:.98rem;color:var(--t-muted)}
@media (min-width:900px){
  .kz-signs{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.6rem,5vw,4.4rem)}
}

/* 5 was-der-fachbetrieb-macht: heading + promise left, rail right (stacks head, rail, note on phones) */
.kz-proc>.wrap{display:grid;gap:1.8rem 0}
.kz-proc .sec__head{margin-bottom:0}
.kz-proc .steps.steps--rail{grid-template-columns:minmax(0,1fr)}
.kz-proc .notice{margin-top:.4rem}
@media (min-width:900px){
  .kz-proc>.wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;grid-template-areas:"head rail" "note rail";column-gap:clamp(2.6rem,5vw,4.6rem);row-gap:1.8rem;align-items:start}
  .kz-proc .sec__head{grid-area:head}
  .kz-proc .steps{grid-area:rail}
  .kz-proc .notice{grid-area:note;margin-top:0}
}

/* 6 kostenlose-beratung: one wide column, the phone card has no "ready" list */
.kz-beratung .phoneblock{grid-template-columns:minmax(0,1fr)}
.kz-beratung .phoneblock__t{margin-bottom:.8rem}

/* 7 faq: centred head, a little air above the accordion */
.kz-faq .faq{margin-top:.2rem}