*{box-sizing:border-box}body{margin:0;background:#f0f3f4;color:#14263b;font-family:Arial,"Malgun Gothic",sans-serif}a{color:#126c60}header{padding:14px 3%;background:#fff;border-bottom:1px solid #cfd6d5}header strong{margin:0 20px}header nav{display:inline-block}header nav a{display:inline-block;padding:10px 16px;margin:3px;border:1px solid #b7c8c5;border-radius:6px}header nav a[aria-current=page]{background:#147e6d;color:#fff}main{width:94%;max-width:1600px;margin:0 auto;padding-bottom:30px}.hint{margin:12px 0;font-size:16px}.screen{background:#14263b;line-height:0}.screen img{display:block;width:100%;height:auto}.paging{background:#14263b;color:#fff;padding:12px 2%;text-align:center;white-space:nowrap}.step{display:inline-block;min-width:25%;padding:18px 12px;border:2px solid #e7eff6;border-radius:8px;color:#fff;font-size:26px;font-weight:bold;text-decoration:none;text-align:center}.step:hover{background:#2d4359}.step:focus,button:focus,select:focus{outline:4px solid #f6c553;outline-offset:2px}.disabled{color:#8193a4;border-color:#586e82}.paging strong{display:inline-block;width:28%;font-size:24px}form{margin:20px 0}select,button{min-height:54px;font-size:18px;padding:10px;border:1px solid #8fa9a3;border-radius:6px;background:#fff;color:#14263b}select{max-width:70%}button{cursor:pointer}.tools a{display:inline-block;padding:12px;margin:2px 8px 2px 0}h1{font-size:22px}.transcript{white-space:pre-wrap;line-height:1.8}@media(max-width:620px){.step{font-size:20px;padding:15px 8px}.paging strong{font-size:19px}.hint{font-size:14px}header strong{margin:0 8px}header nav{display:block}select{max-width:65%;font-size:15px}form label{display:block;margin-bottom:8px}}
.screen img{width:auto;max-width:100%;max-height:calc(100vh - 108px);height:auto;margin:0 auto}