/* Artist Market (2D). Same night palette + Georgia as the journal; Crawford Gallery accents:
   forest green for Gallery (available works), maroon for Portfolio (collected works). */
:root{--mk-green:#2f7a5b;--mk-green-d:#1F4D3A;--mk-maroon:#8a2c3a;--mk-maroon-d:#6B1F2A;--mk-ink:#0b0b1e;--mk-paper:#f3f0ff;--mk-gold:#ffd98a}
.mk-page{background:#0b0b1e}
.mk-page .scene{background-image:linear-gradient(rgba(11,11,30,.35),rgba(11,11,30,.7)),url('/images/bg-market.jpg');background-position:center,92% 40%;align-items:flex-start;background-attachment:fixed}
.mk-page header{position:relative}
.mk-wrap{width:100%;max-width:60rem;margin:0 auto;text-align:left}
.mk-box{background:rgba(11,11,30,.86);border:1px solid rgba(243,240,255,.18);border-radius:14px;padding:1.2rem;box-shadow:0 10px 40px rgba(0,0,0,.5);margin:0 0 1rem}
.mk-box h2,.mk-box h3{font-weight:normal;margin:0 0 .6rem}
.mk-tag{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.mk-crumbs{font-size:.9rem;margin:0 0 .8rem}.mk-crumbs a,.mk-box a{color:#c9b8ff}
.mk-btn{display:inline-block;padding:.6rem 1.2rem;border-radius:999px;background:var(--mk-paper);color:var(--mk-ink);text-decoration:none;border:1px solid var(--mk-paper);font:inherit;font-size:.95rem;cursor:pointer;line-height:1.2}
.mk-btn.ghost{background:transparent;color:var(--mk-paper);border-color:rgba(243,240,255,.55)}
.mk-btn.buy{background:var(--mk-gold);border-color:var(--mk-gold)}
.mk-btn:disabled{opacity:.45;cursor:not-allowed}
.mk-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0 0}
.mk-empty{padding:1.4rem 1rem;text-align:center;border:1px dashed rgba(243,240,255,.3);border-radius:12px;opacity:.85;line-height:1.5}
.mk-badge{display:inline-block;padding:.12rem .55rem;border-radius:3px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;background:var(--mk-maroon-d);color:var(--mk-paper)}
.mk-badge.test{background:#8a6d00}
.mk-badge.green{background:var(--mk-green-d)}

/* Panel inside the swipe app: scrolls vertically (native); horizontal swipes reach the app except on slideshow strips */
.panel[data-screen=market]{align-items:stretch;justify-content:center;padding:0}
.mk-panel{position:relative;width:100%;max-width:48rem;height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:1rem .8rem 5rem;box-sizing:border-box;text-align:left;-webkit-overflow-scrolling:touch}
.mk-panel .mk-box{background:rgba(11,11,30,.8)}
.mk-intro{text-align:center}
.mk-intro h2{font-size:1.6rem}
.mk-intro p{margin:.2rem 0;opacity:.85;line-height:1.45}
.mk-intro .mk-actions{justify-content:center}

/* Artwork frames (ported from the Crawford showcase slideshow) */
.mk-work{flex:0 0 100%;margin:0;text-align:center}
.mk-frame{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(200px,42vh,420px);padding:.8rem;box-sizing:border-box;background:rgba(245,245,240,.95);border-bottom:4px solid var(--mk-green-d);border-radius:8px}
.mk-frame img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.is-portfolio .mk-frame{background:#E9E7E0;border-bottom-color:rgba(107,31,42,.6);box-shadow:inset 0 0 0 10px #F5F5F0}
.is-portfolio .mk-frame img{filter:saturate(.6) contrast(.95);opacity:.9;pointer-events:none;user-select:none;-webkit-user-drag:none}
.mk-frame .mk-badge{position:absolute;top:1rem;left:1rem}
.mk-cap{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem .7rem;padding:.5rem 0 0;font-size:.95rem}
.mk-cap a{color:var(--mk-paper)}
.mk-price{color:var(--mk-gold)}
.mk-ctrl{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:.5rem}
.mk-round{width:42px;height:42px;border-radius:50%;border:1px solid rgba(243,240,255,.55);background:rgba(11,11,30,.6);color:var(--mk-paper);font-size:1.4rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.mk-round:disabled{opacity:.3;cursor:default}
.mk-count{min-width:4.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:.9rem;opacity:.85}

/* Filters */
.mk-filters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.mk-filters .full{grid-column:1/-1}
.mk-filters label{font-size:.78rem;opacity:.75;display:block;margin:0 0 .15rem}
.mk-filters input,.mk-filters select,.mk-form input,.mk-form select,.mk-form textarea{width:100%;box-sizing:border-box;padding:.55rem;border-radius:8px;border:1px solid #555a7a;background:#15152e;color:#f3f0ff;font:inherit;font-size:.95rem}
@media (min-width:700px){.mk-filters{grid-template-columns:2fr 1fr 1fr 1fr .7fr .7fr}.mk-filters .full{grid-column:auto}}

/* Directory + artwork cards */
.mk-label{margin:1rem 0 .6rem;padding-bottom:.3rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--mk-green);color:#bfe8d4}
.mk-label.pf{border-color:var(--mk-maroon);color:#f1c6cd}
.mk-label.new{border-color:rgba(243,240,255,.35);color:#ddd}
.mk-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:.8rem}
.mk-card{display:flex;flex-direction:column;height:100%;background:rgba(21,21,46,.9);border:1px solid rgba(243,240,255,.14);border-bottom:3px solid var(--mk-green);border-radius:8px;overflow:hidden;color:var(--mk-paper);text-decoration:none}
.mk-card.pf{border-bottom-color:var(--mk-maroon)}
.mk-card.new{border-bottom-color:rgba(243,240,255,.3)}
.mk-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.5)}
.mk-thumb{aspect-ratio:1;background:#f5f5f0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mk-thumb img{width:100%;height:100%;object-fit:cover}
.mk-thumb.initials{background:linear-gradient(135deg,#1F4D3A,#2a2566 60%,#6B1F2A);font-size:2.2rem;color:#f5f5f0;letter-spacing:.05em}
.mk-cbody{padding:.5rem .6rem .6rem;font-size:.88rem;line-height:1.35}
.mk-cbody strong{display:block;font-weight:normal;font-size:.98rem}
.mk-cbody span{opacity:.75;font-size:.8rem}

/* Storefront slideshows (scroll-snap, from showcase.js) */
.mk-show{margin:0 0 1.2rem}
.mk-show h3{color:#bfe8d4}.mk-show.is-portfolio h3{color:#f1c6cd}
.mk-show .sub{margin:-.3rem 0 .7rem;opacity:.75;font-size:.9rem}
.mk-strack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;outline:none;touch-action:pan-x pan-y}
.mk-strack::-webkit-scrollbar{display:none}
.mk-strack .mk-work{scroll-snap-align:center;padding:0 .2rem;box-sizing:border-box}

/* Artwork detail, forms, dashboard */
.mk-detail{display:grid;gap:1rem}
@media (min-width:760px){.mk-detail{grid-template-columns:1.3fr 1fr}}
.mk-detail .mk-frame{height:auto;min-height:260px}
.mk-detail .mk-frame img{max-height:70vh}
.mk-meta{list-style:none;padding:0;margin:.5rem 0;line-height:1.7;font-size:.95rem}
.mk-meta b{font-weight:normal;opacity:.65;display:inline-block;min-width:6.5em}
.mk-form label{display:block;margin:.8rem 0 .25rem;font-size:.92rem}
.mk-form small{display:block;margin-top:.3rem;opacity:.72;font-size:.82rem;line-height:1.4}
.mk-form .row{display:flex;gap:.6rem}.mk-form .row>*{flex:1}
.mk-form .check{display:flex;gap:.5rem;align-items:flex-start;font-size:.9rem;margin-top:.8rem}
.mk-form .check input{width:auto;margin-top:.2rem}
.mk-form button[type=submit]{margin-top:1rem}
.mk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mk-note{padding:.6rem .8rem;border-radius:8px;background:rgba(201,184,255,.1);border:1px solid rgba(201,184,255,.3);font-size:.86rem;line-height:1.45;margin-top:.4rem}
.mk-msg{min-height:1.2em;margin:.7rem 0 0}.mk-msg.err{color:#ff9a9a}.mk-msg.ok{color:#b9f5c8}
.mk-list{list-style:none;margin:0;padding:0}
.mk-list li{display:flex;gap:.7rem;align-items:center;padding:.55rem 0;border-bottom:1px solid rgba(243,240,255,.1)}
.mk-list li img{width:56px;height:56px;object-fit:cover;border-radius:6px;background:#f5f5f0;flex:none}
.mk-list li .grow{flex:1;min-width:0;font-size:.9rem;line-height:1.35}
.mk-list li .grow strong{font-weight:normal;display:block}
.mk-list li button{background:transparent;color:var(--mk-paper);border:1px solid rgba(243,240,255,.4);border-radius:999px;padding:.3rem .7rem;font:inherit;font-size:.8rem;cursor:pointer}
.mk-list li.dragging{opacity:.4}
.mk-list li[draggable=true]{cursor:grab}
.mk-msgs li{display:block}
.mk-msgs .from{font-size:.82rem;opacity:.75}
.mk-msgs p{margin:.3rem 0 0;white-space:pre-wrap;font-size:.92rem}
.mk-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.mk-tabs button{background:transparent;color:var(--mk-paper);border:1px solid rgba(243,240,255,.4);border-radius:999px;padding:.45rem .9rem;font:inherit;font-size:.9rem;cursor:pointer}
.mk-tabs button[aria-selected=true]{background:var(--mk-paper);color:var(--mk-ink)}
.mk-preview{max-width:160px;max-height:160px;display:block;margin-top:.5rem;border-radius:6px}
.mk-matches li{display:block}
.mk-paid{display:grid;gap:.6rem;margin:0 0 1rem}
@media (min-width:640px){.mk-paid{grid-template-columns:1fr 1fr}}
.mk-paycard{padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(243,240,255,.18);background:rgba(21,21,46,.7)}
.mk-paycard.sale{border-left:4px solid var(--mk-green)}
.mk-paycard.direct{border-left:4px solid #c9b8ff}
.mk-paycard p{margin:.3rem 0 0;font-size:.92rem;line-height:1.45}

/* 2E: vertical A-Z artist list in the market panel */
.mk-letter{font-size:1.5rem;font-weight:normal;margin:1.1rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid rgba(243,240,255,.18);color:#c9b8ff;letter-spacing:.05em}
.mk-letter:first-child{margin-top:0}
.mk-aentry{padding:.9rem;margin:0 0 1rem;border-radius:12px;background:rgba(21,21,46,.75);border:1px solid rgba(243,240,255,.14)}
.mk-ahead{display:flex;align-items:center;gap:.8rem;margin:0 0 .7rem}
.mk-ahead>div{flex:1;min-width:0}
.mk-ahead h3,.mk-ahead h4{margin:0;font-weight:normal;font-size:1.35rem}
.mk-ahead h3 a,.mk-ahead h4 a{color:var(--mk-paper);text-decoration:none}
.mk-ahead p{margin:.15rem 0 0;font-size:.88rem;opacity:.75;line-height:1.35}
.mk-aphoto{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;border:2px solid rgba(243,240,255,.35)}
.mk-aphoto.initials{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mk-green-d),#2a2a5a);font-size:1.2rem;color:var(--mk-paper)}
.mk-btn.small{padding:.4rem .8rem;font-size:.82rem;flex:none}
.mk-show.compact{margin:0 0 .6rem}
.mk-show.compact h4,.mk-show.compact h5{margin:.2rem 0 .4rem;font-weight:normal;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#bfe8d4}
.mk-show.compact.is-portfolio h4,.mk-show.compact.is-portfolio h5{color:#f1c6cd}
.mk-soonframe{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;height:clamp(200px,38vh,380px);border-radius:10px;text-decoration:none;color:var(--mk-paper) !important;
  background:radial-gradient(ellipse at 30% 20%,rgba(201,184,255,.25),transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(47,122,91,.35),transparent 60%),rgba(11,11,30,.6);border:1px solid rgba(243,240,255,.18)}
.mk-soonname{font-size:1.9rem;letter-spacing:.02em}
.mk-soonframe span:last-child{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.mk-comingsoon{text-align:center;padding:1.6rem 1rem;border-radius:12px;border:1px solid rgba(201,184,255,.35);background:linear-gradient(160deg,rgba(201,184,255,.12),rgba(47,122,91,.12))}
.mk-comingsoon h3,.mk-comingsoon h4{font-weight:normal;font-size:1.3rem;margin:.3rem 0}
.mk-comingsoon p{margin:0;font-size:.92rem;opacity:.85}
.mk-more-wrap{text-align:center}
.mk-sentinel{height:1px}
/* Artist page */
.mk-ahero{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.mk-ahero .mk-aphoto{width:88px;height:88px}
.mk-ahero .mk-aphoto.initials{font-size:1.8rem}
.mk-soft{opacity:.7;font-style:italic;margin:.4rem 0 0}
/* 2G: Add a work, collapsible sections, chips, counters */
.mk-sec{border:1px solid rgba(243,240,255,.2);border-radius:10px;padding:0 .85rem;margin-top:.9rem;background:rgba(21,21,46,.35)}
.mk-sec>summary{cursor:pointer;padding:.7rem 0;font-size:1rem;list-style-position:inside}
.mk-sec[open]>summary{border-bottom:1px solid rgba(243,240,255,.12);margin-bottom:.2rem}
.mk-sec[open]{padding-bottom:.8rem}
.mk-sum{opacity:.65;font-size:.85rem}
.mk-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}
.mk-chips:empty{display:none}
.mk-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .35rem .28rem .7rem;border-radius:999px;background:rgba(201,184,255,.14);border:1px solid rgba(201,184,255,.45);font-size:.86rem}
.mk-chip button{background:none;border:0;color:inherit;cursor:pointer;font-size:1.05rem;line-height:1;padding:0 .3rem;border-radius:999px}
.mk-chip button:hover,.mk-chip button:focus-visible{background:rgba(243,240,255,.18)}
.mk-counter{text-align:right}
.mk-counter.over{color:#f1c6cd;opacity:1}
.mk-inline{display:flex;gap:.5rem;align-items:center}.mk-inline input{flex:1}
.mk-guide{font-size:.86rem;line-height:1.45;opacity:.85;margin:.1rem 0 .45rem}
.mk-guide ul{margin:.3rem 0 0;padding-left:1.2rem}
.mk-earn{color:#bfe8d4;opacity:1 !important}
.mk-form label.sub{margin:.2rem 0 .15rem;font-size:.78rem;opacity:.75}
.mk-dims{gap:.45rem}.mk-dims>*{min-width:0}
.mk-radios{border:0;padding:0;margin:.8rem 0 0}
.mk-radios legend{font-size:.92rem;padding:0;margin-bottom:.2rem}
.mk-form .mk-radios label{display:inline-flex;align-items:center;gap:.35rem;margin:.2rem 1.1rem .2rem 0}
.mk-form .mk-radios input{width:auto;margin:0}
.mk-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none}
.mk-tags li{padding:.15rem .6rem;border-radius:999px;border:1px solid rgba(243,240,255,.3);font-size:.8rem;opacity:.85}
.mk-facts{list-style:none;padding:0;margin:.7rem 0;font-size:.92rem;line-height:1.5}
.mk-facts li::before{content:"·";margin-right:.45rem;opacity:.6}
.mk-meta li{display:flex;align-items:baseline}.mk-meta b{flex:none}