/* 탄퀀트 아카데미 전자책 2권 「해외거래소 입문」(/academy-ebook-2 · 2026-10-15) — 1권 academy-ebook.css 위에 얹는 것만:
   캡처 그림(빨간 네모는 그림 안에 그려져 있다) + 번호 설명 · 로고 줄 · 1 USDT = 1 USD 식 · 그림(SVG) 추가 class. 색은 전부 토큰. */
.eb-shot img{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;border-radius:14px;border:1px solid var(--eb-line)}
.eb-shot img[width="1200"],.eb-shot img[width="1017"]{max-width:100%}
.eb-steps{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none;counter-reset:ebs}
.eb-steps li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:var(--eb-sub)}
.eb-steps li b{flex:none;display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:var(--eb-dn);color:var(--tq-eb-white);font-size:12.5px;font-weight:800;letter-spacing:-.01em}
.eb-steps li b::before{counter-increment:ebs;content:counter(ebs) " ";margin-right:5px;font-weight:900}
.eb-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eb-logos div{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:14px;border:1px solid var(--eb-line);border-radius:16px;background:var(--tq-eb-w03)}
.eb-logos img{grid-row:1/3;width:72px;height:72px;border-radius:50%}
.eb-logos b{font-size:18px;color:var(--eb-ink)}
.eb-logos span{font-size:13px;line-height:1.5;color:var(--eb-sub)}
.eb-eq{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;padding:16px 10px;border:1px solid var(--eb-line);border-radius:16px;background:var(--tq-eb-w03)}
.eb-eq-it{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:10px 14px;border-radius:14px;background:var(--eb-card)}
.eb-eq-it img{width:44px;height:44px;border-radius:50%}
.eb-eq-it b{font-size:22px;font-weight:800;color:var(--eb-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.eb-eq-it span{font-size:12.5px;color:var(--eb-sub)}
.eb-eq-op{font-size:28px;font-weight:300;color:var(--eb-mut)}
.eb-eq-rows{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:12px 0 0;padding:0;list-style:none;font-size:14px;color:var(--eb-sub);font-variant-numeric:tabular-nums}
.ebk-svg .box.hl{stroke:var(--eb-blue);stroke-width:1.6}
.ebk-svg .box.dn{stroke:var(--eb-dn);fill:var(--tq-eb-dn-band)}
.ebk-svg .bt.dn{fill:var(--eb-dn)}
.ebk-svg .arrh{fill:var(--eb-blue-ink)}
.ebk-svg .arr.dn{stroke:var(--eb-dn)}.ebk-svg .arrh.dn{fill:var(--eb-dn)}
.ebk-svg .bar.gone{fill:var(--tq-eb-dn-band);stroke:var(--eb-dn);stroke-width:1.5;stroke-dasharray:4 3}
@media (max-width:560px){
  .eb-logos{grid-template-columns:1fr}
  .eb-eq-it{min-width:0;padding:8px 10px}.eb-eq-it b{font-size:18px}.eb-eq-op{font-size:22px}
  .eb-steps li{font-size:13.5px}
}

/* ── 2026-10-15 랜딩 · 모바일 최적화 — 히어로(표지 책 · 제목 · 단추) · 부 카드 · 마무리 단추 · 휴대폰은 이전 · 다음이 아래에 붙어 따라온다 ── */
.eb-hero{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:center;margin:0 0 26px;padding:28px;border:1px solid var(--eb-line);border-radius:26px;background:linear-gradient(135deg,var(--eb-card2),var(--eb-card))}
.eb-hero-book{display:flex;justify-content:center}
.eb-book{--bk-t:28px;display:flex;align-items:center;justify-content:center;width:100%;padding:30px 26px 36px;border-radius:18px;background:linear-gradient(180deg,var(--tq-eb-white),color-mix(in srgb,var(--tq-eb-white) 90%,var(--eb-bg)));perspective:1500px}
.eb-book-3d{position:relative;display:block;width:58%;aspect-ratio:5/7;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-26deg);transition:transform .5s var(--eb-ease)}
.eb-hero:hover .eb-book-3d{transform:rotateX(6deg) rotateY(-16deg) translateY(-4px)}
.eb-book-3d img{position:relative;display:block;width:100%;height:100%;object-fit:cover;border-radius:3px 7px 7px 3px;backface-visibility:hidden;box-shadow:0 0 0 1px var(--tq-eb-w15)}
.eb-book-3d::after{content:"";position:absolute;right:3px;top:4px;bottom:4px;width:var(--bk-t);transform-origin:right center;transform:rotateY(-90deg);background:repeating-linear-gradient(90deg,var(--tq-eb-white) 0 2px,color-mix(in srgb,var(--tq-eb-white) 84%,var(--eb-bg)) 2px 3px)}
.eb-book-pg{position:absolute;left:3px;right:3px;bottom:3px;height:var(--bk-t);transform-origin:center bottom;transform:rotateX(90deg);background:repeating-linear-gradient(180deg,var(--tq-eb-white) 0 2px,color-mix(in srgb,var(--tq-eb-white) 84%,var(--eb-bg)) 2px 3px)}
.eb-book-bk{position:absolute;inset:0;border-radius:3px 7px 7px 3px;background:var(--eb-card);transform:translateZ(calc(var(--bk-t) * -1));box-shadow:28px 34px 50px var(--tq-eb-shadow)}
.eb-hero-tx .eb-h1{font-size:clamp(30px,2.6vw + 16px,46px)}
.eb-hero-tx .eb-meta{margin:10px 0 0;text-align:left}
.eb-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.eb-hero-pills li{padding:7px 12px;border:1px solid var(--eb-line2);border-radius:999px;background:var(--tq-eb-w04);color:var(--eb-sub);font-size:13px;font-weight:600}
.eb-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.eb-hero-cta .eb-cta{margin:0;min-height:48px;padding:0 20px;border:0;font:700 15px/1 var(--eb-sans);cursor:pointer}
.eb-hero-cta .eb-cta.ghost{border:1px solid var(--eb-line2)}
.eb-parts{margin:0 0 26px}
.eb-parts-h{margin:0 0 10px 4px;font:500 11.5px/1 var(--eb-mono);letter-spacing:.2em;color:var(--eb-blue-ink)}
.eb-parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eb-part{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:44px;padding:16px 16px 14px;border:1px solid var(--eb-line);border-radius:18px;background:var(--eb-card);color:var(--eb-ink);font-family:var(--eb-sans);text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}
.eb-part:hover{border-color:var(--eb-blue);transform:translateY(-2px)}
.eb-part i{font:700 11.5px/1 var(--eb-mono);font-style:normal;letter-spacing:.14em;color:var(--eb-blue-ink)}
.eb-part b{font-size:17px;line-height:1.3}
.eb-part span{font-size:13px;line-height:1.55;color:var(--eb-sub)}
.eb-part em{margin-top:auto;font-style:normal;font-size:12px;color:var(--eb-sub)}
.eb-more{margin:34px 0 0}
.eb-more-h{margin:0 0 12px 4px;font-size:18px;font-weight:800}
.eb-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eb-more-card{position:relative;display:block;padding:18px 48px 18px 20px;border:1px solid var(--eb-line);border-radius:18px;background:var(--eb-card);color:var(--eb-ink);text-decoration:none;transition:border-color .2s}
.eb-more-card:hover{border-color:var(--eb-blue)}
.eb-more-card b{display:block;font-size:16px}.eb-more-card span{display:block;margin-top:4px;font-size:13.5px;color:var(--eb-sub)}
.eb-more-card i{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-style:normal;font-size:20px;color:var(--eb-blue-ink)}
@media (max-width:900px){
  .eb-hero{grid-template-columns:1fr;gap:16px;padding:18px}
  .eb-book-3d{width:min(200px,56%)}
  .eb-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eb-nav{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom));z-index:5;padding:8px 76px 8px 8px;border:1px solid var(--eb-line2);border-radius:16px;background:color-mix(in srgb,var(--eb-bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
}
@media (max-width:560px){
  .eb-hero-tx .eb-h1{font-size:28px}.eb-hero-cta .eb-cta{flex:1 1 100%;justify-content:center}
  .eb-parts-grid{grid-template-columns:1fr}.eb-more-grid{grid-template-columns:1fr}
  .eb-shot img{max-width:100%}.eb-figbox .eb-figt{font-size:12.5px}
}