/* Detail covers use the same canvas and artwork treatment as their list cards. */
#content{--editorial-cover-ratio:2/1}
#content .test-card-cover{height:auto;aspect-ratio:var(--editorial-cover-ratio);flex-basis:auto}
#content .test-card-cover>img{display:block;width:100%;height:100%;object-fit:contain;padding:4%}
#content .test-long-article>.test-article-cover{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:var(--editorial-cover-ratio);object-fit:contain;padding:4%;margin:24px auto;background:linear-gradient(130deg,#1c303b,#304956)}
#content .ai-material-card .test-card-cover>img,#content .is-ai-material>.test-article-cover{object-fit:cover;padding:0}
#content .mwt-progression-page .progression-pass-art{width:264px;max-width:100%;height:auto;min-height:0;aspect-ratio:var(--editorial-cover-ratio);overflow:hidden}
#content .mwt-progression-page .progression-pass-art>img{display:block;width:100%;height:100%;object-fit:cover}
#content .mwt-progression-page .progression-pass-art[data-cover-kind=icon]{background:radial-gradient(ellipse at center,#314753,#10212b)}
#content .mwt-progression-page .progression-pass-art[data-cover-kind=icon]>img{object-fit:contain;width:64%;height:64%;margin:auto}
#content .appearance-diy-detail .appearance-preview-stage{display:block;width:100%;height:auto;min-height:0;aspect-ratio:1.6;overflow:hidden}
#content .appearance-diy-detail .appearance-preview-stage>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;padding:0}
.notice-ticker[data-notice-channel=site]{position:relative;top:auto;z-index:1}

@media(max-width:680px){
 #content{--editorial-cover-ratio:8/5}
 #content .mwt-progression-page .progression-pass-art{margin-left:auto;margin-right:auto;justify-self:center}
 #content .test-long-article>.test-article-cover{margin-top:20px;margin-bottom:20px}
}
body.mobile-preview-mode #content{--editorial-cover-ratio:8/5}
html:has(body.mobile-preview-mode),body.mobile-preview-mode{overflow-x:clip;overflow-y:visible}
body.mobile-preview-mode #content .test-card-cover>img{padding:4%}
body.mobile-preview-mode #content .ai-material-card .test-card-cover>img{object-fit:cover;padding:0}
body.mobile-preview-mode #content .mwt-progression-page .progression-pass-art{margin-left:auto;margin-right:auto;justify-self:center}
body.mobile-preview-mode #content .test-long-article>.test-article-cover{margin-top:20px;margin-bottom:20px}