/* Docs page: the site's background and fonts, an index on the left and the content on the right,
   both on paper panels so the text stays easy to read over the illustrated background. */
.docs-page{--docs-text:#15345f;--docs-muted:#5d6b7c;--docs-line:#e3ded1;--docs-soft:#fbf7ec;--docs-paper:#fffdf6}
.docs-shell{width:min(1120px,calc(100% - 64px));margin-inline:auto;padding-bottom:96px;color:var(--docs-text)}
.docs-title{display:inline-block;margin:48px 0 28px;padding:12px 24px;background:var(--docs-paper);border:1px solid rgb(21 52 95 / 40%);border-radius:14px;font:800 34px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:-.01em}

.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.docs-index{position:sticky;top:calc(var(--nav-height,78px) + 24px);background:var(--docs-paper);border:1px solid #a8b1ba;border-radius:16px;padding:12px}
.docs-index summary{display:none}
.docs-index nav{display:flex;flex-direction:column;gap:2px}
.docs-index nav a{display:block;padding:8px 12px;border-radius:9px;color:var(--docs-muted);font-size:14px;font-weight:600;text-decoration:none}
.docs-index nav a:hover{color:var(--docs-text);background:#15345f0a}
.docs-index nav a[aria-current="true"]{color:var(--docs-text);background:#fff1b8;font-weight:800}

.docs-content{min-width:0;background:var(--docs-paper);border:1px solid #a8b1ba;border-radius:20px;padding:40px 48px;box-shadow:0 5px 0 #15345f0c}
.docs-content section+section{margin-top:48px;padding-top:40px;border-top:1px solid var(--docs-line)}
.docs-content h2{font:800 24px/1.3 "DM Sans",Arial,sans-serif;letter-spacing:-.01em;margin:0 0 14px}
.docs-content h3{font-size:15px;font-weight:700;margin:0 0 8px}
.docs-content p{font-size:16px;line-height:1.7;color:var(--docs-muted);max-width:660px;margin:0 0 14px}
.docs-content a{color:var(--docs-text);font-weight:700;text-underline-offset:3px}

.docs-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.docs-tiles>div{border:1px solid var(--docs-line);border-radius:12px;padding:14px 16px;background:var(--docs-soft)}
.docs-tiles dt{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--docs-muted)}
.docs-tiles dd{margin:4px 0 0;font-size:20px;font-weight:800}
.docs-tiles dd.docs-tile-note{font-size:13px;font-weight:500;color:var(--docs-muted);margin-top:2px}

.docs-steps{list-style:none;counter-reset:step;padding:0;margin:0;border-top:1px solid var(--docs-line)}
.docs-steps li{counter-increment:step;display:grid;grid-template-columns:36px 80px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--docs-line)}
.docs-steps li::before{content:counter(step,decimal-leading-zero);font-size:13px;font-weight:800;color:var(--docs-muted)}
.docs-steps strong{font-weight:800}
.docs-steps span{color:var(--docs-muted)}

.docs-split{margin:22px 0;border:1px solid var(--docs-line);border-radius:14px;padding:18px 20px;background:var(--docs-soft)}
.docs-split figcaption{display:flex;justify-content:space-between;gap:16px;font-weight:800}
.docs-split figcaption span{font-size:13px;font-weight:600;color:var(--docs-muted)}
.docs-bar{display:flex;gap:3px;height:8px;margin:14px 0 16px}
.docs-bar i{border-radius:3px;background:var(--part)}
.docs-split dl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:18px;margin:0}
.docs-split dl>div{border-top:3px solid var(--part);padding-top:10px}
.docs-split dt{font-weight:700}
.docs-split dt b{display:block;font-size:22px;font-weight:800;margin-bottom:2px}
.docs-split dd{margin:4px 0 0;font-size:14px;color:var(--docs-muted)}
.is-reserve,.is-liquidity{--part:#f2c200}
.is-team,.is-holders{--part:#2a75bb}
.is-burn{--part:#ef6aa4}

.docs-links{list-style:none;padding:0;margin:0;border-top:1px solid var(--docs-line)}
.docs-links li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--docs-line)}
.docs-links span{color:var(--docs-muted);font-size:14px;text-align:right}

.docs-address-item{margin-top:26px}
.docs-address-box{display:flex;align-items:center;gap:10px;border:1px solid var(--docs-line);border-radius:10px;background:var(--docs-soft);padding:12px 14px}
.docs-address{flex:1;min-width:0;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;user-select:all}
.docs-address.is-pending{color:var(--docs-muted);font-family:"DM Sans",Arial,sans-serif;user-select:auto}
.docs-copy{flex:none;border:1px solid var(--docs-text);background:var(--yellow,#ffcb05);color:var(--docs-text);border-radius:8px;padding:6px 12px;font:800 13px/1 "DM Sans",Arial,sans-serif;cursor:pointer;min-height:34px}
.docs-content .docs-address-item>p{font-size:14px;margin:8px 0 0}

/* On touch devices the page scrolls inside .page-scroll, which already starts below the header. */
@media(hover:none) and (pointer:coarse){.docs-index{top:24px}}
@media(max-width:860px){
  .docs-shell{width:calc(100% - 36px)}
  .docs-title{margin:28px 0 18px;font-size:28px}
  .docs-layout{grid-template-columns:minmax(0,1fr);gap:16px}
  .docs-index{position:static;padding:0}
  .docs-index summary{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-weight:800;cursor:pointer;list-style:none}
  .docs-index summary::-webkit-details-marker{display:none}
  .docs-index summary::after{content:"+";font-size:22px;font-weight:400;line-height:1}
  .docs-index[open] summary::after{content:"−"}
  .docs-index nav{padding:0 8px 10px}
  .docs-content{padding:26px 20px;border-radius:18px}
  .docs-content section+section{margin-top:36px;padding-top:30px}
  .docs-tiles,.docs-split dl{grid-template-columns:minmax(0,1fr)}
  .docs-split dl{grid-auto-flow:row}
  .docs-steps li{grid-template-columns:32px minmax(0,1fr);row-gap:2px}
  .docs-steps li::before{grid-row:span 2}
  .docs-links li{flex-direction:column;gap:2px}
  .docs-links span{text-align:left}
}