/* Original vector teaching panels. Scoped to the Dreiecktuch guide. */
.v26-illustrated .v22-steps{border-top:0;gap:26px}
.v26-illustrated .v24-step{position:relative;border:1px solid var(--v22-line);border-radius:12px;padding:26px;overflow:hidden;background:#fff}
.v26-illustrated .v24-step:nth-child(even){background:#fff}
.v26-illustrated .v24-step-marker{width:46px;height:46px;font-size:18px;background:#f0f5ed}
.v26-illustrated .v26-illustration{width:100%;max-width:none;border-radius:8px;align-self:start}
.v26-illustrated .v26-illustration img{width:100%;height:auto}
.v26-illustrated .v26-illustration figcaption{padding:14px 18px;background:#f4f7f1;font-size:13px;line-height:1.6}
.v26-illustrated .v24-photo-open:focus-visible{outline:3px solid var(--v22-red);outline-offset:-4px;border-radius:8px}
@media(min-width:1001px){
 .v26-illustrated .v24-step-with-photo{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:46px 1fr;column-gap:32px;row-gap:14px}
 .v26-illustrated .v24-step-marker{grid-column:2;grid-row:1}
 .v26-illustrated .v24-step-with-photo .v22-step-copy{grid-column:2;grid-row:2;padding-bottom:10px}
 .v26-illustrated .v24-step-with-photo .v26-illustration{grid-column:1;grid-row:1 / span 2}
}
@media(max-width:1000px){
 .v26-illustrated .v24-step{grid-template-columns:46px minmax(0,1fr);column-gap:18px}
 .v26-illustrated .v26-illustration{grid-column:1 / -1;grid-row:2}
}
@media(max-width:700px){
 .v26-illustrated .v22-steps{gap:18px}
 .v26-illustrated .v24-step{padding:18px 14px;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:20px}
 .v26-illustrated .v24-step-marker{width:34px;height:34px;font-size:14px}
 .v26-illustrated .v24-step h3{font-size:23px}
 .v26-illustrated .v26-illustration figcaption{padding:12px 14px;font-size:12px}
}