/* Wooden chessboard frame. The advertisement itself stays opaque and unaltered. */
body main .lp-affiliate-band{
 padding:clamp(24px,4vw,56px);margin-block:clamp(28px,3vw,44px);
 border:1px solid #8f653e;border-radius:20px;
 background:#9c6b3e url("wood-chessboard-20261013.webp") center / cover no-repeat;
 box-shadow:inset 0 0 0 7px #51361d38,inset 0 0 0 8px #ffebc54d,0 12px 28px #3823111c;
}
body main .lp-affiliate-band::before{content:none;background:none;mask-image:none}
body main .lp-affiliate-band::after{inset:8px;border:1px solid #ffe6b76b;border-radius:12px;z-index:0}
body main .lp-affiliate-band .lp-banner{max-width:1100px;border-color:#e8d6b8;border-radius:13px;box-shadow:0 9px 24px #24160866}
body main:not(.reading):not(.article-page):not(.inner-page)>.lp-affiliate-band{width:min(1440px,calc(100% - 48px));margin-inline:auto}
body main .lp-affiliate-band .lp-banner img{filter:none;opacity:1}
/* Readable spacing without turning wide articles into narrow columns. */
body main{--lp-article-padding:clamp(24px,3.35vw,48px)}
body main :is(.article-body,.article-content,.article-layout,.prose){box-sizing:border-box;min-width:0}
body main :is(.article-page,.article-heading,.article-head,.article-header,.reading)>h1,
body main [data-lp-intro]>h1{margin-block:16px 24px;line-height:1.14}
body main :is(.article-page,.reading,.article-body,.article-content) :is(.prose,p){line-height:1.8}
body main :is(.prose,.article-body,.article-content)>p,body main.reading>article>p{margin-block:0 1.35em}
body main :is(.prose,.article-body,.article-content)>:is(h2,h3),body main.reading>article>:is(h2,h3){margin-top:1.8em;margin-bottom:.7em;line-height:1.3}
body main :is(.article-layout,.editorial-layout,.content-layout,.page-layout){row-gap:36px}
@media(max-width:640px){
 body main{--lp-article-padding:22px}
 body main .lp-affiliate-band{background-image:url("wood-chessboard-20261013-mobile.webp");padding:20px 12px;border-radius:15px;margin-block:26px 32px;box-shadow:inset 0 0 0 4px #51361d38,0 8px 20px #38231117}
 body main .lp-affiliate-band::after{inset:5px;border-radius:10px}
 body main .lp-affiliate-band .lp-banner{border-radius:9px}
 body main:not(.reading):not(.article-page):not(.inner-page)>.lp-affiliate-band{width:calc(100% - 24px)}
 body main [data-lp-intro]>h1{margin-block:12px 20px}
}

/* Layout for creachess.com */
body main .wrap.editorial-layout{width:min(1440px,calc(100% - 48px));box-sizing:border-box}
body main .editorial-layout>article.article-body{padding:var(--lp-article-padding)}
@media(max-width:640px){body main .wrap.editorial-layout{width:calc(100% - 24px)}}
