/* Mr Green guide: one clearly identified 22Bet sponsored placement. */
.mg22-showcase-wrap{padding:28px 0 0;background:#f5f3e9}
.mg22-showcase{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:150px minmax(0,1fr) 220px;align-items:center;gap:26px;padding:30px;border:1px solid #24564a;border-radius:16px;background:linear-gradient(120deg,#073b2f 0%,#104d3d 64%,#172f29 100%);color:#fff;box-shadow:0 14px 30px #073b2f12}
.mg22-showcase:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 5%,#f4bb5640,transparent 50%),linear-gradient(135deg,transparent 55%,#ffffff06 55%,#ffffff06 56%,transparent 56%)}
.mg22-brand{display:grid;gap:12px;align-content:center;justify-items:start}
.mg22-brand img{width:150px;height:90px;object-fit:contain;border-radius:10px;background:#071321}
.mg22-rank{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.mg22-rank b{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#f2bc67;color:#073b2f;font-size:15px;letter-spacing:0}
.mg22-copy{min-width:0}
.mg22-kicker{margin:0 0 8px;color:#f3c977;font-size:11px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}
.mg22-copy h2{margin:0 0 10px;font-family:Arial,sans-serif;font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.14;letter-spacing:-.025em;color:#fff}
.mg22-copy p:not(.mg22-kicker){margin:0;color:#d9e7df;max-width:650px;font-size:14px;line-height:1.65}
.mg22-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.mg22-chips span{padding:4px 10px;border:1px solid #ffffff26;border-radius:20px;color:#e5eee7;font-size:11px;line-height:1.45}
.mg22-action{display:grid;gap:10px;text-align:center}
a.mg22-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border-radius:7px;background:linear-gradient(110deg,#f3c572,#f2b757);color:#052e24;font:700 14px/1.4 Arial,sans-serif;text-decoration:none;box-shadow:0 5px 15px #00000012;transition:background .2s,transform .2s}
a.mg22-button:hover{background:#ffcf7e;transform:translateY(-1px)}
a.mg22-button:focus-visible,.mg22-sticky button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.mg22-action small{font-size:10px;color:#d4e2d8;line-height:1.5}
.mg22-terms{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:12px;color:#cddfd5;font-size:11px;line-height:1.65}
.mg22-terms summary{cursor:pointer;color:#e8eee8;font-size:11px}
.mg22-terms p{margin:9px 0 0;max-width:980px}
.mg22-mini{display:grid;grid-template-columns:115px minmax(0,1fr) auto;gap:18px;align-items:center;overflow:hidden;border:1px solid #d6dfd1;border-radius:12px;margin:30px 0;background:#edf0e4;box-shadow:0 7px 20px #173f2b06}
.mg22-mini>picture{align-self:stretch;display:block;min-height:120px}
.mg22-mini>picture img{width:100%;height:100%;min-height:120px;object-fit:cover;display:block}
.mg22-mini .mg22-mini-copy{padding:18px 0;min-width:0}
.mg22-mini .mg22-kicker{color:#61724e;font-size:10px;margin-bottom:5px}
.mg22-mini h2,.mg22-mini h3{margin:0 0 6px;color:#073b2f;font-family:Arial,sans-serif;font-size:19px;line-height:1.2;letter-spacing:-.015em}
.mg22-mini p:not(.mg22-kicker){font-size:12px;color:#496554;line-height:1.6;margin:0}
.mg22-mini>a{margin:16px 20px 16px 0;min-width:120px;white-space:nowrap}
.mg22-rail{overflow:hidden;background:#073b2f;border:1px solid #24564a;border-radius:13px;color:#fff;margin-bottom:22px;box-shadow:0 9px 25px #073b2f10}
.mg22-rail picture{display:block;position:relative}
.mg22-rail picture img{width:100%;height:150px;object-fit:cover;display:block}
.mg22-rail-body{padding:20px}
.mg22-rail-logo{width:93px;height:55px;object-fit:contain;background:#071321;border-radius:6px;margin-bottom:16px}
.mg22-rail-body .mg22-kicker{font-size:10px}
.mg22-rail-body h2,.mg22-rail-body h3{font-family:Arial,sans-serif;font-size:27px;color:#fff;letter-spacing:-.035em;line-height:1.16;margin:0 0 10px}
.mg22-rail-body p:not(.mg22-kicker){margin:0 0 16px;font-size:12px;color:#d8e4d9;line-height:1.65}
.mg22-rail-body small{display:block;color:#b7d0c1;font-size:10px;line-height:1.5;margin-top:10px}
.mg22-mini-zone{padding:0 0 28px}
.mg22-mini-zone .mg22-mini{margin-bottom:0}
.mg22-sticky{position:fixed;z-index:109;bottom:0;left:0;right:0;background:#073b2f;color:#fff;border-top:1px solid #80a28d;padding:12px max(18px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));box-shadow:0 -8px 30px #05291e22}
.mg22-sticky[hidden]{display:none!important}
.mg22-sticky-inner{display:grid;grid-template-columns:minmax(0,1fr) 180px 36px;align-items:center;gap:20px;max-width:1280px;margin:0 auto}
.mg22-sticky p{margin:0;font-size:13px;color:#d6e5d9;line-height:1.45}
.mg22-sticky p strong{color:#f2bc67}
.mg22-sticky small{display:block;color:#a8c3b4;font-size:10px;margin-top:3px}
.mg22-sticky button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff30;border-radius:50%;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.mg22-sticky button:hover{background:#ffffff13}
.mg22-sticky-open .site-footer{padding-bottom:110px}
.article-sidebar{overflow:visible!important;max-height:none!important}
.article-sidebar>.mg22-rail picture img{height:105px}
.article-sidebar .mg22-rail-body{padding:18px}
.article-sidebar .mg22-rail-logo{width:76px;height:44px;margin-bottom:10px}
.article-sidebar .mg22-rail-body h3{font-size:25px}
.mg22-sidebar-links{border:1px solid #d6dfd1;border-radius:10px;background:#f5f3e9;overflow:visible}
.mg22-sidebar-links>summary{padding:16px;font-size:13px;font-weight:700;cursor:pointer;color:#073b2f;line-height:1.5}
.mg22-sidebar-links .side-card{border:0;border-top:1px solid #d6dfd1;margin:0;padding:18px}
.article-sidebar:has(.mg22-sidebar-links[open]){position:static}
@media(min-width:901px){.hero-grid>.mg22-rail{max-width:430px;width:100%;justify-self:end;margin:0}.hero-grid>.mg22-rail picture img{height:190px}.hero-grid>.mg22-rail .mg22-rail-body{padding:26px}.hero-grid>.mg22-rail h2{font-size:34px}}
@media(max-width:1000px){.mg22-showcase{grid-template-columns:125px minmax(0,1fr) 180px;padding:24px;gap:20px}.mg22-brand img{width:125px;height:80px}.mg22-mini{grid-template-columns:95px minmax(0,1fr)}.mg22-mini>a{grid-column:2;margin:0 18px 18px 0;justify-self:start}.mg22-mini .mg22-mini-copy{padding-bottom:0}.mg22-mini>picture{grid-row:1/3}.mg22-mini>picture img{min-height:170px}}
@media(max-width:640px){.mg22-showcase-wrap{padding-top:20px}.mg22-showcase{grid-template-columns:95px minmax(0,1fr);padding:18px;gap:16px;border-radius:12px}.mg22-brand{gap:8px;align-self:start}.mg22-brand img{width:95px;height:64px}.mg22-rank{font-size:9px;gap:5px;letter-spacing:.01em}.mg22-rank b{width:25px;height:25px;font-size:12px}.mg22-copy h2{font-size:21px}.mg22-copy p:not(.mg22-kicker){font-size:12px}.mg22-kicker{font-size:9px}.mg22-chips{gap:5px;margin-top:10px}.mg22-chips span{font-size:9px;padding:3px 7px}.mg22-action{grid-column:1/-1;text-align:left}.mg22-action small{font-size:10px;text-align:center}.mg22-terms{padding-top:10px}.mg22-mini{grid-template-columns:80px minmax(0,1fr);gap:14px;margin:24px 0}.mg22-mini h2,.mg22-mini h3{font-size:18px}.mg22-mini>a{margin-right:14px}.mg22-mini>picture img{min-height:190px}.mg22-sticky{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.mg22-sticky-inner{grid-template-columns:minmax(0,1fr) 120px 30px;gap:9px}.mg22-sticky p{font-size:11px}.mg22-sticky small{font-size:9px}.mg22-sticky a.mg22-button{min-height:42px;padding:10px;font-size:12px}.mg22-sticky button{width:30px;height:30px;font-size:20px}.mg22-sticky-open .site-footer{padding-bottom:115px}}
@media(prefers-reduced-motion:reduce){a.mg22-button{transition:none}}
@media(max-width:640px){.mg22-rank{flex-wrap:wrap;row-gap:6px;max-width:95px}}