.cupboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.cupboard-item { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.cupboard-item .eyebrow { margin-top: 0; }
.cupboard-item h2 { font-size: 23px; letter-spacing: -.5px; }
.cupboard-item > .desk-button { margin-top: auto; }
.asset-preview { width: 100%; height: 164px; margin: 5px 0 20px; border: 1px solid #a2a88d; background: #e2e3d1; }
.badge-preview { display: flex; align-items: center; justify-content: center; background-color: #23301f; background-image: linear-gradient(#afc47a14 1px, transparent 1px), linear-gradient(90deg,#afc47a14 1px,transparent 1px); background-size: 14px 14px; }
.badge-preview img { max-width: 100%; height: auto; image-rendering: auto; }
.miniature-pass { padding: 15px 20px; display: grid; align-content: center; gap: 7px; max-width: 100%; font: 11px/1.5 'Courier New', monospace; }
.miniature-pass b { font: 900 23px/1 Arial, sans-serif; }
.miniature-pass strong { background: #34452c; color: #e8ecd6; padding: 3px 8px; letter-spacing: 1px; }
.miniature-pass i { font-style: normal; color: #8b493c; font-weight: bold; font-size: 10px; }
.paper-preview { background: #f9f7ed; padding: 16px 20px; display: flex; flex-direction: column; gap: 7px; font: 12px/1.5 'Courier New', monospace; }
.paper-preview small { font-size: 8px; padding-bottom: 8px; border-bottom: 2px solid #38452c; }
.paper-rule { height: 9px; border-bottom: 1px solid #c0c3b3; }
.paper-preview em { font-size: 8px; margin-top: auto; text-align: right; color: #667258; }
.expense-preview { display: flex; flex-direction: column; padding: 18px 20px; gap: 7px; font: 10px/1.5 'Courier New', monospace; background: #f0efd9; }
.expense-preview b { padding-bottom: 7px; border-bottom: 1px solid #8d9878; }
.expense-preview i { color: #8b493c; font-weight: bold; font-style: normal; }
.item-extra { display: block; margin-top: 16px; font: 12px/1.6 'Courier New', monospace; }
.embed-code { width: 100%; font: 12px/1.6 'Courier New', monospace; margin-top: 16px; }
.embed-code summary { cursor: pointer; min-height: 44px; padding: 10px 0; }
.embed-code pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 11px/1.8 'Courier New', monospace; background: #dcdcca; border: 1px solid #a2a88d; padding: 14px; }
.wallpaper-item { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; align-items: center; }
.wallpaper-preview { width: 100%; height: auto; border: 1px solid #5e7043; box-shadow: 4px 4px #26302025; }
.form-note { font: 11px/1.7 'Courier New', monospace; margin-bottom: 0; }
.cupboard-note { margin: 30px 0 0; max-width: 750px; color: #b4c1a5; font: 12px/1.8 'Courier New', monospace; }
.cupboard-note > b { font-size: 11px; letter-spacing: 1px; }
@media (max-width: 700px) {
  .cupboard-grid, .wallpaper-item { grid-template-columns: minmax(0, 1fr); }
  .wallpaper-item { gap: 24px; }
  .asset-preview { height: 158px; }
  .miniature-pass { font-size: 9px; padding: 15px; }
  .miniature-pass strong { letter-spacing: 0; }
  .cupboard-item h2 { font-size: 21px; }
}