/* Coin report pages (/coins, /coins/<id>) */
.cn-hero .cn-title{display:flex;align-items:center;gap:14px;margin-top:14px}
.cn-hero .cn-title img{border-radius:50%;flex:none}
.cn-hero .cn-title h1{margin-top:0}
.cn-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cn-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.mt24{margin-top:24px}
.cn-result{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:12px}
.cn-result.auto{border-style:dashed;border-color:var(--line-2)}
.cn-rhead{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.cn-badge{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--amber);border:1px solid rgba(242,196,90,.35);border-radius:999px;padding:3px 9px}
.cn-badge.rev-ok{color:var(--muted);border-color:var(--line-2)}
.dgl-clear{color:var(--text);border-color:var(--line-2);background:var(--panel-2)}
.cn-index{display:flex;align-items:center;gap:14px;margin:18px 0 6px}
.cn-index .n{font-family:'IBM Plex Mono',monospace;font-size:40px;font-weight:600;line-height:1}
.cn-index .n small{font-size:15px;color:var(--faint);font-weight:400}
.cn-index .l{font-size:13px;color:var(--text);line-height:1.3}
.cn-index .l span{color:var(--faint);font-size:12px}
.cn-crit{display:grid;gap:10px;margin-top:14px}
.cn-crow{display:grid;grid-template-columns:minmax(0,190px) 1fr 34px;gap:4px 12px;align-items:center}
.cn-why{grid-column:1/-1;margin:0 0 6px;color:var(--muted);font-size:13px;line-height:1.5}
.cn-cbar.mid i{background:var(--amber)}
.cn-cbar.low i{background:var(--crimson)}
.cn-what{color:var(--text)!important;font-weight:500}
.cn-fatwa{font-size:13px!important;color:var(--faint)!important;border-top:1px solid var(--line);padding-top:12px}
.cn-kind{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--faint);margin-left:6px;letter-spacing:.04em}
.cn-cname b{display:block;font-size:13.5px}
.cn-cname span{display:block;font-size:12px;color:var(--faint)}
.cn-cbar{height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden}
.cn-cbar i{display:block;height:100%;background:var(--mint);opacity:.8;border-radius:0 4px 4px 0}
.cn-cval{font-family:'IBM Plex Mono',monospace;font-size:13px;text-align:right}
.cn-note,.cn-p,.cn-sc{color:var(--muted);font-size:14px;line-height:1.6;margin-top:14px}
.cn-sc b{color:var(--text)}
.cn-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.cn-finds{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.cn-finds li{border-left:3px solid var(--amber);background:var(--panel-2);border-radius:0 8px 8px 0;padding:10px 12px}
.cn-finds li.lv-red{border-left-color:var(--crimson)}
.cn-finds p{margin:4px 0 6px;font-size:14px;line-height:1.5;color:var(--text)}
.cn-flag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}
.lv-red .cn-flag{color:var(--crimson)}
.cn-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--faint)}
.cn-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;align-items:center;font-size:12px;color:var(--faint)}
.cn-tags em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:2px 8px}
.cn-chart{margin-top:12px}
.cn-chart .dgl-linechart svg{width:100%;height:auto}
.cn-facts{margin:12px 0 0;display:grid;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cn-facts div{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid var(--line)}
.cn-facts div:last-child{border-bottom:0}
.cn-facts dt{color:var(--faint);font-size:13px}
.cn-facts dd{margin:0;font-family:'IBM Plex Mono',monospace;font-size:12.5px;text-align:right;text-transform:none}
.cn-src{color:var(--faint);font-size:12px;margin-top:10px}
.cn-src a{color:var(--muted)}
.cn-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cn-next a{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;text-decoration:none;color:var(--text)}
.cn-next a:hover{border-color:var(--line-2)}
.cn-next b{display:block;font-size:14px}
.cn-next span{display:block;color:var(--faint);font-size:12.5px;margin-top:3px}
/* index */
.cn-ibar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.cn-ibar input{flex:1;min-width:200px;background:var(--panel);border:1px solid var(--line-2);border-radius:8px;color:var(--text);padding:9px 12px;font:inherit;font-size:14px}
.cn-tblwrap{padding:0;overflow-x:auto}
.cn-tbl td.nm a,.cn-tbl td.res a{display:inline-flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}
.cn-tbl td.nm img{border-radius:50%}
.cn-tbl td.nm span{color:var(--faint);font-size:11.5px}
.cn-tbl td.rk{color:var(--faint)}
.cn-tbl td.nm,.cn-tbl th:nth-child(2){text-align:left}
.cn-auto{font-size:11.5px;color:var(--muted);border-bottom:1px dashed var(--line-2)}
.cn-tbl tr:hover td{background:rgba(255,255,255,.02)}
.cn-pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.cn-pager a{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);border:1px solid var(--line-2);border-radius:6px;padding:5px 10px;text-decoration:none}
.cn-pager a[aria-current]{color:var(--mint);border-color:var(--mint)}
@media (max-width:860px){.cn-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .cn-strip{grid-template-columns:1fr 1fr}
  .cn-strip .dgl-stat:last-child{grid-column:1/-1}
  .cn-crow{grid-template-columns:minmax(0,120px) 1fr 30px}
  .cn-cname span{display:none}
  .cn-next{grid-template-columns:1fr}
  .cn-tbl .hide-sm{display:none}
  .cn-index .n{font-size:32px}
}
@media (max-width:480px){.cn-tbl .hide-xs{display:none}}
.cn-tbl td.nm b{white-space:normal}
@media (max-width:640px){.cn-tbl td.nm a{white-space:normal}.cn-tbl td,.cn-tbl th{padding:8px 6px}}
