:root{color-scheme:dark;--bg:#101112;--panel:#191c1e;--line:#303639;--ink:#f4f7fc;--muted:#adb6bb;--mint:#78dfc3}*{box-sizing:border-box}html{scroll-padding-top:110px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 "Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.skip{position:absolute;left:-9999px;top:10px;z-index:9;padding:10px;background:var(--ink);color:var(--bg)}.skip:focus{left:16px}.top{position:sticky;top:0;background:#101112f5;z-index:5;border-bottom:1px solid var(--line)}.top-inner{max-width:1320px;margin:auto;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-weight:800;letter-spacing:.12em;font-size:18px}.top nav{display:flex;gap:25px;font-size:14px}.layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:68px;padding:50px 40px 80px}.sidebar{align-self:start;position:sticky;top:116px}.sidebar p{font:12px/1.5 monospace;color:var(--muted);letter-spacing:.12em;margin:0 12px 18px}.sidebar a{display:block;color:var(--muted);font-size:15px;padding:11px 12px;border-radius:5px;margin:4px 0}.sidebar a[aria-current=page]{background:#232c29;color:var(--mint)}.sidebar a:hover{background:#1d2222;color:var(--ink)}.mobile-nav{display:none}.article{min-width:0;max-width:810px}.crumb{font-size:13px;color:var(--muted);margin:0 0 28px}.crumb span{padding:0 10px;color:#677177}.kicker{font-size:12px;letter-spacing:.13em;color:var(--mint);margin:0 0 14px}h1{font-size:clamp(32px,4vw,48px);line-height:1.3;letter-spacing:-.055em;margin:0 0 20px}h2{font-size:26px;line-height:1.4;letter-spacing:-.035em;margin:0 0 18px}h3{font-size:19px;margin:24px 0 8px}p{margin:0 0 18px;text-wrap:pretty;color:var(--muted)}.lead{font-size:19px;max-width:740px;line-height:1.75}.toc{display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin:34px 0 0;font-size:14px;color:var(--muted)}.toc a{padding:5px 0}.article section{padding:42px 0;border-bottom:1px solid var(--line)}.article section:last-of-type{border-bottom:0}.article a.inline{color:var(--ink);text-decoration:underline;text-decoration-color:#61766d;text-underline-offset:4px}ul,ol{padding-left:24px;color:var(--muted);margin:15px 0 22px}li{padding:3px 0}strong{color:var(--ink);font-weight:600}code{font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:#daebe4;background:#1b2421;border-radius:3px;padding:2px 5px}.codebox{background:#191e1d;border:1px solid #36443e;border-radius:7px;overflow:hidden;margin:22px 0}.code-head{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid #303d36;color:var(--muted);font-size:12px}.code-head button{color:var(--mint);background:transparent;border:1px solid #405148;border-radius:4px;padding:8px 14px;min-height:40px;font:inherit;cursor:pointer}pre{margin:0;padding:18px;overflow:auto;line-height:1.85}pre code{background:transparent;padding:0;font-size:14px;overflow-wrap:normal;color:#d8e8e0}.notice{padding:22px;background:#1b2421;border:1px solid #35493f;border-radius:7px;margin:25px 0}.notice p{margin:6px 0 0;color:#c0cdc5}.notice strong{color:var(--mint)}.table-wrap{overflow-x:auto;margin:25px 0;border:1px solid var(--line);border-radius:6px}table{width:100%;border-collapse:collapse;text-align:left;min-width:480px;font-size:15px}th,td{padding:15px 18px;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#1a1e1f;color:var(--ink);font-weight:500}td{color:var(--muted)}tr:last-child td{border:0}.next{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.next a{font-size:15px}.next a:last-child{color:var(--mint)}footer{max-width:1320px;margin:auto;padding:25px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.guides-list{display:grid;gap:0}.guide-card{display:grid;grid-template-columns:45px 1fr 30px;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.guide-card h2{font-size:24px;margin:0 0 9px}.guide-card p{margin:0;font-size:16px}.guide-card .number{color:var(--mint);font-family:monospace;padding-top:5px}.guide-card .arrow{color:var(--mint);padding-top:5px}.guide-card:hover h2{color:var(--mint)}.copy-feedback{min-height:26px;font-size:13px;color:var(--mint);margin-top:8px}
@media(max-width:900px){.layout{grid-template-columns:175px minmax(0,1fr);gap:32px;padding:35px 24px 60px}.top-inner{padding:20px 24px}.sidebar a{font-size:14px}.lead{font-size:17px}}
@media(max-width:650px){html{scroll-padding-top:90px}.top-inner{padding:17px 20px;gap:12px}.brand{font-size:15px}.top nav{gap:16px;font-size:13px}.top nav a{padding:6px 0}.top nav .source{display:none}.layout{display:block;padding:25px 20px 45px}.sidebar{display:none}.mobile-nav{display:block;border:1px solid var(--line);border-radius:5px;padding:12px 15px;margin-bottom:30px}.mobile-nav summary{font-size:14px;cursor:pointer}.mobile-nav nav{display:flex;flex-direction:column;margin-top:12px;gap:4px}.mobile-nav a{font-size:15px;padding:8px 0;color:var(--muted)}.mobile-nav a[aria-current=page]{color:var(--mint)}.crumb{margin-bottom:24px}.article section{padding:32px 0}h2{font-size:23px}.lead{font-size:17px}.toc{gap:3px 20px;margin-top:25px;padding:15px 0}.toc a{padding:9px 0}footer{padding:22px 20px;flex-direction:column;gap:8px}.next{align-items:flex-start;font-size:14px}.notice{padding:18px}.guide-card{grid-template-columns:28px 1fr 18px;gap:12px}.guide-card h2{font-size:21px}.table-wrap{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}