/* Genyleap Docs experience system v1 — 2026-09-24 */
:root{
  --docs-action:#08130f;
  --docs-action-hover:#0d2118;
  --docs-action-line:#1d3d2f;
  --docs-action-text:#f4fff9;
  --docs-ease:cubic-bezier(.16,1,.3,1);
  --docs-card-shadow:0 10px 28px rgba(5,18,13,.05),0 1px 1px rgba(5,18,13,.025);
  --docs-card-shadow-hover:0 18px 46px rgba(5,18,13,.085);
}
body{
  font-size:15.5px;
  line-height:1.74;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.docs-hero h1,.docs-main h1{
  font-size:clamp(2.85rem,4.9vw,4.75rem)!important;
  line-height:.99!important;
  font-weight:650!important;
  letter-spacing:-.052em!important;
}
.docs-hero p,.docs-lede{font-size:16.5px!important;line-height:1.74!important}
.docs-section h2{
  font-size:clamp(1.9rem,3vw,2.45rem)!important;
  line-height:1.08!important;
  font-weight:650!important;
  letter-spacing:-.038em!important;
}
.docs-section h3{font-size:1.18rem!important;font-weight:650!important}
.docs-section p,.docs-section li{font-size:14.5px!important;line-height:1.76!important}
.docs-sidebar a{font-size:12.5px!important}
.docs-toc a{font-size:11.5px!important}
.docs-eyebrow{font-size:10.5px!important}
html[dir="rtl"] .docs-hero h1,
html[dir="rtl"] .docs-main h1{
  line-height:1.14!important;
  letter-spacing:0!important;
  font-weight:700!important;
}
html[dir="rtl"] .docs-section h2{line-height:1.18!important;letter-spacing:0!important}

.docs-btn.primary{
  min-height:44px!important;
  padding-inline:16px!important;
  border:1px solid var(--docs-action-line)!important;
  border-radius:16px!important;
  corner-shape:superellipse(2.15);
  background:linear-gradient(180deg,#0d1b15,var(--docs-action))!important;
  color:var(--docs-action-text)!important;
  box-shadow:0 8px 22px rgba(4,22,14,.13),inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform 260ms var(--docs-ease),background 220ms ease,border-color 220ms ease,box-shadow 260ms var(--docs-ease)!important;
}
.docs-btn.primary:hover{
  transform:translateY(-1px);
  border-color:#2d6049!important;
  background:linear-gradient(180deg,#13281e,var(--docs-action-hover))!important;
  box-shadow:0 12px 30px rgba(4,22,14,.17)!important;
}
.docs-btn.primary:active{transform:translateY(0) scale(.985)}
.docs-btn:focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 26%,transparent);
  outline-offset:3px;
}

.docs-card,.docs-step,.docs-callout,.docs-table{
  border-color:color-mix(in srgb,var(--ink) 10%,transparent)!important;
  box-shadow:var(--docs-card-shadow);
}
.docs-card{
  border-radius:26px!important;
  corner-shape:superellipse(2.15);
  transition:transform 360ms var(--docs-ease),border-color 240ms ease,box-shadow 360ms var(--docs-ease),background 240ms ease!important;
}
.docs-card:hover{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
  box-shadow:var(--docs-card-shadow-hover)!important;
}
.docs-card .icon{border-radius:12px!important}

/* Page entry motion for content, navigation rail and TOC. */
@keyframes docs-page-enter{
  from{opacity:0;transform:translate3d(0,16px,0)}
  to{opacity:1;transform:none}
}
.docs-main>*{
  animation:docs-page-enter 700ms var(--docs-ease) both;
  will-change:transform,opacity;
}
.docs-main>*:nth-child(1){animation-delay:30ms}
.docs-main>*:nth-child(2){animation-delay:78ms}
.docs-main>*:nth-child(3){animation-delay:118ms}
.docs-main>*:nth-child(4){animation-delay:152ms}
.docs-main>*:nth-child(n+5){animation-delay:180ms}
.docs-sidebar,.docs-toc{
  animation:docs-page-enter 620ms var(--docs-ease) 45ms both;
}
.docs-top-inner{
  animation:docs-page-enter 560ms var(--docs-ease) both;
}

/* Give controls the same quiet geometry as the main site. */
.docs-search-trigger,.docs-language{
  border-radius:12px!important;
  border-color:color-mix(in srgb,var(--ink) 10%,transparent)!important;
  background:color-mix(in srgb,var(--soft) 82%,var(--paper))!important;
}
.docs-search-trigger:hover,.docs-language:hover{
  border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
}
.docs-search>section{
  border-radius:22px!important;
  box-shadow:0 28px 80px rgba(7,16,12,.20)!important;
}

@media(max-width:760px){
  .docs-hero h1,.docs-main h1{
    font-size:clamp(2.55rem,11.5vw,3.85rem)!important;
    line-height:1.04!important;
  }
  html[dir="rtl"] .docs-hero h1,
  html[dir="rtl"] .docs-main h1{line-height:1.16!important}
  .docs-hero p,.docs-lede{font-size:15.5px!important}
  .docs-section p,.docs-section li{font-size:14px!important}
}

@media(prefers-reduced-motion:reduce){
  .docs-main>*,.docs-sidebar,.docs-toc,.docs-top-inner{animation:none!important;filter:none!important;transform:none!important}
  .docs-card,.docs-btn{transition:none!important}
}


/* Cross-browser interaction geometry alignment */
.docs-btn{
  border-radius:999px!important;
  corner-shape:round!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}
.docs-card,.docs-step,.docs-search>section{
  corner-shape:round!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}
.docs-card{border-radius:24px!important}


/* Primary docs actions use the same flat Cookie-style treatment. */
.docs-btn.primary{
  min-height:48px!important;
  padding-inline:18px!important;
  border:0!important;
  border-radius:999px!important;
  corner-shape:round!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  background:#111513!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .18s ease!important;
}
.docs-btn.primary:hover{
  border:0!important;
  background:#1a211e!important;
  box-shadow:none!important;
  transform:none!important;
}