/* Evidence article and CSS image-fitting comparisons. */
.article-main{max-width:860px;margin:55px auto 0;padding:0 24px 45px;word-break:keep-all;overflow-wrap:break-word}
.article-main h1{font-size:37px;line-height:1.45;margin:0 0 30px;color:var(--yellow)}
.article-main h2{font-size:25px;line-height:1.5;margin:40px 0 16px}
.article-main p,.article-main li{font-size:18px;line-height:1.9;color:#ddd}
.article-main a{color:var(--blue)}
.article-main .post-meta,.article-main .sources,.article-main figcaption{font-size:14px;line-height:1.8;color:var(--muted)}
.article-main ol{padding-left:24px}
.article-main figure{margin:28px 0}
.toc{padding:18px 24px;border:1px solid var(--line);margin:28px 0}
.toc ol{margin-bottom:0}
.fit-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:28px 0}
.fit-samples figure{margin:0;min-width:0}
.fit-samples figure:last-child{grid-column:1/-1}
.fit-box{background:#000;outline:1px solid #555;margin-bottom:14px;max-width:100%;overflow:hidden}
.fit-box.square{width:320px;aspect-ratio:1}
.fit-box.portrait{width:180px;aspect-ratio:9/16}
.fit-box img{display:block;width:100%;height:100%;object-position:50% 50%}
.contain img{object-fit:contain}
.cover img{object-fit:cover}
.sources li{font-size:15px}
.article-main .formula{font-size:20px;padding:15px 20px;background:#151515;border-left:3px solid var(--yellow);overflow-wrap:anywhere}
@media(max-width:640px){.article-main{margin-top:36px;padding:0 20px 25px}.article-main h1{font-size:29px}.article-main h2{font-size:23px}.article-main p,.article-main li{font-size:17px}.article-main .post-meta,.article-main .sources li{font-size:14px}.article-main th,.article-main td{font-size:14px}.fit-samples{grid-template-columns:1fr}}