/* Light lettering needs a dark surface in both the directory and article layouts. */
.pge-shell .pge-logo-box.pgr-safe-box,
.pge-shell #pgv-main img.pgr-safe-logo[src*="/logos/"]{background:#102735!important;border-color:#365365!important}
.pge-shell .pge-logo-box.pgr-safe-box img{background:transparent}
/* Show the existing 115px artwork at its native width, clipping only empty margins. */
.pge-shell .pgr-betpari-window{display:block;position:relative;width:115px;max-width:100%;height:48px;overflow:hidden;background:#fff;border-radius:5px;margin:0 auto}
.pge-shell .pgr-betpari-window img.pgr-betpari-img[src*="/logos/"],
.pge-shell #pgv-main .pgr-betpari-window img.pgr-betpari-img[src*="/logos/"]{position:absolute!important;left:50%!important;top:-34px!important;transform:translateX(-50%)!important;width:115px!important;height:115px!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;background:#fff!important}
.pge-shell .pgr-mobile-diagram{display:none}
@media(max-width:760px){
 .pge-shell.pgr-diagram-page #pgv-main .pge-diagram>img,
 .pge-shell.pgr-diagram-page #pgv-main .pge-diagram>figcaption,
 .pge-shell.pgr-diagram-page #pgv-main .pgv-takeaways{display:none}
 .pge-shell.pgr-diagram-page #pgv-main .pgr-mobile-diagram{display:grid;gap:12px;list-style:none;margin:0;padding:0;font-family:Arial,sans-serif;font-size:17px;line-height:1.5;color:#f3f1ec}
 .pge-shell #pgv-main .pgr-mobile-diagram li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;padding:18px 16px;border:1px solid var(--pge-line);border-radius:14px;background:var(--pge-panel);overflow-wrap:anywhere}
 .pge-shell #pgv-main .pgr-mobile-diagram .pgr-step-number{font-size:20px;font-weight:700;color:var(--pge-accent)}
}
