/* 코인 페이지 레이아웃 (2026-10-26) */
.head.head-tidy{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:6px 16px;align-items:center;margin-bottom:14px}   /* 2026-10-28: 왼쪽(이름·버튼·안내)과 오른쪽 가격 박스를 세로 가운데로 나란히(사용자: 두 박스가 일자로) */
.head.head-tidy > img{grid-row:1 / span 3;grid-column:1}
.head.head-tidy > div:first-of-type{grid-column:2;grid-row:1 / span 3}
.head.head-tidy h1{font-size:28px;line-height:1.15}
.head.head-tidy h1 .tag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:0;white-space:nowrap;line-height:1.4}
.head.head-tidy .meta{margin-top:2px}
.head.head-tidy #coin-actions{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.head.head-tidy .ca-b{height:30px;display:inline-flex;align-items:center;padding:0 12px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.head.head-tidy .ca-b.ca-main{font-weight:800;color:var(--ink);border-color:var(--line-2)}
.head.head-tidy .ca-b.ca-ext{color:var(--ink-3);font-weight:500}
.head.head-tidy .links{display:none}
/* 머리 오른쪽 큰 가격 */
.head.head-tidy .hero-price{grid-column:3;grid-row:1 / span 3;text-align:right;min-width:320px;max-width:460px;justify-self:end;align-self:center}
.hero-price .ov-p1{justify-content:flex-end;align-items:baseline}
.hero-price .ov-p1 .big{font-size:34px;margin-right:6px}
.hero-price .ov-p2{font-size:12.5px;color:var(--ink-2);margin-top:2px}
.hero-price .ov-range{margin-top:8px}
.hero-price .ov-perf{justify-content:flex-end;margin:10px 0 0}
.hero-price .ov-perf > div{min-width:62px;padding:4px 8px}
/* 핵심 수치 띠 */
.kstats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 12px}
.kstats .row{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:0}
.kstats .row .k{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kstats .row .v{font-size:16px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kstats .row .d{font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kstats .row .d .sbar{margin-top:3px}
/* 차트 + 남은 통계 */
.ov.ov-v2{grid-template-columns:minmax(0,1fr) 300px}
.ov.ov-v2 .ov-main{padding-top:12px}
.ov.ov-v2 .ov-chart{min-height:360px;margin-top:0}
.ov.ov-v2 .ov-stats .st .row{padding:7px 0}
.ov.ov-v2 .ov-stats .st .k{white-space:nowrap}
.ov.ov-v2 .ov-stats .st .row .v{white-space:normal;word-break:keep-all;text-align:right}
#coin-nav.cn{margin:0 0 12px}
#coin-tape.ct-wide{margin:0 0 12px}
#coin-tape.ct-wide .ct-l{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px 18px;max-height:58px}
#coin-tape.ct-wide .ct-r{white-space:nowrap}
#coin-tape.ct-wide .ct-r span{flex:none}
/* 소개 접힘 막대 */
.about.cn-closed{padding:10px 16px}
.about .cn-fold{float:none;display:inline-flex;align-items:center;gap:6px;margin:0;background:none;border:0;padding:0;font-size:14px;font-weight:800;color:var(--ink)}
.about .cn-fold::before{content:"▸";font-size:12px;color:var(--ink-3)}
.about:not(.cn-closed) .cn-fold::before{content:"▾"}
.about:not(.cn-closed) .cn-fold{margin-bottom:6px}
.about.cn-closed .ah{display:none}
.about:not(.cn-closed) .ah b{display:none}
#app > .strip{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1000px){.head.head-tidy{grid-template-columns:48px minmax(0,1fr)} .head.head-tidy .hero-price{grid-column:1 / span 2;grid-row:auto;text-align:left;justify-self:start;max-width:none} .hero-price .ov-p1,.hero-price .ov-perf{justify-content:flex-start} .kstats{grid-template-columns:repeat(3,minmax(0,1fr))} .ov.ov-v2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.kstats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 소개 → 통계 열 아래 */
.ov-stats .about{margin:12px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
.ov-stats .about .ah{display:flex;margin-bottom:8px}.ov-stats .about .ah b{display:inline;font-size:13px}.ov-stats .about .ah small{display:none}
.ov-stats .about .sum4{grid-template-columns:1fr;gap:7px;margin:0 0 8px}.ov-stats .about .sum4 div{grid-template-columns:38px 1fr;font-size:12.5px;line-height:1.5}
.ov-stats .about .lead{font-size:12.5px;color:var(--ink-3);margin:0 0 6px}.ov-stats .about .rawd summary{font-size:12px;color:var(--blue);cursor:pointer}.ov-stats .about .rawd p{font-size:12px;line-height:1.55;color:var(--ink-2);max-height:220px;overflow:auto}
.ov.ov-v2{align-items:start}
/* 환산 → 머리 가격 아래 한 줄 */
.hero-price .conv.hero-conv{margin-top:10px;padding-top:0;border-top:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.hero-conv b{font-size:11.5px;color:var(--ink-3);margin-right:2px}.hero-conv .cr{display:inline-flex;align-items:center;gap:4px;margin:0}
.hero-conv input{width:112px;height:28px;padding:0 8px;font-size:12.5px;border-radius:8px}.hero-conv span{font-size:11px}
@media (max-width:1000px){.hero-price .conv.hero-conv{justify-content:flex-start}}

/* '지금' 패널을 차트 아래로 */
.ov.ov-v2 .ov-chart{flex:none;min-height:340px}
.ov.ov-v2 .ov-main .now{margin:14px -18px -10px;border:0;border-top:1px solid var(--line);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:none;padding:14px 18px 12px}
.ov.ov-v2 .ov-main .now.v-good{border-top:3px solid var(--ok)}.ov.ov-v2 .ov-main .now.v-warn{border-top:3px solid var(--warn)}.ov.ov-v2 .ov-main .now.v-neutral{border-top:3px solid var(--ink-4)}