:root{
  --ink:#090a08; --panel:#131511; --raised:#1c1e18; --line:#2b2e26;
  --lime:#d6ff14; --text:#f2f4ee; --muted:#a3a89a; --faint:#7c8175;
}
@media (prefers-color-scheme: light){
  :root{
    --ink:#fbfcf8; --panel:#ffffff; --raised:#f2f4ea; --line:#e0e3d6;
    --lime:#5b7a00; --text:#14170f; --muted:#565c4c; --faint:#7c8175;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--ink); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Apple SD Gothic Neo","Noto Sans KR",Segoe UI,Roboto,sans-serif;
  font-size:16px; line-height:1.75; letter-spacing:-0.01em;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:740px; margin:0 auto; padding:0 20px 96px}
header.top{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:22px 0 0;
}
.brand{display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:-0.02em}
.dot{width:12px; height:12px; border-radius:4px; background:var(--lime); display:inline-block}
.lang{
  font-size:13px; color:var(--muted); text-decoration:none;
  border:1px solid var(--line); border-radius:999px; padding:6px 12px;
}
.lang:hover{color:var(--text); border-color:var(--lime)}
h1{
  font-size:clamp(28px,6vw,40px); line-height:1.25; letter-spacing:-0.035em;
  margin:40px 0 12px; font-weight:800;
}
.meta{color:var(--faint); font-size:14px; margin:0 0 32px}
.summary{
  background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--lime);
  border-radius:14px; padding:20px 22px; margin:0 0 44px;
}
.summary p{margin:0 0 10px; font-weight:600; font-size:15px}
.summary ul{margin:0; padding-left:20px; color:var(--muted); font-size:15px}
.summary li{margin:6px 0}
h2{
  font-size:19px; letter-spacing:-0.025em; margin:44px 0 12px; font-weight:700;
  padding-top:20px; border-top:1px solid var(--line);
}
h3{font-size:16px; margin:26px 0 8px; font-weight:700}
p{margin:0 0 14px; color:var(--muted)}
p.lead{color:var(--text)}
ul,ol{margin:0 0 16px; padding-left:22px; color:var(--muted)}
li{margin:5px 0}
strong{color:var(--text); font-weight:600}
code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:0.9em;
  background:var(--raised); border-radius:5px; padding:2px 6px; color:var(--text);
}
a{color:var(--lime); text-decoration:none; border-bottom:1px solid transparent}
a:hover{border-bottom-color:currentColor}
.tablebox{overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 18px}
table{border-collapse:collapse; width:100%; min-width:520px; font-size:14.5px}
th,td{text-align:left; padding:12px 14px; border-bottom:1px solid var(--line); vertical-align:top}
th{color:var(--text); font-weight:700; background:var(--raised); white-space:nowrap}
td{color:var(--muted)}
.note{
  background:var(--raised); border:1px solid var(--line); border-radius:12px;
  padding:16px 18px; margin:0 0 18px; font-size:15px; color:var(--muted);
}
.note strong{display:block; margin-bottom:6px; color:var(--text)}
.contact{
  background:var(--panel); border:1px solid var(--line); border-radius:14px;
  padding:20px 22px; margin:24px 0 0;
}
footer{margin-top:56px; padding-top:20px; border-top:1px solid var(--line); color:var(--faint); font-size:13px}
footer a{color:var(--faint)}