*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafbfc;color:#172437;font:17px/1.85 system-ui,"Malgun Gothic",sans-serif;word-break:keep-all}a{color:#a34d2b;text-underline-offset:4px}main{max-width:1120px;margin:auto;padding:32px 28px 80px}h1{font-size:clamp(36px,5vw,58px);line-height:1.25;letter-spacing:-2px;margin:16px 0 24px}h2{font-size:30px;line-height:1.4;margin:8px 0 20px}h3{font-size:20px}.lead{max-width:740px;color:#526074;font-size:20px}.tag,.number{color:#a34d2b;font-weight:750}.note{padding:20px 24px;background:#edf1f5;border-radius:10px}.steps{display:flex;gap:12px;flex-wrap:wrap;padding:24px 0}.steps a,.button{border:1px solid #cdd6df;border-radius:6px;padding:10px 16px;text-decoration:none;background:white}.step-guide{scroll-margin-top:20px;padding:52px 0;border-bottom:1px solid #dce2e8}.step-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start}.step-grid>div{min-width:0}li{margin:10px 0}figure{margin:0;background:white;border:1px solid #dce2e8;border-radius:12px;overflow:hidden}figcaption{padding:16px 20px;font-size:15px;color:#526074}.capture{display:block;position:relative;overflow:hidden;aspect-ratio:530/584;background:#f8fafc}.capture img{display:block;width:150.944%;max-width:none;height:auto}.capture.menu{aspect-ratio:720/150}.capture.menu img{width:152.778%}.capture:hover{outline:3px solid #d45e35;outline-offset:-3px}.hint{border-left:3px solid #d45e35;padding-left:18px}pre{white-space:pre-wrap;font:17px/1.9 "Malgun Gothic",sans-serif;background:white;border:1px solid #cdd6df;padding:24px;border-radius:8px}code{background:#edf1f5;padding:2px 5px}details{border-bottom:1px solid #dce2e8;padding:20px 0}summary{cursor:pointer;font-weight:700}footer{max-width:1120px;margin:auto;padding:30px;display:flex;flex-wrap:wrap;gap:22px;font-size:14px}dialog{max-width:95vw;max-height:95vh;border:0;border-radius:12px;padding:18px}dialog::backdrop{background:#101a2dcc}dialog button{display:block;margin:0 0 12px auto;padding:10px 20px;font:inherit;cursor:pointer}dialog .capture{width:min(720px,80vw)}dialog .menu{width:min(1050px,85vw)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d45e35;outline-offset:4px}@media(max-width:760px){main{padding:20px 22px 50px}.step-grid{grid-template-columns:1fr;gap:24px}h2{font-size:26px}.step-guide{padding:36px 0}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}