/* Lot Twenty-Two — plaza ticket paper. Prefix lot- (not nob/c1/lst) */
:root{
  --lot-ink:#1a2418;
  --lot-olive:#2f4a32;
  --lot-paprika:#b44a22;
  --lot-cream:#f3ead6;
  --lot-paper:#fffaf0;
  --lot-rule:#d8cbb0;
  --lot-mute:#6b6456;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.lot-sheet{
  background:var(--lot-cream);
  color:var(--lot-ink);
  font:17px/1.55 Georgia,"Times New Roman",serif;
}
.lot-skip{position:absolute;left:-999px}
.lot-skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:4}
.lot-perf{
  height:14px;
  background:
    radial-gradient(circle at 10px 7px,#c9b992 5px,transparent 6px) 0 0/20px 14px,
    var(--lot-olive);
}
.lot-head{
  background:var(--lot-paper);
  border-bottom:8px solid var(--lot-olive);
  padding:18px 22px 12px;
}
.lot-brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;max-width:42rem}
.lot-brand img{width:48px;height:48px}
.lot-brand b{display:block;font:700 1.7rem/1.05 Georgia,serif;letter-spacing:.01em}
.lot-brand span{display:block;color:var(--lot-olive);font-size:.92rem}
.lot-nav{
  display:flex;flex-wrap:wrap;gap:0;
  margin-top:14px;
  border:1px solid var(--lot-rule);
}
.lot-nav a{
  flex:1 1 auto;
  text-align:center;
  padding:10px 12px;
  text-decoration:none;
  color:var(--lot-olive);
  border-right:1px solid var(--lot-rule);
  font:600 .95rem/1.2 "Segoe UI",system-ui,sans-serif;
}
.lot-nav a:last-child{border-right:0}
.lot-nav a.is-on{background:var(--lot-olive);color:var(--lot-paper)}
.lot-nav [data-cart-count]{margin-left:.35rem}
.lot-nav [hidden]{display:none!important}
.lot-body{
  max-width:980px;
  margin:0 auto;
  padding:28px 18px 48px;
  display:grid;
  grid-template-columns:220px 1fr;
  gap:28px;
}
@media(max-width:800px){.lot-body{grid-template-columns:1fr}}
.lot-aside{
  background:var(--lot-olive);
  color:var(--lot-cream);
  padding:16px 14px;
  font:14px/1.45 "Segoe UI",system-ui,sans-serif;
}
.lot-aside a{color:#f6e3a8}
.lot-aside h2{margin:0 0 8px;font:700 1rem/1.2 Georgia,serif;color:#f6e3a8}
.lot-main h1{font:700 2.3rem/1.1 Georgia,serif;margin:.2rem 0 12px}
.lot-kicker{font:700 .8rem/1.3 "Segoe UI",system-serif,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lot-paprika);margin:0}
.lot-lede{font-size:1.08rem}
.lot-fig{margin:18px 0}
.lot-fig img{width:100%;height:320px;object-fit:cover;display:block;border:1px solid var(--lot-rule)}
.lot-fig figcaption{font:13px/1.4 "Segoe UI",system-ui,sans-serif;color:var(--lot-mute);padding:6px 0}
.lot-table{width:100%;border-collapse:collapse;font:15px/1.4 "Segoe UI",system-ui,sans-serif}
.lot-table th{text-align:left;border-bottom:2px solid var(--lot-olive);padding:8px 6px}
.lot-table td{border-bottom:1px solid var(--lot-rule);padding:10px 6px;vertical-align:top}
.lot-table button{
  background:var(--lot-paprika);color:#fff;border:0;padding:7px 10px;cursor:pointer;
  font:650 .8rem/1 "Segoe UI",system-ui,sans-serif;
}
.lot-table button.just-added{background:var(--lot-olive)}
.lot-price{white-space:nowrap;font-weight:700;color:var(--lot-olive)}
.lot-note{background:var(--lot-paper);border-left:6px solid var(--lot-paprika);padding:12px 14px}
.lot-form{display:grid;gap:8px;max-width:32rem;font:15px/1.4 "Segoe UI",system-ui,sans-serif}
.lot-form label{font-weight:650}
.lot-form input,.lot-form textarea{
  border:1px solid var(--lot-rule);background:#fff;padding:9px;font:inherit
}
.lot-form button{
  background:var(--lot-olive);color:var(--lot-paper);border:0;padding:12px;cursor:pointer;font:700 1rem/1 Georgia,serif
}
.lot-paywall{background:#fff;border:1px dashed var(--lot-paprika);padding:10px}
.lot-form .hp{position:absolute;left:-9999px}
.form-err{color:var(--lot-paprika)}
.lot-lines .line{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;border-bottom:1px solid var(--lot-rule);padding:8px 0;font:15px/1.3 "Segoe UI",system-ui,sans-serif}
.lot-lines button{border:1px solid var(--lot-rule);background:#fff;cursor:pointer}
.lot-foot{
  background:var(--lot-ink);color:#e8dfcc;padding:22px 18px 32px;font:14px/1.5 "Segoe UI",system-ui,sans-serif
}
.lot-foot a{color:#f6e3a8;margin-right:12px}
.lot-copy{color:#b8ae98}
span[hidden]{display:none!important}
.lot-404{padding:48px 18px;max-width:40rem;margin:0 auto}