/* Souljah: a fictional fellow traveller at the edge of the reading space. */
.souljah-hero{display:block;position:absolute;height:610px;max-width:100%;width:auto;object-fit:contain;right:5%;bottom:-2px;filter:drop-shadow(0 15px 22px #10261c35)}.hero-art{isolation:isolate}.hero-art .art-caption{z-index:2;bottom:20px;left:5%;padding:18px 23px;background:#17372ae8}.hero-art .art-caption p{font-size:26px}.hero-art .art-side{display:none}.wordmark img{width:43px;height:49px;object-fit:contain}.welcome-symbol{background:transparent;border-radius:0}.welcome-symbol img{height:110px;width:85px;object-fit:contain}.souljah-note{font-size:9px;color:#b6c5a3!important;max-width:200px;margin:0}.lesson-top .eyebrow{color:#8f784b}#lessonDialog{width:min(910px,96vw)}#lessonContent{position:relative;padding-left:148px;min-height:290px}.session-companion{position:absolute;left:0;top:8px;width:125px;text-align:center}.session-companion img{display:block;width:125px;height:235px;object-fit:contain;object-position:top}.session-companion small{display:block;font-size:9px;line-height:1.7;color:#859074;margin-top:10px}.article-mascot{float:right;width:170px;height:300px;object-fit:contain;margin:5px -10px 20px 25px}.character-intro{border-top:1px solid #d7ceb4;margin-top:25px;padding-top:20px}.character-intro strong{color:#244237}.appwordmark img{object-fit:contain}
@media(max-width:740px){.hero-art{height:420px;min-height:420px}.souljah-hero{height:420px;right:0;max-width:85%}.hero-art .art-caption{left:0;bottom:10px;padding:14px 18px}.hero-art .art-caption p{font-size:23px}#lessonContent{padding-left:0}.session-companion{position:relative;float:right;top:auto;left:auto;width:75px;margin:5px -3px 10px 13px}.session-companion img{width:75px;height:130px}.session-companion small{display:none}.article-mascot{width:105px;height:190px;margin:0 0 10px 15px}}

/* Shield identity; no character in the reading experience. */
.shield-hero{position:absolute;width:200px;height:250px;object-fit:contain;left:50%;top:32%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 24px #10261c55)}#lessonContent{padding-left:0;min-height:0}
@media(max-width:740px){.shield-hero{width:150px;height:190px;top:30%}}