/* Screen 3 only: confirmed screens 1 and 2 remain untouched. */
.screen-three{width:390px;margin:0 auto;padding:64px 0 90px;background:var(--paper);color:var(--ink);font:400 20px/32.5px var(--body)}
.screen-three h2,.screen-three p,.screen-three dl,.screen-three dd{margin:0}
.screen-three h2,.screen-three dt{font-family:var(--heading);font-weight:500;letter-spacing:.02em}
.screen-three h2{font-size:29px;line-height:44px}
.screen-three img{display:block;height:auto;max-width:none;transform:none}
.s3-discord{margin:0 38px 38px 46px}
.s3-discord h2{font-size:32px;line-height:46px}
.screen-three .s3-body{margin-top:22px;line-break:strict}
.s3-discord-scene{position:relative;height:322px;margin-top:8px}
.s3-connected{position:absolute;width:245px;left:55px;top:-10px}
.s3-headphones{position:absolute;width:275px;left:0;top:103px}
.s3-zoom,.s3-other{margin:0 30px;padding:25px 16px 24px;background:#f3eef9}
.s3-zoom .s3-body{margin-top:18px}
.s3-pc{width:278px;margin:24px auto 0}
.s3-other{margin-top:28px;background:#efebfa;padding-bottom:24px}
.s3-other dl{margin-top:24px}
.s3-other dl>div+div{margin-top:30px}
.s3-other dt{font-size:22px;line-height:34px}
.s3-other dd{margin-top:6px;line-break:strict}
.s3-archive{width:294px;margin:25px auto 0}
.s3-ending{position:relative;height:190px;margin-top:18px}
.s3-ending img{position:absolute;width:390px;left:0;top:-14px}
@media(max-width:389px){.screen-three{zoom:calc(100vw / 390px)}}

.s3-zoom-copy p+p{margin-top:18px}
.s3-zoom{padding-left:8px;padding-right:8px}
.s3-zoom h2{margin-left:8px}
.s3-zoom-copy{font-size:20px;line-height:32.5px}
.s3-zoom-copy p+p{margin-top:18px}
/* Open editorial sections: related content stays close without panels. */
.screen-three{padding-bottom:20px}
.s3-discord{margin-bottom:28px}
.s3-zoom,.s3-other{background:none;padding:0;margin-left:38px;margin-right:38px}
.s3-zoom h2{margin-left:0}
.s3-zoom .s3-body{margin-top:20px}
.s3-pc{margin-top:22px}
.s3-other{margin-top:38px}
.s3-other dl{margin-top:22px}
.s3-other dl>div+div{margin-top:26px}
.s3-other dd{margin-top:5px}
.s3-archive{margin-top:22px}
.s3-ending{height:148px;margin-top:8px}
.s3-ending img{top:-32px}

.screen-three{padding-top:24px}
/* Later-screen body role, one step smaller. */
.screen-three .s3-body,.screen-three .s3-body p,.s3-other dd{font-size:19px;line-height:31px}
/* Latest brief: unified later-body role. */
.screen-three .s3-body,.screen-three .s3-body p,.s3-other dd{font-size:18px;line-height:29px}
.s3-discord{margin-bottom:24px}
.s3-other{margin-top:32px}
.s3-ending{height:136px}

.screen-three .prose-unit{display:inline-block;white-space:nowrap}