/* ---------- nav with more links ---------- */
@media (max-width:1320px) and (min-width:901px){ .sample{display:none} .links{gap:20px} }

/* ---------- paper trading ---------- */
.pp-top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:22px}
.pp-eq{padding:22px 22px 0;display:flex;flex-direction:column}
.pp-eq .pp-chart{flex:1;min-height:200px;display:flex;align-items:flex-end}.pp-eq .pp-chart svg{width:100%}
.pp-eqhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.pp-eqhead small{color:var(--ink2);font-size:13px;display:block}
.pp-eqhead b{display:block;font:700 clamp(34px,4.4vw,52px)/1.05 var(--display);letter-spacing:-.03em;margin:4px 0 6px}
#pp-pnl{font-size:14px;color:var(--ink2)}#pp-pnl span{font-weight:600}
.pp-ctl{display:flex;gap:10px}
.pp-chart{margin:16px -22px 0;height:200px}
.pp-chart svg{display:block;height:200px}
.pp-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);margin:0 -22px}
.pp-stats div{padding:14px 22px;border-left:1px solid var(--rule)}
.pp-stats div:first-child{border-left:0}
.pp-stats small{color:var(--ink2);font-size:12px;display:block}
.pp-stats b{font:700 18px var(--display)}
.pp-side{padding:20px}
.pp-side h3{margin:0 0 12px}
.pp-styles{display:grid;gap:8px}
.pp-styles button{text-align:left;border:1px solid var(--rule);background:var(--fog);border-radius:12px;padding:11px 13px;color:var(--ink);display:grid;gap:2px}
.pp-styles button b{font-size:14px}
.pp-styles button span{font-size:12.5px;color:var(--ink2)}
.pp-styles button[aria-checked="true"]{border-color:var(--cobalt);box-shadow:inset 0 0 0 1px var(--cobalt);background:color-mix(in srgb,var(--cobalt) 10%,var(--fog))}
.pp-rules{font-size:13px;color:var(--ink2);margin-top:14px}
.pp-rules p{margin:0 0 6px;color:var(--ink)}
.pp-rules ul{margin:0;padding-left:18px;display:grid;gap:5px}
.pp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.pp-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:16px 18px;border-bottom:1px solid var(--rule)}
.pp-h h3{margin:0}.pp-h small{color:var(--ink2);font-size:12px}
.pp-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--rule)}
.pp-row:last-child{border-bottom:0}
.pp-num{text-align:right}.pp-num b{display:block;font-weight:600}.pp-num small{font-size:12.5px;font-weight:600}
.pp-sell{border:1px solid var(--rule);background:transparent;color:var(--ink);border-radius:8px;padding:6px 12px;font-weight:600;font-size:13px}
.pp-sell:hover{border-color:var(--down);color:var(--down)}
#pp-log{max-height:460px;overflow:auto}
.pp-li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 18px;border-bottom:1px solid var(--rule);animation:rise .4s cubic-bezier(.2,.7,.2,1)}
.pp-li:last-child{border-bottom:0}
.pp-side.buy,.pp-side.sell{font-size:11.5px;font-weight:700;border-radius:6px;padding:3px 7px;height:fit-content}
.pp-side.buy{color:var(--up);background:color-mix(in srgb,var(--up) 14%,transparent)}
.pp-side.sell{color:var(--down);background:color-mix(in srgb,var(--down) 14%,transparent)}
.pp-lt{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:14px}
.pp-lt time{margin-left:auto;font-size:12px;color:var(--ink2)}
.pp-li p{margin:3px 0 0;font-size:13px;color:var(--ink2)}
.pp-empty{padding:26px 18px;color:var(--ink2);font-size:14px;text-align:center}
.pp-fine{margin-top:18px}
.up{color:var(--up)}.down{color:var(--down)}

/* paper panel on token page */
.pptrade{padding:0 0 16px;margin-top:16px}
.pptrade .pp-h{margin-bottom:12px}
.pptrade p,.pptrade .btn,.pptrade .pp-quick,.pptrade .pp-link{margin-left:18px;margin-right:18px}
.pptrade .btn{width:calc(100% - 36px)}
.pptrade p{margin-top:0;font-size:14px}
.pp-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pp-quick button{border:1px solid var(--rule);background:var(--fog);color:var(--ink);border-radius:10px;padding:10px 6px;font-weight:600;font-size:13px}
.pp-quick button:hover:not(:disabled){border-color:var(--up);color:var(--up)}
.pp-quick button:disabled{opacity:.45}
.pp-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--cobalt)}

/* toast */
.pptoast{position:fixed;left:20px;bottom:20px;z-index:45;display:flex;align-items:center;gap:10px;max-width:min(380px,calc(100vw - 40px));background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:10px 14px 10px 10px;font-size:13.5px;color:var(--ink);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.5);transform:translateY(16px);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .3s}
.pptoast.show{transform:none;opacity:1;pointer-events:auto}
.pptoast small{font-size:11px;font-weight:700;color:var(--cobalt);border:1px solid color-mix(in srgb,var(--cobalt) 40%,transparent);border-radius:6px;padding:1px 6px;margin-left:auto}

/* home band */
.ppband{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;margin:90px 0 0;padding:34px;border:1px solid var(--rule);border-radius:20px;
  background:radial-gradient(600px 260px at 100% 100%,color-mix(in srgb,var(--up) 14%,transparent),transparent 70%),var(--paper)}
.ppband h2{font-size:clamp(26px,3vw,36px);line-height:1.12;margin:0 0 12px;letter-spacing:-.02em}
.ppband p{color:var(--ink2);margin:0 0 20px;max-width:52ch}
.ppb-card{display:flex;gap:12px;align-items:flex-start;background:var(--fog);border:1px solid var(--rule);border-radius:14px;padding:16px}
.ppb-card small{color:var(--ink2);font-size:12px}
.ppb-card p{margin:4px 0 0;color:var(--ink);font-size:14px}

/* ---------- docs ---------- */
.docs{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;margin-top:28px}
.dtoc{position:sticky;top:90px;align-self:start;display:grid;gap:2px;border-left:1px solid var(--rule)}
.dtoc a{padding:6px 14px;color:var(--ink2);font-size:14px;margin-left:-1px;border-left:2px solid transparent}
.dtoc a:hover{color:var(--ink);border-color:var(--cobalt)}
.dbody{max-width:70ch}
.dbody section{padding:6px 0 30px;scroll-margin-top:90px}
.dbody h2{font-size:26px;margin:0 0 12px;letter-spacing:-.02em}
.dbody p,.dbody li{color:var(--ink2);font-size:15.5px;line-height:1.65}
.dbody b{color:var(--ink)}
.dbody ul,.dbody ol{padding-left:20px;display:grid;gap:6px}
.dsteps li::marker{color:var(--cobalt);font-weight:700}
.dtable{border:1px solid var(--rule);border-radius:12px;overflow:hidden;margin:14px 0;background:var(--paper)}
.dtable div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:12px 16px;border-top:1px solid var(--rule)}
.dtable div:first-child{border-top:0}
.dtable .pts{font-weight:700;color:var(--cobalt);text-align:right;font-size:14px}
.dtable small{grid-column:1/-1;color:var(--ink2);font-size:13px}
.dlevels{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;margin:6px 0 10px}

/* ---------- roadmap ---------- */
.road{list-style:none;padding:0;margin:30px 0 0;position:relative;display:grid;gap:18px}
.road:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--cobalt),var(--rule) 30%)}
.rp{display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;align-items:start}
.rdot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:2px solid var(--rule);font:700 14px var(--display);position:relative;z-index:1;color:var(--ink2)}
.rp.live .rdot{background:var(--cobalt);border-color:var(--cobalt);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--cobalt) 20%,transparent)}
.rp.next .rdot{border-color:var(--cobalt);color:var(--cobalt)}
.rcard{padding:20px 22px}
.rhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.rcard h2{font-size:22px;margin:0}
.rcard p{color:var(--ink2);margin:6px 0 10px}
.rcard ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14.5px}
.rchip{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;border:1px solid var(--rule);color:var(--ink2)}
.rchip.live{color:var(--up);border-color:color-mix(in srgb,var(--up) 50%,transparent);background:color-mix(in srgb,var(--up) 12%,transparent)}
.rchip.next{color:var(--cobalt);border-color:color-mix(in srgb,var(--cobalt) 50%,transparent)}

@media (max-width:900px){
  .pp-top,.pp-grid{grid-template-columns:1fr}
  .docs{grid-template-columns:1fr;gap:10px}
  .dtoc{position:static;display:flex;overflow-x:auto;border-left:0;border-bottom:1px solid var(--rule);gap:0;scrollbar-width:none}
  .dtoc a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;margin:0 0 -1px}
  .ppband{grid-template-columns:1fr;padding:24px;gap:20px;margin-top:60px}
}
@media (max-width:600px){
  .pp-eq{padding:18px 16px 0}
  .pp-chart,.pp-stats{margin-left:-16px;margin-right:-16px}
  .pp-stats{grid-template-columns:repeat(2,1fr)}
  .pp-stats div{padding:12px 16px}
  .pp-stats div:nth-child(3){border-left:0}
  .pp-stats div:nth-child(n+3){border-top:1px solid var(--rule)}
  .pp-ctl{width:100%}.pp-ctl .btn{flex:1;justify-content:center}
  .pptoast{left:12px;right:12px;top:76px;bottom:auto;max-width:none;transform:translateY(-12px)}
  .rp{grid-template-columns:32px minmax(0,1fr);gap:12px}
  .rdot{width:32px;height:32px;font-size:13px}
  .road:before{left:15px}
  .rcard{padding:16px}
}