/* 포인파이 공시 — dex.css 위에 얹는 것만 */

header strong em{margin-left:7px;color:var(--sub);font-style:normal;font-size:11.5px;font-weight:800}

h2.sec{margin:22px 2px 9px;font-size:13px;font-weight:900;color:var(--txt)}
h2.sec small{margin-left:7px;color:var(--sub);font-size:10.5px;font-weight:800}

.card + .card{margin-top:9px}
.lead.tight{margin:9px 0 0;line-height:1.65}

.kv em{color:var(--sub);font-weight:700;font-size:10.5px;margin-left:4px}
.kv b.good{color:var(--green)}
.kv b.bad{color:var(--red)}

/* 발행량 비중 막대 */
/* ─────────── 머리 — 공개 페이지 둘이 함께 쓴다 (2026-08-28 감사) ───────────
   app.css 의 header 는 「38px 1fr auto auto」 네 칸 격자이고
   **첫 칸은 뒤로 가기 단추 자리**다. 공개 페이지에는 그 단추가 없어
   브랜드가 그 38px 칸에 갇혀 세로로 접히고 네트워크 표시와 겹쳤다.
   유동성 화면은 「지갑 연결」까지 있어 다섯째가 잘리기도 했다.
   ★ 칩을 .hchips 로 묶고 격자를 두 칸으로 다시 정한다. */
header{
  display:grid; grid-template-columns:1fr auto; align-items:center;
  height:auto; min-height:58px; padding:9px 12px; gap:2px 10px;
}
header > strong{grid-column:1; grid-row:1; text-align:left; white-space:nowrap}
header > .network{grid-column:1; grid-row:2; min-width:0}
header > .network span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
header > .hchips{grid-column:2; grid-row:1 / span 2; display:flex; gap:6px; align-items:center}
/* 아주 좁은 기기에서는 칩을 줄여 준다 — 잘리게 두지 않는다 */
@media (max-width:359px){
  header > .hchips .chip{padding:7px 9px; font-size:10.5px}
}

.bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--deep);margin:13px 0 9px}
.bar i{display:block;height:100%}
.bar #barVault{background:var(--bar-vault)}
.bar #barLock{background:var(--bar-lock)}
.bar #barTre{background:var(--blue)}
.bar #barCirc{background:var(--green)}
.bar #barBurn{background:var(--red)}
.leg{display:flex;gap:14px;flex-wrap:wrap;color:var(--sub);font-size:10.5px;font-weight:800}
.leg em{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}
.leg .d0{background:var(--bar-vault)}
.leg .dL{background:var(--bar-lock)}
.leg .d1{background:var(--blue)} .leg .d2{background:var(--green)} .leg .d3{background:var(--red)}
.leg b{color:var(--txt);font-weight:900}

/* 주소 줄 */
.arow{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.arow:first-child{border-top:0}
.arow > span{flex:0 0 82px;color:var(--sub);font-size:11.5px;font-weight:800}
.arow > a{flex:1 1 auto;color:var(--blue);font-size:11px;font-weight:700;
  word-break:break-all;text-decoration:none;line-height:1.55}
.arow > a:hover{text-decoration:underline}

/* 재단이 지키기로 한 것 */
ul.policy{margin:0;padding-left:17px}
ul.policy li{margin:0 0 7px;color:var(--txt);font-size:12px;font-weight:700;line-height:1.7}
ul.policy li:last-child{margin-bottom:0}

/* 알린 것 */
.ev-h{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.ev-h .dt{margin-left:auto;color:var(--sub);font-size:11px;font-weight:800}
.tag{border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:900;
  background:var(--tint-blue);color:var(--blue)}
.tag.t-매도예정,.tag.t-회수예정{background:var(--tint-gold);color:var(--gold)}
.tag.t-매도,.tag.t-회수{background:var(--tint-red);color:var(--red)}
.tag.t-유동성{background:var(--tint-green);color:var(--green)}
.ev-t{font-size:12.5px;font-weight:900;line-height:1.55}
.tx{display:inline-block;margin-top:9px;color:var(--blue);font-size:11px;
  font-weight:800;text-decoration:none}
.tx:hover{text-decoration:underline}

/* 재단 지갑에서 나간 기록 */
.orow{display:block;text-decoration:none;color:var(--txt);
  border-top:1px solid var(--line);padding:10px 0}
.orow:first-child{border-top:0}
.orow b{display:block;font-size:12.5px;font-weight:900;color:var(--red)}
.orow small{display:block;margin-top:3px;color:var(--sub);font-size:10.5px;font-weight:700;
  font-family:ui-monospace,monospace}

.notice.err{border-color:var(--edge-red-hi);background:var(--tint-red)}
.notice.err i{color:var(--red)}

#moreOut{margin-top:12px}

/* ═══ 이 페이지들은 문서가 스크롤되어야 한다 (2026-08-28) ═══

   app.css 의 .app 는 폰 앱 흉내를 내려고
       height:min(940px,100svh-44px); min-height:690px; overflow:hidden
   으로 잠겨 있다. index.html 은 그 안에 <div class="screen">(flex:1;overflow-y:auto)
   이라는 스크롤 상자를 하나 더 두어 화면을 넘기지만,
   공시·유동성 페이지에는 그 상자가 없어 **넘치는 부분이 통째로 잘렸다.**

   실측(375×812): 공시 3,959px 중 3,147px · 유동성 1,692px 중 880px 이 잘렸고
   휠로도 손가락으로도 스크롤이 되지 않았다.
   「재단 지갑에서 나간 기록」처럼 이 페이지의 존재 이유인 구역이 통째로 가려져 있었다.

   ★ 여기서는 폰 앱 흉내를 버리고 그냥 문서로 둔다. 읽으라고 만든 페이지다.
   ★ index.html 은 disclosure.css 를 읽지 않으므로 지갑 화면은 그대로다. */
.stage{place-items:start center; min-height:0}
.app{height:auto; min-height:0; overflow:visible}

@media(max-width:560px){
  .app{height:auto; min-height:0}
}