:root{color-scheme:dark;font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR","Noto Sans JP",sans-serif;background:#0b1120;color:#e2ede5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#1a324533,transparent 50%);font-size:16px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}a{color:#c9dfb6;text-underline-offset:4px}a:hover{color:#f4f6e8}a:focus-visible,summary:focus-visible{outline:2px solid #d6e7bb;outline-offset:5px}header,main,footer{width:min(100% - 40px,860px);margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px}.brand{color:#eef0dc;font:27px/1 Georgia,serif;text-decoration:none;letter-spacing:-.8px;white-space:nowrap;flex-shrink:0}.start{display:inline-block;padding:10px 20px;border:1px solid #b8d5b94d;border-radius:99px;background:#c4dfae0d;color:#e7f0d8;text-decoration:none;font-size:14px}.eyebrow{margin:30px 0 15px;font-size:11px;letter-spacing:2px;color:#a4b9c4}h1{margin:0 0 25px;font-size:clamp(30px,5vw,48px);line-height:1.5;letter-spacing:-1.5px;font-weight:500;text-wrap:balance}h1 span{display:block}h2{font-size:25px;line-height:1.5;font-weight:500;letter-spacing:-.7px;margin:0 0 20px}h3{font-size:18px;font-weight:500;margin:0 0 8px}.lead{font-size:18px;line-height:1.95;color:#c6d8d9;max-width:750px}nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0 35px;font-size:14px}figure{margin:0 0 50px}figure img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid #bfd6c31a}figcaption{font-size:12px;line-height:1.7;color:#8ea5b3;margin-top:10px}section{padding:40px 0;border-top:1px solid #bdd1cc24;scroll-margin-top:25px}section p{color:#c3d4d5;margin:12px 0 22px}.features{display:grid;grid-template-columns:1fr 1fr;gap:32px}.features article p{margin:0;color:#b7cccf}.steps{padding-left:24px;color:#c3d4d5}.steps li{padding:7px 0 7px 6px}.steps strong{color:#e4eddf}kbd{font:12px/1.4 ui-monospace,monospace;padding:3px 6px;border:1px solid #b9cdb54d;border-radius:4px;white-space:nowrap}details{padding:18px 0;border-top:1px solid #c0d3cb1f}summary{cursor:pointer;font-size:17px;color:#e2ecdd}details p{margin:15px 0 5px;padding-right:15px}aside{padding:22px 25px;border-radius:16px;background:#b5d8bd09;border:1px solid #b5d8bd20;margin-top:25px}aside p{margin:0;color:#c7d8d2}.bottom-start{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.small{font-size:13px;color:#96adb7}footer{padding:25px 0 45px;font-size:13px;color:#9bb0b8;border-top:1px solid #bdd1cc24}footer p{margin:8px 0}footer nav{margin:16px 0;font-size:13px}@media(max-width:560px){header,main,footer{width:calc(100% - 36px)}header{padding-block:24px;gap:12px}.brand{font-size:25px}.start{font-size:12px;padding:9px 12px}.features{grid-template-columns:1fr;gap:26px}.lead{font-size:16px}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{letter-spacing:-1px}h2{font-size:23px}section{padding-block:30px}figure{margin-bottom:35px}figure img{border-radius:14px}summary{font-size:16px}}
.language-nav{margin:0 0 24px;gap:10px 20px}.language-nav [aria-current="page"]{color:#eef0dc;text-decoration:none}.facts-links{display:flex;gap:12px 24px;flex-wrap:wrap}html[lang="ja"] body{word-break:normal;line-break:strict}html[lang="en"] body{word-break:normal}html[lang="en"] h1{letter-spacing:-.8px}