/* Шапка страницы документации: поле для токена документации над штатным Swagger.
   Своя, а не из дизайн-системы витрины: Swagger приносит собственные стили, и смешивать две
   системы на одной странице — верный способ получить разъезжающуюся вёрстку. */
:root{--dh-ink:#0a1633;--dh-muted:#5a6983;--dh-line:#dde6f3;--dh-blue:#1262ed}
body{margin:0;background:#fafbfd}
.dh{
  background:#fff;border-bottom:1px solid var(--dh-line);
  padding:18px clamp(16px,3vw,40px);
  display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:10px 32px;align-items:center;
  font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif;color:var(--dh-ink);
}
.dh-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.03em;
  text-decoration:none;color:inherit}
.dh-brand img{width:24px;height:30px}
.dh-brand small{display:block;font-size:13px;font-weight:500;letter-spacing:0;color:var(--dh-muted);margin-top:2px}
.dh-key{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-self:end}
.dh-key label{font-size:13px;font-weight:650;color:var(--dh-muted)}
.dh-key input{
  width:min(360px,52vw);font:inherit;font-size:14px;padding:9px 12px;
  border:1px solid var(--dh-line);border-radius:10px;outline:none;background:#fff;color:var(--dh-ink);
}
.dh-key input:focus{border-color:#8fb6f5;box-shadow:0 0 0 3px rgba(18,98,237,.14)}
.dh-btn{
  font:inherit;font-size:14px;font-weight:650;padding:9px 18px;border-radius:10px;cursor:pointer;
  border:1px solid transparent;background:linear-gradient(90deg,#0a1c4d,#0d2f7d);color:#fff;
}
.dh-btn--ghost{background:#fff;border-color:var(--dh-line);color:var(--dh-ink)}
.dh-state{grid-column:1/-1;margin:0;font-size:13px;line-height:1.5;color:var(--dh-muted)}
/* Свой заголовок уже есть — штатный у Swagger лишний. */
.swagger-ui .topbar{display:none}
/* Страница только для чтения: ключ сюда не вводится, значит и окно «Authorize» не нужно. */
.swagger-ui .auth-wrapper,.swagger-ui .authorization__btn{display:none}
.swagger-ui .info{margin:24px 0}
@media(max-width:860px){
  .dh{grid-template-columns:1fr}
  .dh-key{justify-self:start}
  .dh-key input{width:min(100%,420px)}
}