/* Contextual affiliate section: visually separate from free learning content and controls. */
.contextual-pr{box-sizing:border-box;clear:both;position:relative;isolation:isolate;margin:2rem auto 1.5rem;padding:1rem;max-width:72rem;border:1px solid #d8e1ec;border-radius:1rem;background:#f7f9fc;color:#243247;font:inherit;line-height:1.55}
.contextual-pr *{box-sizing:border-box}
.contextual-pr__eyebrow{display:inline-block;margin:0 0 .45rem;padding:.12rem .5rem;border-radius:999px;background:#fff0d4;color:#704800;font-size:.78rem;font-weight:700}
.contextual-pr__heading{margin:.1rem 0 .35rem;font-size:1.15rem;line-height:1.4}
.contextual-pr__intro,.contextual-pr__disclosure{margin:.3rem 0 .7rem;font-size:.9rem}
.contextual-pr__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.7rem;margin-top:.65rem}
.contextual-pr__card{min-width:0;padding:.85rem;border:1px solid #dce4ed;border-radius:.75rem;background:#fff}
.contextual-pr__card h3{margin:0 0 .35rem;font-size:1rem;line-height:1.45}
.contextual-pr__card p{margin:.35rem 0;font-size:.9rem}
.contextual-pr__card a{display:inline-block;margin-top:.25rem;padding:.45rem .7rem;border-radius:.5rem;background:#164e73;color:#fff;font-weight:700;text-decoration:none}
.contextual-pr__card a:hover,.contextual-pr__card a:focus-visible{text-decoration:underline;outline:2px solid #164e73;outline-offset:2px}
.contextual-pr__terms{color:#46566b;font-size:.82rem!important}
.contextual-pr__disclosure{margin-top:.8rem;color:#46566b;font-size:.78rem}
/* Keep the block below fixed/canvas game surfaces, never over controls. */
[data-contextual-pr]{scroll-margin-top:1rem}
@media(max-width:38rem){.contextual-pr{margin:1.25rem .5rem;padding:.8rem;border-radius:.75rem}.contextual-pr__cards{grid-template-columns:1fr}.contextual-pr__card a{min-height:2.75rem;display:flex;align-items:center;justify-content:center}}
/* Some fixed games set html/body overflow:hidden. Preserve app dimensions and restore page flow for the footer below it. */
html.contextual-pr-page{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
html.contextual-pr-page body.contextual-pr-page{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:visible!important}
.contextual-pr{grid-column:1/-1}
.contextual-pr__creative{max-width:100%;overflow-wrap:anywhere}.contextual-pr__creative img{max-width:100%;height:auto}