.mp-grid-container{display:grid;gap:2px;--base-height:150px;width:100%}.mp-post-item{position:relative;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;background-color:#222;border-radius:0;overflow:hidden;text-decoration:none!important;transition:transform 0.3s ease;min-height:var(--base-height)}.mp-post-item:hover{transform:scale(.99)}.mp-post-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff0;transition:background-color 0.3s ease;z-index:1}.mp-post-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgb(0 0 0 / .8) 0%,transparent 60%);z-index:2;pointer-events:none}.mp-content{position:relative;z-index:3;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.mp-category{background-color:#000;color:#fff;padding:3px 8px;font-size:11px;text-transform:uppercase;font-weight:700;margin-bottom:10px;border-radius:2px}.mp-title{color:#fff;margin:0 0 5px 0;font-size:18px;line-height:1.3;font-weight:600}.mp-meta{color:#aaa;font-size:12px;display:flex;gap:5px}.mp-author{font-weight:700;color:#fff}@media (min-width:768px){.mp-layout-newspaper{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,var(--base-height))}.mp-layout-newspaper .mp-item-1{grid-column:1;grid-row:1 / span 3}.mp-layout-newspaper .mp-item-2{grid-column:2;grid-row:1}.mp-layout-newspaper .mp-item-3{grid-column:2;grid-row:2}.mp-layout-newspaper .mp-item-4{grid-column:2;grid-row:3}.mp-layout-newspaper .mp-item-1 .mp-title{font-size:30px}}@media (min-width:768px){.mp-layout-newspaper-right{grid-template-columns:1fr 2fr;grid-template-rows:repeat(3,var(--base-height))}.mp-layout-newspaper-right .mp-item-1{grid-column:2;grid-row:1 / span 3}.mp-layout-newspaper-right .mp-item-2{grid-column:1;grid-row:1}.mp-layout-newspaper-right .mp-item-3{grid-column:1;grid-row:2}.mp-layout-newspaper-right .mp-item-4{grid-column:1;grid-row:3}.mp-layout-newspaper-right .mp-item-1 .mp-title{font-size:30px}}@media (min-width:768px){.mp-layout-hero-top{grid-template-columns:repeat(3,1fr);grid-template-rows:calc(var(--base-height) * 2) var(--base-height)}.mp-layout-hero-top .mp-item-1{grid-column:1 / span 3;grid-row:1}.mp-layout-hero-top .mp-item-2{grid-column:1;grid-row:2}.mp-layout-hero-top .mp-item-3{grid-column:2;grid-row:2}.mp-layout-hero-top .mp-item-4{grid-column:3;grid-row:2}.mp-layout-hero-top .mp-item-1 .mp-title{font-size:30px}}@media (min-width:768px){.mp-layout-grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,calc(var(--base-height) * 1.5))}.mp-layout-grid-2x2 .mp-item-1{grid-column:1;grid-row:1}.mp-layout-grid-2x2 .mp-item-2{grid-column:2;grid-row:1}.mp-layout-grid-2x2 .mp-item-3{grid-column:1;grid-row:2}.mp-layout-grid-2x2 .mp-item-4{grid-column:2;grid-row:2}}@media (max-width:767px){.mp-grid-container{display:grid!important;grid-auto-columns:75vw;grid-auto-flow:column;grid-template-rows:auto var(--base-height);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:var(--grid-gap,10px);padding-bottom:15px}.mp-grid-container .mp-item-1{grid-column:1 / -1!important;grid-row:1!important;width:calc(100vw - 20px);position:sticky;left:0;z-index:10;min-height:calc(var(--base-height) * 1.5)!important}.mp-grid-container .mp-item-2{grid-row:2!important;grid-column:1!important;scroll-snap-align:start}.mp-grid-container .mp-item-3{grid-row:2!important;grid-column:2!important;scroll-snap-align:start}.mp-grid-container .mp-item-4{grid-row:2!important;grid-column:3!important;scroll-snap-align:start}.mp-title{font-size:18px!important}.mp-grid-container .mp-item-1 .mp-title{font-size:24px!important}}