/* ============================================================
   The market page — laid out after the 2013 original:
   white ground, green links, Arial, category rail, three-up grid.
   ============================================================ */

.page-market{
  background:#fff;
  font:12px/1.45 Arial, Helvetica, sans-serif;
  color:#1a1a1a;
  padding:0 0 30px;
  user-select:text;
}
.page-market a{color:#067806; text-decoration:none}
.page-market a:hover{text-decoration:underline}
.page-market .pipe{color:#b9b9b9; margin:0 3px}
.page-market .mono{font-family:"Lucida Console", Consolas, monospace}
.page-market .ok{color:#067806}

/* ---------------------------------------------------- utility strip */
.sr-util{background:#f4f4f4; border-bottom:1px solid #dcdcdc; font-size:11px; color:#666}
.sr-util-in{
  max-width:1000px; margin:0 auto; padding:4px 14px;
  display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
}

/* ---------------------------------------------------------- masthead */
.sr-head{
  max-width:1000px; margin:0 auto; padding:12px 14px 8px;
  display:flex; justify-content:space-between; align-items:flex-start; gap:20px;
}
.sr-brand{display:flex; align-items:center; gap:10px; text-decoration:none !important}
.sr-logo{width:62px; height:62px; object-fit:contain; display:block}
.sr-word{display:flex; flex-direction:column; line-height:1}
.sr-name{font:bold 37px/1 Arial, Helvetica, sans-serif; color:#067806; letter-spacing:-.5px}
.sr-tag{font:italic 15px/1 Georgia, "Times New Roman", serif; color:#3f3f3f; margin-top:5px}

.sr-acct{text-align:right; padding-top:4px}
.sr-welcome{font-size:13px; color:#1a1a1a; margin-bottom:4px}
.sr-welcome b{color:#067806}
.sr-acctrow{font-size:12px; margin-bottom:9px}
.sr-acctrow b{color:#1a1a1a}
.sr-searchrow{display:flex; align-items:center; justify-content:flex-end; gap:6px}
.sr-searchrow input{
  width:210px; padding:2px 5px; font:12px Arial, sans-serif;
  border:1px solid #9c9c9c; background:#fff;
}
.sr-searchrow button{
  padding:2px 9px; font:11px Arial, sans-serif; cursor:pointer;
  background:linear-gradient(180deg,#fdfdfd,#e6e6e6); border:1px solid #9c9c9c; border-radius:2px;
}
.sr-cart{
  font:12px Arial, Helvetica, sans-serif; color:#444; cursor:pointer;
  background:none; border:0; padding:0;
}
.sr-cart:hover{color:#067806}

/* ---------------------------------------------------------- columns */
.sr-cols{
  max-width:1000px; margin:0 auto; padding:0 14px;
  display:grid; grid-template-columns:150px 1fr 172px; gap:18px;
  border-top:1px solid #d6d6d6; padding-top:12px;
}
.sr-side{font-size:12px}
.sr-side-h{margin:0 0 5px; font:bold 12px Arial, sans-serif; color:#1a1a1a}
.sr-side-h.gap{margin-top:16px}
.sr-cats{margin:0; padding:0; list-style:none}
.sr-cats li{padding:1px 0; line-height:1.35}
.sr-cats li.sub{padding-left:12px}
.sr-cats .n{color:#1a1a1a}

/* ------------------------------------------------------------- grid */
.sr-main{min-width:0}
.sr-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px 14px}
.sr-loading{grid-column:1/-1; padding:34px 0; text-align:center; color:#888; font-style:italic}

.sr-item{display:block}
.sr-thumb{
  width:100%; aspect-ratio:4/3; border:1px solid #d0d0d0; background:#fafafa;
  display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative;
}
.sr-thumb .big{font:bold 25px/1 Arial, sans-serif; color:#0d5c0d; letter-spacing:-.5px}
.sr-thumb .sub{position:absolute; bottom:6px; left:0; right:0; text-align:center; font-size:10px; color:#777}
.sr-thumb.up{background:#f3faf0}
.sr-thumb.down{background:#fdf4f3}
.sr-thumb.down .big{color:#9d2418}
.sr-item:hover .sr-thumb{border-color:#8bbf8b}
.sr-title{display:block; margin:5px 0 3px; font-size:12px; line-height:1.35; color:#1a1a1a}
.sr-item:hover .sr-title{color:#067806}
.sr-price{display:block; font:bold 13px Arial, sans-serif; color:#111}
.sr-sub{display:block; font-size:11px; color:#777; margin-top:1px}

.sr-notice{
  margin-top:20px; padding:9px 11px; font-size:11px; line-height:1.6; color:#5a5a5a;
  background:#fbfbf5; border:1px solid #e2e2d2;
}

/* ------------------------------------------------------------- news */
.sr-news{font-size:12px}
.sr-news-h{
  margin:0 0 7px; font:bold 12px Arial, sans-serif; color:#067806;
  border-bottom:1px solid #d6d6d6; padding-bottom:3px;
}
.sr-news-h.gap{margin-top:18px}
.sr-news ul{margin:0; padding-left:15px}
.sr-news li{margin-bottom:7px; line-height:1.4}
.sr-stats{list-style:none; padding:0; margin:0}
.sr-stats li{display:flex; justify-content:space-between; gap:8px; padding:2px 0; border-bottom:1px dotted #e0e0e0}
.sr-stats li:last-child{border-bottom:0}
.sr-stats .k{color:#666}
.sr-stats .v{font-family:"Lucida Console", monospace; font-size:11px; color:#111}

/* ----------------------------------------------------------- footer */
.sr-foot{
  max-width:1000px; margin:26px auto 0; padding:12px 14px 0;
  border-top:1px solid #d6d6d6; text-align:center; font-size:11px; color:#777;
}
.sr-foot-note{margin-top:6px; line-height:1.6}

/* ---------------------------------------------------- checkout */
.ck-overlay{
  position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center;
  padding:20px; background:rgba(0,0,0,.55); overflow:auto;
}
.ck-panel{
  width:100%; max-width:430px; background:#fff; border:1px solid #9c9c9c;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  font:12px/1.5 Arial, Helvetica, sans-serif; color:#1a1a1a;
}
.ck-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:7px 11px; background:#067806; color:#fff; font-weight:bold; font-size:12px;
}
.ck-x{background:none; border:0; color:#fff; font-size:17px; line-height:1; cursor:pointer; padding:0 2px}
.ck-body{padding:14px}

.ck-wallet{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  padding:8px 10px; margin-bottom:13px; background:#f6f6f0; border:1px solid #e0e0d0; font-size:11px;
}
.ck-wallet.is-on{background:#f3faf0; border-color:#bcd9ab}
.ck-wallet b{font-size:11px}
.ck-wallet button{
  margin-left:auto; padding:3px 9px; font:11px Arial, sans-serif; cursor:pointer;
  background:linear-gradient(180deg,#fdfdfd,#e6e6e6); border:1px solid #9c9c9c; border-radius:2px;
}
.ck-conn{margin-left:0 !important}
.ck-nowallet{color:#8d3226; line-height:1.55}
.ck-nowallet a{color:#067806}

.ck-row{margin-bottom:11px}
.ck-row label{display:block; margin-bottom:4px; font-weight:bold; font-size:11px; color:#444}
.ck-input{display:flex; border:1px solid #9c9c9c; background:#fff}
.ck-input input{
  flex:1; min-width:0; padding:8px 9px; border:0; outline:none;
  font:16px "Lucida Console", monospace; color:#111;
}
.ck-input select{
  border:0; border-left:1px solid #d8d8d8; background:#f4f4ee;
  padding:0 8px; font:12px Arial, sans-serif; cursor:pointer;
}

.ck-quote{min-height:20px; margin-bottom:12px}
.ck-wait{padding:9px 0; color:#888; font-style:italic}
.ck-tbl{width:100%; border-collapse:collapse}
.ck-tbl td{padding:5px 0; border-bottom:1px dotted #e2e2d8; font-size:12px; color:#666}
.ck-tbl td.v{text-align:right; font-family:"Lucida Console", monospace; color:#111}
.ck-tbl td.v.big{font-size:15px; font-weight:bold; color:#067806}
.ck-tbl td.v.small{font-size:10px; color:#777}
.ck-tbl tr:last-child td{border-bottom:0}

.ck-warn{margin-top:8px; padding:7px 9px; font-size:11px; background:#fdf6e3; border:1px solid #ddd0a0; color:#7a5c14}
.ck-err{margin-top:8px; padding:7px 9px; font-size:11px; background:#fdf3f2; border:1px solid #e0bcb5; color:#8d3226}

.ck-go{
  width:100%; padding:11px; cursor:pointer; font:bold 13px Arial, sans-serif; color:#fff;
  background:#067806; border:1px solid #045404; border-radius:2px;
}
.ck-go:hover:not(:disabled){background:#079007}
.ck-go:disabled{background:#c6c6bd; border-color:#b0b0a6; color:#fff; cursor:default}

.ck-status{margin-top:10px; font-size:11.5px; line-height:1.55; min-height:1em}
.ck-status.ok{color:#2b5a1c}
.ck-status.ok a{color:#067806}
.ck-status.err{color:#8d3226}
.ck-fine{
  margin:13px 0 0; padding-top:11px; border-top:1px solid #eee;
  font-size:10.5px; line-height:1.6; color:#888;
}

/* -------------------------------------------------- mode switch */
.mode-switch{display:inline-flex; border:1px solid #c3c3b4; border-radius:2px; overflow:hidden}
.mode-switch a,
.mode-switch .ms-on{padding:1px 9px; font-size:11px; line-height:1.6; white-space:nowrap}
.mode-switch .ms-on{background:#067806; color:#fff; font-weight:bold}
.mode-switch a{background:#fff; color:#555 !important}
.mode-switch a:hover{background:#eef5ea; color:#067806 !important; text-decoration:none !important}

/* ------------------------------------------------- wallet lookup */
.sr-cats li.buy a{font-weight:bold; color:#b9660a}
.sr-cats li.buy a:hover{color:#8c4d06}

.sr-lookup{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  padding:8px 10px; margin-bottom:14px;
  background:#f7f7f1; border:1px solid #ddddcd;
}
.sr-lookup label{font-weight:bold; font-size:12px; color:#333; white-space:nowrap}
.sr-lookup input{
  flex:1; min-width:200px; padding:4px 7px; font:11px "Lucida Console", monospace;
  border:1px solid #9c9c9c; background:#fff;
}
.sr-lookup button{
  padding:4px 14px; font:11px Arial, sans-serif; cursor:pointer;
  background:linear-gradient(180deg,#fdfdfd,#e6e6e6); border:1px solid #9c9c9c; border-radius:2px;
}
.sr-lookup button:disabled{color:#aaa; cursor:default}

.lookup-result{padding:11px 13px; margin-bottom:16px; border:1px solid #ddd; background:#fcfcfa; font-size:12px}
.lookup-result.is-ok{border-color:#bcd9ab; background:#f7fcf3}
.lookup-result.is-err{border-color:#d9b3ab; background:#fdf6f4}
.lookup-result.is-empty{border-color:#ddd}

.lk-head{margin-bottom:9px; padding-bottom:7px; border-bottom:1px solid #e4e4da; font-size:12px}
.lk-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#e4e4da; border:1px solid #e4e4da}
.lk-cell{display:flex; flex-direction:column; gap:2px; padding:7px 9px; background:#fff}
.lk-cell.wide{grid-column:span 2}
.lk-k{font-size:10px; color:#888; text-transform:uppercase; letter-spacing:.4px}
.lk-v{font:bold 15px "Lucida Console", monospace; color:#111}
.lk-v.btcv{color:#b9660a}
.lk-usd{font-weight:normal; font-size:11px; color:#888}

.lk-status{margin:10px 0 0; padding:7px 10px; font-size:11.5px; line-height:1.55; border-radius:2px}
.lk-status.ok{background:#e8f4e0; border:1px solid #b6d5a4; color:#2b5a1c}
.lk-status.no{background:#f6f2e6; border:1px solid #ddd2b4; color:#6b5a2a}
.lk-note{margin:9px 0 0; font-size:10.5px; line-height:1.6; color:#888}
.lk-err{margin:0; color:#8d3226}
.lk-none{margin:0 0 5px; color:#555}
.lk-wait{margin:0; color:#555}
.lk-dots::after{content:"…"; animation:lkdots 1.1s steps(4) infinite}
@keyframes lkdots{0%{content:"."}33%{content:".."}66%{content:"..."}100%{content:"…"}}

/* --------------------------------------------- illustrated tiles */
.sr-thumb.art{padding:0; background:#0d0d0d; border-color:#bdbdbd}
.sr-thumb.art svg{width:100%; height:100%; display:block}
.sr-thumb.art img{width:100%; height:100%; object-fit:cover; display:block}
.sr-item{cursor:pointer}

/* ------------------------------------------------- a single listing */
.page-listing{
  background:#fff; font:12px/1.5 Arial, Helvetica, sans-serif; color:#1a1a1a;
  max-width:1000px; margin:0 auto; padding:14px 16px 40px; user-select:text;
}
.page-listing a{color:#067806; text-decoration:none}
.page-listing a:hover{text-decoration:underline}

.lst-crumbs{font-size:11px; color:#888; margin-bottom:14px}
.lst-crumbs span{color:#444}

.lst-top{display:flex; gap:22px; align-items:flex-start; margin-bottom:22px}
.lst-art{
  width:330px; flex:none; border:1px solid #cfcfcf; background:#0d0d0d;
  aspect-ratio:4/3; overflow:hidden;
}
.lst-art svg{width:100%; height:100%; display:block}
.lst-art img{width:100%; height:100%; object-fit:cover; display:block}
.lst-info{flex:1; min-width:0}
.lst-info h1{margin:0 0 6px; font:bold 21px/1.3 Arial, Helvetica, sans-serif; color:#111}
.lst-vendor{margin:0 0 12px; font-size:12px; color:#555}
.stars{color:#e0a000; letter-spacing:1px}
.lst-rate{color:#888; font-size:11px; font-style:italic}
.lst-price{margin:0; font:bold 26px/1.1 Arial, Helvetica, sans-serif; color:#111}
.lst-sub{margin:3px 0 12px; font-size:12px; color:#777}
.lst-blurb{margin:0 0 16px; font-size:13px; color:#333; line-height:1.6}
.lst-buy{display:flex; align-items:center; gap:10px}
.lst-buy button{
  padding:6px 20px; font:bold 12px Arial, sans-serif; color:#5f5f5f;
  background:linear-gradient(180deg,#f6f6f6,#e2e2e2); border:1px solid #b3b3b3; border-radius:3px;
}
.lst-oos{font-size:11px; color:#999; font-style:italic}

.lst-body{border-top:1px solid #e0e0e0; padding-top:16px}
.lh{margin:20px 0 8px; font:bold 13px Arial, sans-serif; color:#067806}
.page-listing .note{
  margin:14px 0 0; padding:9px 11px; font-size:11.5px; line-height:1.65; color:#555;
  background:#fbfbf5; border:1px solid #e6e6d8;
}
.page-listing code{font-family:"Lucida Console",monospace; font-size:11px; background:#f2f2ea; padding:1px 4px}

.lt{border-collapse:collapse; width:100%; max-width:560px; font-size:12px; margin-bottom:6px}
.lt.wide{max-width:none}
.lt th{
  text-align:left; padding:5px 9px; font-size:11px; color:#444; text-transform:uppercase;
  letter-spacing:.4px; background:#f3f3ee; border-bottom:1px solid #ddd;
}
.lt td{padding:5px 9px; border-bottom:1px solid #eee; vertical-align:top}
.lt td.k{width:38%; color:#777}
.lt td.v{color:#111}
.lt td.num{text-align:right; font-family:"Lucida Console",monospace; font-size:11px; white-space:nowrap}
.lt td.burnt{color:#9d2418; font-weight:bold}
.lt tr:last-child td{border-bottom:0}

.page-listing .tag{
  display:inline-block; font-size:10px; color:#2f4d17; background:#e4f0d8;
  border:1px solid #a9c98c; padding:0 5px; border-radius:2px; margin-left:5px; white-space:nowrap;
}
.page-listing .tag.dpr-tag{color:#5b2d82; background:#efe4f5; border-color:#c3a3d8}
.dpr{font-family:Georgia,"Times New Roman",serif; font-style:italic; color:#5b2d82; font-weight:bold}

.chart-frame{height:380px; margin-top:16px; border:1px solid #cfcfcf; background:#12161c}
.chart-frame iframe{width:100%; height:100%; border:0; display:block}

.lst-back{margin-top:26px; padding-top:14px; border-top:1px solid #e0e0e0; font-size:12px}

/* ------------------------------------------------------- responsive */
@media (max-width:860px){
  .sr-cols{grid-template-columns:130px 1fr; gap:14px}
  .sr-news{grid-column:1/-1}
  .sr-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  .sr-head{flex-direction:column; align-items:flex-start}
  .sr-acct{text-align:left}
  .sr-searchrow{justify-content:flex-start}
  .sr-cols{grid-template-columns:1fr}
  .sr-side{display:none}
  .sr-name{font-size:29px}
  .lst-top{flex-direction:column}
  .lst-art{width:100%}
  .chart-frame{height:300px}
}