@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600&display=swap");
body{margin:0;background:#e6f2fa;color:#202124;font:16px/1.8 "Noto Serif KR",Batang,serif}main{max-width:1000px;margin:5vh auto;padding:24px}a{color:inherit}h1{font-weight:normal;font-size:clamp(32px,7vw,64px);letter-spacing:-.04em}h2{font-weight:normal}.small,nav,button,input{font:14px/1.7 system-ui,sans-serif}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}.sheet{background:#fffef8;border:1px solid #b8b2a4;padding:24px;box-shadow:5px 6px 0 #b8cbd5}button{background:#fff1a8;border:1px solid #817967;padding:9px 13px;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #344eb7;outline-offset:3px}img{max-width:100%}p{white-space:pre-wrap;overflow-wrap:anywhere}input{padding:10px;width:100%;box-sizing:border-box}details{border-bottom:1px dashed #b8b2a4;padding:16px 0}summary{cursor:pointer}summary h2{display:inline;font-size:20px}summary small{display:block;margin:5px 0;color:#555}.stamp{font:12px monospace;border:1px dashed #a39969;display:inline-block;padding:4px 8px}.frame{min-height:180px;display:grid;place-items:center;border:1px dashed #b8b2a4;background:repeating-linear-gradient(135deg,#fffef8,#fffef8 9px,#f3f0e6 10px)}
#board details > p{line-height:2;font-weight:400;letter-spacing:-.015em;max-width:44em;margin:24px 0;}

#board .memory-line{font-size:13px;color:#797266;margin:18px 0 24px;letter-spacing:.02em}
