/* Shared desktop frame expansion, matching the account page. */
@media(min-width:1220px){
 body #ornate-frame{width:1208px;height:279px;margin-left:-604px;background-size:1208px auto;}
 body #ornate-frame-left{margin-left:-537px;top:638px;}
 body #ornate-frame-right{margin-right:-537px;top:638px;}
 body .ornate-frame-links{width:1208px;margin-left:-604px;top:527px;}
 body .ornate-frame-links a{transform:translateX(-50%);}
 body .ornate-frame-links .content-link,body .ornate-frame-links .signup-link{left:16%;}
 body .ornate-frame-links .story-link{left:38.5%;}
 body .ornate-frame-links .help-link{left:61.5%;}
 body .ornate-frame-links .support-link{left:84%;}
 #content{width:1059px;margin-left:-529.5px;top:598px;background-size:1109px auto;padding-bottom:140px;}
 #content.inner{top:403px;}
 #content>.left{width:752px;}
 body:has(#content.inner) #ornate-frame-left,body:has(#content.inner) #ornate-frame-right{top:443px;}
 body:has(#content.inner) .ornate-frame-links{top:332px;}
 body:has(#content.inner) .play-for-free-text{top:216px;}
 body:has(#content.inner) .download-text{top:242px;}
 #content #content-footer{width:calc(100% - 275px);height:auto;aspect-ratio:666 / 93;background-size:100% 100%;background-repeat:no-repeat;}
 #content.inner .left .article .middle{width:calc(100% - 100px);}
 #content:not(.inner) .left .article .middle{width:calc(100% - 30px);}
}
@media(min-width:1220px){
 body:not(:has(.slider-wrapper)) #content{top:403px;}
 body:not(:has(.slider-wrapper)) #ornate-frame-left,body:not(:has(.slider-wrapper)) #ornate-frame-right{top:443px;}
 body:not(:has(.slider-wrapper)) .ornate-frame-links{top:332px;}
 body:not(:has(.slider-wrapper)) .play-for-free-text{top:216px;}
 body:not(:has(.slider-wrapper)) .download-text{top:242px;}
}
@media(min-width:1220px){
 #content .left .article .top,#content .left .article .top-featured{left:0;margin-left:0;width:100%;background-size:100% auto;}
 #content .left .article .middle{left:20px;width:calc(100% - 40px);}
 #content .left .article .desc2{width:auto;margin-right:10px;}
}
@media(min-width:1220px){
 body:has(.slider-wrapper) #content>.left{width:762px;margin-left:8px;margin-right:9px;}
 body:has(.slider-wrapper) #content .left .article .middle{left:8px;width:calc(100% - 16px);}
 body:has(.slider-wrapper) #content .left .article .desc2{margin-right:0;}
}
@media(min-width:1101px){
 #content,#content.account-page{padding-bottom:110px!important;}
}
@media(min-width:1220px){
 body:has(.slider-wrapper) #content .left .article .middle{left:20px;width:calc(100% - 40px);}
 body:has(.slider-wrapper) #content .article-information-wrapper h4{margin-left:85px;}
 body:has(.slider-wrapper) #content .article-information{margin-left:85px;}
}
@media(min-width:1220px){
 body:has(.slider-wrapper) #content .left .article .middle{top:23px;padding-bottom:28px;}
}
@media(min-width:1220px){
 body:has(.slider-wrapper) #content .left .article .middle{top:28px;left:28px;width:calc(100% - 56px);padding-bottom:33px;}
}
@media(min-width:1220px){
 body:has(.slider-wrapper) #content .left .article .middle{top:33px;left:36px;width:calc(100% - 72px);padding-bottom:38px;}
}
/* News uses the same quiet translucent panel as Top Players. */
body:has(.slider-wrapper) #content .left .article{background:rgba(0,0,0,.4);}
body:has(.slider-wrapper) #content .left .article .top,body:has(.slider-wrapper) #content .left .article .top-featured{background:none;}
@media(min-width:1101px){
 body:has(.slider-wrapper) #content .left .article .top{background-image:url('../images/article-top-smooth-v2.png');background-repeat:no-repeat;background-size:100% 280px;background-position:center -84px;height:105px;}
}
@media(min-width:1220px){
 body:has(.slider-wrapper) #content .left .article .top{left:8px;margin-left:0;width:calc(100% - 16px);background-size:100% 280px;}
}
/* Compact news entries: one continuous panel with a lighter header ornament. */
@media(min-width:1101px){
 body:has(.slider-wrapper) #content .left .article{margin-bottom:18px;background:rgba(0,0,0,.4);}
 body:has(.slider-wrapper) #content .left .article .top{left:8px;margin-left:0;width:calc(100% - 16px);height:78px;background-size:100% 220px;background-position:center -66px;}
 body:has(.slider-wrapper) #content .left .article .middle{top:0;left:0;width:100%;padding:21px 26px 16px;box-sizing:border-box;}
 body:has(.slider-wrapper) #content .article-information-wrapper{margin:0 0 17px;min-height:43px;}
 body:has(.slider-wrapper) #content .article-information-wrapper h4{margin:0 0 4px 70px;line-height:1.5;}
 body:has(.slider-wrapper) #content .article-information{margin-left:70px;}
 body:has(.slider-wrapper) #content .article-content-wrapper.desc2{margin:0;padding:0;background:none;border:0;width:auto;line-height:1.65;}
 body:has(.slider-wrapper) #content .article-comments{margin-right:4px;}
}
@media(min-width:1101px){
 body:has(.slider-wrapper) #content .article-information-wrapper h4{margin-left:95px;}
 body:has(.slider-wrapper) #content .article-information{margin-left:95px;}
}
@media(min-width:1101px){
 body:has(.slider-wrapper) #content .article-content-wrapper.desc2{margin-left:14px;margin-right:14px;}
}
/* Recenter lettering inside the enlarged frame's ribbons and center plaque. */
@media(min-width:1220px){
 body .ornate-frame-links{top:537px;}
 body:not(:has(.slider-wrapper)) .ornate-frame-links{top:342px;}
 body:has(.slider-wrapper) .play-for-free-text{top:426px;}
 body:has(.slider-wrapper) .download-text{top:452px;}
 body:not(:has(.slider-wrapper)) .play-for-free-text{top:221px;}
 body:not(:has(.slider-wrapper)) .download-text{top:250px;}
 body:has(#content.account-page) .ornate-frame-links{top:342px;}
 body:has(#content.account-page) .play-for-free-text{top:221px;}
 body:has(#content.account-page) .download-text{top:250px;}
}
@media(min-width:1101px){
 #sidebar .sidebar-section:has(.server-selection-wrapper){padding-top:20px;}
}
@media(min-width:1220px){
 body:not(:has(.slider-wrapper)) .ornate-frame-links,body:has(#content.account-page) .ornate-frame-links{top:332px;}
 body:not(:has(.slider-wrapper)) .play-for-free-text,body:has(#content.account-page) .play-for-free-text{top:216px;}
 body:not(:has(.slider-wrapper)) .download-text,body:has(#content.account-page) .download-text{top:242px;}
}