/* Compact: denser grid, shorter thumb, hide secondary metadata */
[data-card-density="compact"] .recipe-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap:.6rem }
[data-card-density="compact"] .card-thumb { height:120px }
[data-card-density="compact"] .card-body { padding:.55rem .7rem }
[data-card-density="compact"] .card-time-info { display:none }
[data-card-density="compact"] .card-date { display:none }
[data-card-density="compact"] .stars { display:none }
[data-card-density="compact"] .tag-chip { display:none }
[data-card-density="compact"] .cat-label-text { display:none }
/* Minimal: photo grid — image + title only */
[data-card-density="minimal"] .recipe-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap:.4rem }
[data-card-density="minimal"] .card-thumb { height:100px }
[data-card-density="minimal"] .card-body { padding:.4rem .5rem }
[data-card-density="minimal"] .card-badges { margin:.2rem 0 0 }
[data-card-density="minimal"] .cat-label-text { display:none }
[data-card-density="minimal"] .card-time-info { display:none }
[data-card-density="minimal"] .card-date { display:none }
[data-card-density="minimal"] .stars { display:none }
[data-card-density="minimal"] .tag-chip { display:none }
[data-card-density="minimal"] .card-actions { display:none }
[data-card-density="minimal"] .recipe-card h3 { font-size:.8rem; -webkit-line-clamp:1; margin:.2rem 0 0 }
/* Cookbook/flipbook view: always full density regardless of global setting */
.cb-wrap .cat-label-text { display:inline !important }
/* Card peek overlay */
.card-peek { position:absolute; inset:0; z-index:6; pointer-events:none; opacity:0; transition:opacity .18s;
  background:linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.55) 55%, transparent 100%);
  display:flex; flex-direction:column; justify-content:flex-end }
.recipe-card:hover .card-peek, .recipe-card.peek-open .card-peek { opacity:1; pointer-events:auto }
.card-peek-body { padding:.45rem .55rem }
.card-peek-meta { color:rgba(255,255,255,.8); font-size:.72rem; margin-bottom:.3rem }
.card-peek-ingredients { list-style:none; margin:0 0 .2rem; padding:0; color:#fff; font-size:.7rem; line-height:1.45 }
.card-peek-more { opacity:.6; font-style:italic }