/* Netil: a friendly Saturday pocket guide. Market-only; other designs stay intact. */
.sample.market-app{border:0;border-radius:30px;background:#faeebc;padding:28px;box-shadow:0 16px 38px #34462e14}
.sample.market-app header{align-items:center;border:0;padding-bottom:22px;gap:18px}
.sample.market-app h3{font-size:46px;letter-spacing:-2px;line-height:.92}
.sample.market-app .stamp{display:grid;place-content:center;flex-shrink:0;width:82px;height:82px;border-radius:50%;background:#40533b;color:#fff6d5;font-size:9px;text-align:center;transform:rotate(5deg)}
.sample.market-app .market-index{padding:0 4px 16px;color:#566344;font-size:9px}
.sample.market-app .market-row{border:0;border-radius:20px;background:#fff9dc;margin-bottom:10px;padding:17px 14px;grid-template-columns:32px minmax(0,1fr) 62px;gap:10px}
.sample.market-app .pitch{font:600 19px var(--grotesk);color:#617049}
.sample.market-app .market-row b{font:600 17px var(--grotesk);letter-spacing:-.5px}
.sample.market-app .market-row small{line-height:1.5;color:#59604a}
.sample.market-app .market-row button{border:1px solid #c3c8a3;border-radius:999px;background:#edf0d1}
.sample.market-app .market-row button[aria-pressed=true]{background:#40533b;color:#fff8dc;border-color:#40533b}
.sample.market-app .bag{border-radius:18px;margin-top:16px;padding:17px 18px;gap:14px;line-height:1.5}
.overview-menu[data-kind=market]{border-radius:999px;box-shadow:none}
.demo-runtime[data-kind=market] .root{--off-1:none;--off-2:none}
.demo-runtime[data-kind=market] .root .frame{border:0;border-radius:28px;background:var(--surface);box-shadow:0 16px 38px #34462e12;overflow:hidden}
.demo-runtime[data-kind=market] .frame>header.top{padding:6px 18px 12px}
.demo-runtime[data-kind=market] .frame>header.top .mast{padding-left:8px;padding-right:8px}
.demo-runtime[data-kind=market] .frame>header.top .mast::after{border-radius:999px;height:3px;opacity:.3}
.demo-runtime[data-kind=market] .root .card{border-radius:20px;border:1px solid var(--hair);box-shadow:none;padding:18px}
.demo-runtime[data-kind=market] .root .card .pitch{border-radius:12px}
.demo-runtime[data-kind=market] .root .card .save{border-radius:999px}
.demo-runtime[data-kind=market] .root .chip{border-radius:999px;border-width:1px;box-shadow:none;text-transform:none;letter-spacing:0;padding:10px 18px}
.demo-runtime[data-kind=market] .root .card.issaved{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.demo-runtime[data-kind=market] .root .ticket{border-radius:20px;border:1px solid var(--hair);box-shadow:none;overflow:hidden}
.demo-runtime[data-kind=market] .root .ticket .stub{border-right:1px dashed var(--hair);background:var(--t-soft)}
.demo-runtime[data-kind=market] .root .sheetwrap .sheet{border-radius:24px 24px 0 0;overflow:auto}
.demo-runtime[data-kind=market] .root .peek{border-radius:20px;box-shadow:none}
.demo-runtime[data-kind=market] .root .peek :is(.save,.find,.close){border-radius:999px;box-shadow:none}
.demo-runtime[data-kind=market] .root .planwrap{border-radius:22px;overflow:hidden}
.demo-runtime[data-kind=market] .root :is(.keep,.showall,.browse,.reset,.primary,.ghost,.counter){border-radius:999px;box-shadow:none}
.demo-runtime[data-kind=market] .root .banner{border-radius:16px}
.demo-runtime[data-kind=market] .root .entry{border-radius:12px}
.demo-runtime[data-kind=market] .root .stop{border-radius:24px;box-shadow:none}
@media(max-width:600px){
  .sample.market-app{padding:24px 18px;border-radius:26px}
  .sample.market-app h3{font-size:40px;letter-spacing:-1.8px}
  .sample.market-app .stamp{width:72px;height:72px;font-size:8px}
  .sample.market-app .market-row{padding:15px 10px;grid-template-columns:26px minmax(0,1fr) 54px;gap:8px}
  .sample.market-app .market-row b{font-size:15px}
  .sample.market-app .market-row small{font-size:9px}
  .overview-menu[data-kind=market]{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom,0px));width:auto;padding:0;background:transparent}
  .demo-runtime[data-kind=market] .root .frame{border-radius:24px 24px 0 0!important}
  .demo-runtime[data-kind=market] .frame>header.top{padding:4px 10px 12px}
}
@media print{.demo-runtime[data-kind=market] .root .frame{border-radius:0;box-shadow:none}}