:root{
  --docs-bg1:#eed8e7;
  --docs-bg2:#f4e7ef;
  --docs-bg3:#ece9e4;
  --docs-paper:rgba(255,250,252,.84);
  --docs-line:rgba(15,24,48,.10);
  --docs-ink:#0f1830;
  --docs-muted:#596378;
}

html{background:var(--docs-bg1)!important}
body{
  background:
    radial-gradient(circle at 14% 8%, rgba(255,255,255,.45), transparent 28%),
    linear-gradient(180deg,var(--docs-bg1) 0%, var(--docs-bg2) 16%, var(--docs-bg3) 100%) !important;
  color:var(--docs-ink)!important;
  letter-spacing:-.02em!important;
  overflow-x:hidden!important;
  font-size:90%!important;
}

body.docs-enhanced *{box-sizing:border-box}

body.docs-enhanced header,
body.docs-enhanced .top,
body.docs-enhanced .header,
body.docs-enhanced .topbar,
body.docs-enhanced .doc-header{
  background:rgba(244,232,239,.82)!important;
  backdrop-filter:blur(16px)!important;
  border-bottom:1px solid rgba(255,255,255,.40)!important;
}

body.docs-enhanced main,
body.docs-enhanced .shell,
body.docs-enhanced .wrap,
body.docs-enhanced .container,
body.docs-enhanced .page{
  width:min(980px,calc(100% - 22px))!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.docs-enhanced h1{
  font-size:clamp(27px,7.2vw,63px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  margin:0 0 13px!important;
}

body.docs-enhanced h2{
  font-size:clamp(22px,5.4vw,38px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
}

body.docs-enhanced h3{
  font-size:clamp(18px,4.5vw,27px)!important;
  line-height:1.1!important;
}

body.docs-enhanced p,
body.docs-enhanced li{
  color:rgba(15,24,48,.72)!important;
  font-size:clamp(13.5px,3.42vw,18px)!important;
  line-height:1.72!important;
}

body.docs-enhanced article,
body.docs-enhanced .card,
body.docs-enhanced .panel,
body.docs-enhanced .box,
body.docs-enhanced .block,
body.docs-enhanced .section-card{
  background:var(--docs-paper)!important;
  border:1px solid var(--docs-line)!important;
  border-radius:23px!important;
  box-shadow:0 10px 24px rgba(38,28,55,.05)!important;
}

/* exit: 원형/박스 폐기, 단순 검회색 문자 버튼 */
body.docs-enhanced .docs-exit{
  all:unset!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:rgba(15,24,48,.56)!important;
  font-size:12px!important;
  font-weight:820!important;
  letter-spacing:.03em!important;
  cursor:pointer!important;
  padding:6px 4px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  min-width:auto!important;
  width:auto!important;
  height:auto!important;
}

body.docs-enhanced .docs-exit:hover{
  color:rgba(15,24,48,.90)!important;
}

body.docs-enhanced .docs-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(15,24,48,.08)!important;
  background:rgba(255,255,255,.64)!important;
  color:rgba(15,24,48,.72)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

body.docs-enhanced .docs-kicker::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:#1b9749;
  display:inline-block;
}

body.docs-enhanced .docs-compact{
  padding:15px 17px!important;
  margin-bottom:11px!important;
}

body.docs-enhanced .docs-hero{
  padding-top:13px!important;
  padding-bottom:9px!important;
  margin-bottom:8px!important;
}

@media (max-width:760px){
  body.docs-enhanced header,
  body.docs-enhanced .top,
  body.docs-enhanced .header,
  body.docs-enhanced .topbar,
  body.docs-enhanced .doc-header{
    position:sticky!important;
    top:0!important;
    z-index:40!important;
  }

  body.docs-enhanced main,
  body.docs-enhanced .shell,
  body.docs-enhanced .wrap,
  body.docs-enhanced .container,
  body.docs-enhanced .page{
    width:min(100% - 18px,980px)!important;
  }

  body.docs-enhanced h1{font-size:clamp(25px,8.1vw,41px)!important}
  body.docs-enhanced h2{font-size:clamp(20px,6.3vw,31px)!important}
  body.docs-enhanced p,
  body.docs-enhanced li{font-size:14.4px!important;line-height:1.7!important}

  body.docs-enhanced article,
  body.docs-enhanced .card,
  body.docs-enhanced .panel,
  body.docs-enhanced .box,
  body.docs-enhanced .block,
  body.docs-enhanced .section-card{
    border-radius:21px!important;
  }

  body.docs-enhanced .docs-compact{
    padding:13px 14px!important;
    margin-bottom:10px!important;
  }
}