/* GARLIC — explore page. A registry ledger rather than a card grid. */

.explore-page{width:min(1240px,100% - 2*var(--gutter));margin:0 auto;padding:44px 0 72px}

.launch-cta{flex:0 0 auto;min-width:140px;justify-content:space-between}

.explore-controls{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:8px;margin-bottom:22px}

.search-box{
  height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid var(--rule-strong);
  background:var(--bg);
  transition:border-color .15s ease;
}
.search-box:focus-within{border-color:var(--green)}
.search-box svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--ink-3);stroke-width:1.8}
.search-box input{
  width:100%;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ivory);
  font:400 16px/1 var(--f-sans);
}
.search-box input::placeholder{color:var(--ink-3)}
.search-box input::-webkit-search-cancel-button{filter:grayscale(1) brightness(1.6)}

.filter-row{display:flex;gap:8px}
select{
  height:48px;
  min-width:190px;
  padding:0 36px 0 14px;
  border:1px solid var(--rule-strong);
  border-radius:2px;
  background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a3a691' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 14px center;
  color:var(--ivory);
  font:500 11.5px/1 var(--f-mono);
  letter-spacing:.06em;
  text-transform:uppercase;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
}
select:focus{border-color:var(--green)}

.results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px}
.results-bar strong{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}

/* Ledger: rank · coin · pair · chain · market cap */
.coin-table-head,.coin-card{
  display:grid;
  grid-template-columns:44px minmax(0,2.4fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:16px;
}
.coin-table-head{
  padding:10px 16px;
  border-top:1px solid var(--rule-strong);
  border-bottom:1px solid var(--rule-strong);
  color:var(--ink-3);
  font:500 10px/1 var(--f-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.coin-table-head span:nth-last-child(-n+2),.coin-mc,.coin-vol{text-align:right}
.coin-vol{color:var(--ink-2);font:500 13px/1 var(--f-mono)}
.coin-mc small{display:block;margin-top:5px;color:var(--ink-3);font-size:10.5px}

.coin-grid{display:block}
.coin-card{
  min-height:72px;
  padding:12px 16px;
  border-bottom:1px solid var(--rule);
  transition:background .15s ease;
}
.coin-card:hover{background:rgba(21,26,17,.7)}

.coin-rank{color:var(--ink-3);font:500 11px/1 var(--f-mono)}
.coin-top{display:flex;align-items:center;gap:12px;min-width:0}
.coin-logo{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:var(--bg-3);
  box-shadow:0 0 0 1px var(--rule-strong);
}
.coin-logo img{width:100%;height:100%;object-fit:cover}
.coin-logo.letter{color:var(--green-hi);font:800 15px/1 var(--f-sans);font-stretch:112%}
.coin-id{min-width:0}
.coin-id strong{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font:800 16px/1.1 var(--f-sans);
  font-stretch:112%;
  letter-spacing:-.01em;
  text-transform:uppercase;
}
.coin-id span{display:block;margin-top:5px;color:var(--ink-3);font:500 11px/1 var(--f-mono)}

.pair-pill{color:var(--green-hi);font:500 13px/1 var(--f-mono)}
.pair-pill.none{color:var(--ink-3)}
.chain-dot{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);font-size:13px}
.chain-dot:before{content:"";width:5px;height:5px;background:var(--ink-3)}
.coin-mc{font:500 15px/1 var(--f-mono);letter-spacing:-.01em}

.empty-state{padding:72px 20px;text-align:center;color:var(--ink-3);border-bottom:1px solid var(--rule)}

@media(max-width:900px){
  .explore-controls{grid-template-columns:1fr}
  .filter-row{display:grid;grid-template-columns:1fr 1fr}
  .filter-row select{width:100%;min-width:0}
}

@media(max-width:620px){
  .explore-page{padding:28px 0 44px}
  .launch-cta{display:none}
  .results-bar{flex-direction:column;align-items:flex-start;gap:8px}
  select{height:46px;font-size:10px;padding-left:12px}

  /* Two-line rows: coin + market cap, then pair + chain. */
  .coin-table-head{display:none}
  .coin-grid{border-top:1px solid var(--rule-strong)}
  .coin-card{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"coin mc" "coin meta";
    row-gap:6px;
    column-gap:12px;
    padding:13px 0;
  }
  .coin-card:hover{background:none}
  .coin-rank{display:none}
  .coin-top{grid-area:coin}
  .coin-mc{grid-area:mc;align-self:end}
  .coin-pair{grid-area:meta;justify-self:end;align-self:start;display:flex;gap:10px}
  .coin-chain,.coin-vol{display:none}
  .coin-logo{width:40px;height:40px;flex-basis:40px}
  .coin-id strong{font-size:15px}
}

/* One chain live: drop the chain filter and column. */
.one-chain .filter-row{display:flex}
.one-chain .filter-row select{flex:1}
.one-chain .coin-table-head,.one-chain .coin-card{grid-template-columns:44px minmax(0,2.4fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr)}
.one-chain .coin-table-head span:nth-child(4),.one-chain .coin-chain{display:none}
.results-bar .status:empty{display:none}
@media(max-width:620px){
  .one-chain .coin-card{grid-template-columns:minmax(0,1fr) auto}
}