.screen-viewer{max-width:1800px;margin:2rem auto;padding:0 24px 40px;box-sizing:border-box;color:#302a46;font:17px/1.9 "Yu Gothic",Meiryo,sans-serif}
.screen-viewer h1{font:500 clamp(25px,3vw,34px)/1.6 "Yu Mincho",serif;margin:1rem 0}
.screen-viewer p{max-width:950px}.screen-viewer a{color:#8056aa;text-underline-offset:4px}
.size-toggle{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;cursor:pointer;background:#f1e9f8;border-radius:10px;margin-bottom:16px}
.screen-viewer input{width:20px;height:20px;vertical-align:middle;margin-right:8px;accent-color:#8056aa}
.screen-scroll{overflow:auto;max-width:100%;max-height:80vh;border:1px solid #ddcfe9;border-radius:12px;background:white;overscroll-behavior:contain}
.screen-viewer .guide-screen{margin:0;width:100%;max-width:1739px}
.screen-viewer .guide-image-link{cursor:default}
.screen-viewer .guide-screen img{display:block;box-sizing:border-box;border:0;border-radius:0}
#original-size:checked~.screen-scroll .guide-screen{width:1739px;max-width:none}
.screen-console .guide-screen{max-width:1113px}
.screen-console #original-size:checked~.screen-scroll .guide-screen{width:1113px;max-width:none}
.console-legend{background:#f5eef9;border-radius:12px;padding:1rem;box-sizing:border-box;overflow-wrap:anywhere}
.console-legend code{font-size:.95em}
.screen-viewer .screen-mark{border-width:2px}
#original-size:checked~.screen-scroll .screen-mark>span{width:24px;height:24px;font-size:16px;transform:translate(-35%,-45%)}
.screen-legend{padding-left:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2rem}.screen-legend li{padding:.2rem}
.screen-viewer :focus-visible{outline:3px solid #9d75bc;outline-offset:4px}
@media(max-width:640px){.screen-viewer{padding:0 16px 28px;font-size:16px}.screen-legend{grid-template-columns:1fr}.screen-viewer .screen-mark{border-width:1px}#original-size:checked~.screen-scroll .screen-mark{border-width:2px}}