/* Learn owns this document and does not use the B2B theme template or navigation. */
body.wl-learn{margin:0;background:#fff;color:#182445}
/* The theme's generic header rule belongs to its sticky site navigation. */
body.wl-learn header.intro,body.wl-learn header.article-header{position:static;inset:auto;z-index:auto;height:auto;min-height:0;max-height:none}
/* Keep editorial copy readable when the B2B theme gives paragraphs a pale color. */
.wl-learn .prose p,.wl-learn .prose li{color:#182445}
.wl-learn .evidence-item p{color:var(--muted,#615c76);font-size:.875rem;line-height:1.65}
.wl-learn .article-layout:has(>.prose:only-child){grid-template-columns:minmax(0,850px)}
.wl-learn .prose img{max-width:100%;height:auto}
.wl-learn .table-scroll{max-width:100%;overflow-x:auto}
.wl-learn :focus-visible{outline:3px solid #784fd7;outline-offset:4px}
.wl-learn .skip-link{position:absolute;left:12px;top:-80px;z-index:10000;background:#fff;color:#261d6c;padding:12px}
.wl-learn .skip-link:focus{top:12px}
.wl-learn .article-card a{color:inherit}
.wl-learn .related{margin-top:44px}
.wl-learn .source-registry{margin-top:32px}
@media(max-width:760px){.wl-learn .article-layout{display:block}.wl-learn .evidence-sidebar{margin-top:30px}}

/* Six-language header and Arabic reading direction; B2B styles are untouched. */
body.wl-learn header.site-header{height:auto;min-height:0;max-height:none;padding:0}
.wl-learn .header-inner{flex-wrap:wrap}
.wl-learn .language-nav{flex-wrap:wrap}
html[dir="rtl"] .wl-learn{font-family:Tahoma,Arial,sans-serif;text-align:start}
html[dir="rtl"] .wl-learn h1,html[dir="rtl"] .wl-learn h2,html[dir="rtl"] .wl-learn h3{letter-spacing:0;line-height:1.4}
html[dir="rtl"] .wl-learn .main-nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .wl-learn .language-nav{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:24px}
html[dir="rtl"] .wl-learn .prose ul,html[dir="rtl"] .wl-learn .prose ol{padding-left:0;padding-right:24px}
html[dir="rtl"] .wl-learn .lp-headline{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.35}
html[dir="rtl"] .wl-learn .lp-game-names{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .wl-learn .lp-preference strong,html[dir="rtl"] .wl-learn time,html[dir="rtl"] .wl-learn .language-nav a{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .wl-learn .lp-cta svg{transform:scaleX(-1)}
@media(max-width:760px){html[dir="rtl"] .wl-learn .language-nav{border-right:0;padding-right:0}}

/* Mirror the layout without mirroring lottery numbers in the artwork. */
html[dir="rtl"] .wl-learn .lp-banner-copy{padding:34px 44px 36px 0}
html[dir="rtl"] .wl-learn .lp-art{right:auto;left:-12px}
html[dir="rtl"] .wl-learn .lp-banner-main{background:radial-gradient(ellipse at 18% 72%,#eee4cf 0,#f8f4ea 39%,#fbf8f1 73%)}
@container lottopark (max-width:880px){html[dir="rtl"] .wl-learn .lp-banner-copy{padding-right:32px}}
@container lottopark (max-width:720px){html[dir="rtl"] .wl-learn .lp-banner-copy{padding:25px 24px 0}html[dir="rtl"] .wl-learn .lp-art{left:auto}}
@container lottopark (max-width:310px){html[dir="rtl"] .wl-learn .lp-banner-copy{padding:24px 20px 0}}

@container lottopark (min-width:721px){html[dir="rtl"] .wl-learn .lp-banner .lp-headline{font-size:clamp(2.2rem,4cqw,3rem)}}
