/* New media layouts and compact news lists. Desktop and mobile share fixed thumbnail ratios. */
.wpp-media-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:0}.wpp-media-list>.wp-card{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e3e9ef}.wpp-media-list .wp-card__media{grid-column:1;grid-row:1;width:104px;aspect-ratio:4/3;margin:0;position:relative}.wpp-media-list .wp-card__body{grid-column:2;grid-row:1;min-width:0}.wpp-media-list .wp-card__title{font-size:14px;line-height:1.5;margin:3px 0;text-align:left}.wpp-media-list .wp-card__excerpt{display:none}.wpp-media-list .wp-card__rank{display:none}.wpp-media-list--popular .wp-card__media .wp-card__rank{display:block;position:absolute;left:5px;bottom:5px;top:auto;z-index:2;background:#c82731;color:#fff;font-size:13px;line-height:1.2;padding:5px 7px;border-radius:4px;letter-spacing:0;box-shadow:0 2px 7px #0005}.wpp-media-peek{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding:4px 0 14px}.wpp-media-peek::-webkit-scrollbar{display:none}.wpp-media-tile{flex:0 0 clamp(210px,30%,340px);position:relative;display:block;border:0;padding:0;cursor:pointer;border-radius:10px;overflow:hidden;background:#173e62;scroll-snap-align:start;aspect-ratio:var(--media-ratio,9/16);color:white}.wppress-section--infographic[data-ratio="16:9"] .wpp-media-peek,.wppress-section--video[data-ratio="16:9"] .wpp-media-peek{--media-ratio:16/9}.wppress-section[data-ratio="9:16"] .wpp-media-peek{--media-ratio:9/16}.wppress-section[data-ratio="4:3"] .wpp-media-peek{--media-ratio:4/3}.wppress-section[data-ratio="3:4"] .wpp-media-peek{--media-ratio:3/4}.wppress-section[data-ratio="1:1"] .wpp-media-peek{--media-ratio:1}.wpp-media-tile img{width:100%;height:100%;object-fit:cover;display:block}.wpp-media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:22px;padding-left:3px;background:#101d29ae;color:white;border:2px solid #fff;box-shadow:0 4px 20px #0007}.wpp-media-video-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;background:linear-gradient(140deg,#103355,#0f6981)}.wpp-infographic-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(12,17,28,.94);display:flex;align-items:center;justify-content:center;overflow:auto;padding:65px 12px 20px}.wpp-infographic-lightbox[hidden]{display:none}.wpp-infographic-lightbox img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 95px);height:auto;width:auto;object-fit:contain;transform-origin:center;touch-action:pan-x pan-y}.wpp-infographic-close{position:fixed;right:18px;top:18px;z-index:3;color:white;background:#313947;border:1px solid #fff5;width:42px;height:42px;border-radius:50%;font-size:27px;cursor:pointer}.wpp-infographic-zoom{position:fixed;bottom:15px;right:15px;z-index:3;background:#192333;color:#fff;border-radius:9px;padding:8px}.wpp-infographic-zoom button{color:#fff;background:transparent;border:0;font-size:23px;cursor:pointer;padding:4px 8px}@media(max-width:767px){.wpp-media-list{grid-template-columns:1fr}.wpp-media-peek .wpp-media-tile{flex-basis:77%;}.wpp-media-peek{padding-right:10px}.wpppress-section .wpp-media-tile img{height:100%}}
