/* One editorial illustration beside the existing Translate introduction. */
.translate-introduction{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:36px;align-items:center}
.translate-introduction-copy{min-width:0}
.translate-introduction-copy>p{margin-bottom:24px}
.translate-introduction .actions{gap:14px 24px}
.translate-introduction-art{margin:0;width:100%;max-width:280px;justify-self:end}
.translate-introduction-art img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}
@media(max-width:1100px){
 .translate-introduction{gap:24px;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}
}
@media(max-width:600px){
 .translate-introduction{grid-template-columns:minmax(0,1fr);gap:28px}
 .translate-introduction-art{max-width:240px;justify-self:center}
}

/* A traditional translator beside the practical preparation checklist. */
.translate-preparation{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);align-items:center;gap:36px}
.translate-preparation-copy{min-width:0}
.translate-preparation-copy ol{margin:0;padding-left:22px}
.translate-preparation-copy li+li{margin-top:18px}
.translate-preparation-art{width:100%;max-width:280px;margin:0;justify-self:end;scroll-margin-top:112px}
.translate-preparation-art img{display:block;width:100%;height:auto}
.translate-preparation-art figcaption{display:grid;gap:2px;margin-top:12px;text-align:left;font:400 12px/1.6 var(--sans);color:var(--muted)}
.translate-preparation-art figcaption span{display:block;margin:0}
@media(max-width:1100px){.translate-preparation{gap:24px}}
@media(max-width:600px){
 .translate-preparation{grid-template-columns:1fr;gap:28px}
 .translate-preparation-art{max-width:240px;justify-self:center;scroll-margin-top:96px}
}

.translate-introduction-copy{text-align:left}
.translate-introduction-copy>p{width:100%;max-width:none;margin-inline:0;text-align:left;text-wrap:wrap}