/* Compact contextual pictures, scoped to homepage sections. */
.hero:has(.hero-emblem){background-image:linear-gradient(90deg,#17152bd9,#17152bbf),url('assets/hero-background-no-logo.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.context-picture{overflow:hidden;border-radius:12px;border:1px solid #d9dcea;box-shadow:0 8px 24px #241e4b08}
.context-picture img{display:block;width:100%;height:auto;object-fit:cover}
.device-picture{width:min(340px,100%);margin:24px auto 0}
.overview-picture{width:min(880px,100%);margin:0 auto 30px}
.payment-picture{width:min(290px,100%);margin:24px auto 0}
.guide-article #top-up .chapter-heading:after{display:none}
.safety-picture{float:right;width:240px;margin:0 0 18px 28px}
.guide-article #payment-safety .chapter-body:after{content:'';display:block;clear:both}
.guide-article #devices{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);column-gap:100px;row-gap:20px}
.guide-article #devices .chapter-heading{max-width:470px}
.guide-article #devices .chapter-body{display:block;max-width:810px;margin-top:0}
.guide-article #devices .chapter-body>p{margin-top:8px}
.guide-article #devices .device-picture{width:min(290px,100%);margin:24px auto 0}
@media(max-width:1100px){.guide-article #devices{column-gap:45px}}
@media(max-width:900px){.guide-article #devices{column-gap:35px}}
@media(max-width:650px){.guide-article #devices{grid-template-columns:minmax(0,1fr)}.guide-article #devices .chapter-heading{max-width:none}}
@media(max-width:650px){.device-picture{width:min(290px,100%)}.payment-picture{width:min(260px,100%)}.safety-picture{float:none;width:min(280px,100%);margin:0 auto 22px}}
/* Stretch the heading/image column to match the adjacent download content. */
.guide-article #devices{align-items:stretch}
.guide-article #devices .chapter-heading{display:flex;flex-direction:column;align-self:stretch;width:100%;max-width:none}
.guide-article #devices .device-picture{flex:1;width:100%;min-height:180px;margin:24px 0 0;position:relative}
.guide-article #devices .device-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:650px){.guide-article #devices .device-picture{flex:none;min-height:0;width:100%;position:static}.guide-article #devices .device-picture img{position:static;height:auto}}