body{margin:0;background:#faf9fc;color:#24202b;font:16px/1.65 system-ui,sans-serif}
header{background:#241633;color:white;padding:48px 24px}
header>div,main{max-width:1120px;margin:auto}
h1{font-size:44px;line-height:1.2;margin:12px 0}
h2{font-size:25px;line-height:1.3}
header p{color:#e2d8ec}
.eyebrow{font-size:12px;letter-spacing:.12em}
nav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
nav a{background:#fff;color:#48215f;padding:9px 16px;border-radius:7px;text-decoration:none}
main{padding:32px 24px}
a{color:#653181}
section{scroll-margin-top:24px;margin:36px 0;padding:24px;background:white;border:1px solid #ddd5e4;border-radius:12px}
p{max-width:90ch}
details{margin:14px 0;border:1px solid #e4dfea;border-radius:8px;padding:14px}
summary{cursor:pointer;font-weight:600}
#guides pre{overflow:auto;background:#f5f2f7;padding:18px;border-radius:6px;font-size:13px;line-height:1.6}
code{overflow-wrap:anywhere}
.environment{font-size:14px}
.contents{columns:2;padding-left:24px}
.contents li{margin-bottom:8px}
#reference{padding:20px 0}
#reference>h2,#reference>p{padding:0 24px}
.swagger-ui .wrapper{padding:0 20px}
.swagger-ui .info{margin:24px 0}
.swagger-ui .scheme-container,.swagger-ui .authorization__btn{display:none}
a:focus-visible,summary:focus-visible{outline:3px solid #ae79cb;outline-offset:4px}
@media(max-width:650px){h1{font-size:34px}
main{padding:16px}
.contents{columns:1}
section{padding:16px}
.swagger-ui .wrapper{padding:0 10px}
}
