@import url('./fonts/noto-serif-kr.css');
@import url('./fonts/noto-sans-kr.css');
:root{font-family:'Noto Sans KR',Arial,sans-serif;color:#242424;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:white;border:1px solid #e4e4e4;padding:10px 14px}a:focus-visible,button:focus-visible{outline:2px solid #333;outline-offset:4px}button:hover{background:#f5f5f5}button:disabled{opacity:.3;cursor:default}header{min-height:88px;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e7e7e7}.brand{font:600 23px/1.2 'Noto Serif KR',Georgia,serif;letter-spacing:-1px;white-space:nowrap}.brand small{display:block;font:9px/1.5 'Noto Sans KR',Arial,sans-serif;letter-spacing:1.8px;margin-top:7px;color:#777}nav{display:flex;gap:25px;align-items:center;font-size:11px}nav [aria-current]{text-decoration:underline;text-underline-offset:6px}.download{padding:12px 16px;border:1px solid #ddd}main{max-width:1340px;margin:auto;padding:0 48px 85px}.intro{text-align:center;padding:68px 0 58px}.intro>span{font-size:9px;letter-spacing:2px;color:#777}h1{font:400 40px/1.6 'Noto Serif KR',Georgia,serif;letter-spacing:-1px;margin:15px 0 8px}.intro p{font-size:12px;color:#777}.sheets{display:grid;grid-template-columns:1fr 1fr;gap:36px}figure{margin:0;min-width:0}.sheet{padding:0;display:block;width:100%;border:1px solid #eee;background:#fff;cursor:zoom-in}.sheet img{width:100%;height:auto;display:block}figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:10px;letter-spacing:1px;color:#555}figcaption span:last-child{letter-spacing:0;color:#777}footer{padding:28px 40px;border-top:1px solid #e7e7e7;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.4px;color:#777}dialog{width:calc(100vw - 40px);height:calc(100dvh - 40px);max-width:1600px;max-height:none;padding:0;border:0;overflow:hidden;background:#f3f3f3}dialog::backdrop{background:#0009}.viewer-bar,.zoom-bar{background:white;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:12px}.viewer-bar{height:65px;border-bottom:1px solid #eee}.viewer-bar strong{font-size:11px;letter-spacing:1.5px;font-weight:500}.pages{display:flex;align-items:center;gap:12px;font-size:11px}.zoom-bar{height:52px;justify-content:center;padding:6px;font-size:11px}.zoom-bar button{padding:5px 13px;min-height:36px}#scale{min-width:45px;text-align:center}#stage{height:calc(100% - 117px);overflow:auto;padding:16px;overscroll-behavior:contain}#large{display:block;height:auto;max-width:none;margin:0 auto;background:white}body:has(dialog[open]){overflow:hidden}@media(max-width:650px){header{padding:20px;gap:20px;flex-wrap:wrap}.brand{font-size:21px}nav{width:100%;justify-content:space-between;gap:12px}main{padding:0 20px 50px}.intro{padding:40px 0 34px}h1{font-size:32px}.sheets{grid-template-columns:1fr;gap:36px}footer{padding:24px 20px;font-size:8px}dialog{width:100vw;height:100dvh;margin:0}.viewer-bar{padding:10px;font-size:10px;gap:8px}.viewer-bar strong{font-size:10px}.pages{gap:8px}.viewer-bar button{padding:8px 10px;min-height:40px}#stage{padding:10px}}