/* A photograph-first front cover: the complete photo is fitted, never cropped. */
.flip-cover:not(.flip-back) .cover-border{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:0;overflow:hidden;align-content:stretch;min-height:0;padding:18px 18px 15px}
.flip-cover:not(.flip-back) .cover-overline{grid-column:1;grid-row:1;line-height:1.5;font-size:8px;margin:0}
.flip-cover:not(.flip-back) .cover-cuisine{grid-column:1;grid-row:2;margin:8px 0 10px;font-size:11px;line-height:1.5}
.flip-cover:not(.flip-back) .flip-cover-photo{grid-column:1;grid-row:3;width:100%;height:100%;min-height:0;max-height:none;margin:0;border:3px solid #e6d3a15c;background:#39291d24;box-shadow:0 4px 12px #1c110926;align-self:stretch;overflow:hidden}
.flip-cover-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
.flip-cover:not(.flip-back) .cover-ornament{grid-column:1;grid-row:3;align-self:center;margin:0}
.flip-cover:not(.flip-back) .cover-name{grid-column:1;grid-row:4;margin:12px 0 7px;min-height:0;max-height:none;height:auto;overflow:visible;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;line-height:1.4;font-size:25px;letter-spacing:1px}
.flip-cover:not(.flip-back) .cover-name.long-title{font-size:20px}
.flip-cover:not(.flip-back) .cover-stars{grid-column:1;grid-row:5;margin:0;line-height:1.5;justify-content:center}
.flip-cover:not(.flip-back) .cover-meta{grid-column:1;grid-row:6;display:grid;grid-template-columns:58px minmax(0,1fr);font-size:11px;gap:6px 9px;margin:11px 0 0;padding:10px 0 0;border-bottom:0;align-content:start}
.flip-cover:not(.flip-back) .cover-meta dd{max-height:none;overflow:hidden;line-height:1.6;margin:0}
.flip-cover:not(.flip-back) .cover-meta .cover-place{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.flip-back .cover-name{max-height:none;overflow:visible;line-height:1.4}
.leaf-shop-summary{font:13px/1.9 var(--serif);color:#756447;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;max-height:30%;overflow-y:auto;flex:none}
#bookStage.is-dragging,#bookStage.is-dragging *{cursor:grabbing!important;user-select:none}
@media(max-width:700px),(pointer:coarse) and (max-height:500px){.flip-cover:not(.flip-back) .cover-border{padding:13px 12px 12px}.flip-cover:not(.flip-back) .cover-overline{font-size:9px}.flip-cover:not(.flip-back) .cover-cuisine{margin:7px 0 10px;font-size:12px;letter-spacing:2px}.flip-cover:not(.flip-back) .cover-name{font-size:25px;margin:11px 0 6px;line-height:1.4}.flip-cover:not(.flip-back) .cover-name.long-title{font-size:19px}.flip-cover:not(.flip-back) .cover-meta{font-size:12px;grid-template-columns:56px minmax(0,1fr);margin-top:10px;padding-top:9px;gap:5px 8px}.leaf-shop-summary{font-size:14px;line-height:1.8}}
@media(pointer:coarse) and (max-height:500px) and (orientation:landscape){.flip-cover:not(.flip-back) .cover-border{display:grid;grid-template-columns:minmax(70px,1fr) minmax(0,1.1fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:5px 9px;padding:8px}.flip-cover:not(.flip-back) .cover-overline{display:none}.flip-cover:not(.flip-back) .cover-cuisine{grid-column:1/-1;grid-row:1;font-size:10px;margin:0 0 3px}.flip-cover:not(.flip-back) .flip-cover-photo{grid-column:1;grid-row:2/5;min-height:0;width:100%;height:100%;border-width:2px}.flip-cover:not(.flip-back) .cover-name{grid-column:2;grid-row:2;font-size:18px;line-height:1.4;margin:0;align-self:end;max-height:none}.flip-cover:not(.flip-back) .cover-name.long-title{font-size:15px}.flip-cover:not(.flip-back) .cover-stars{grid-column:2;grid-row:3;font-size:14px;gap:1px;flex-wrap:wrap;justify-content:flex-start}.flip-cover:not(.flip-back) .cover-meta{grid-column:2;grid-row:4;grid-template-columns:minmax(0,1fr);font-size:10px;gap:2px;margin:0;padding:2px 0;border:0}.flip-cover:not(.flip-back) .cover-meta dt{display:none}.flip-cover:not(.flip-back) .cover-meta dd{line-height:1.4}}
.flip-cover:not(.flip-back) .cover-name.very-long-title{font-size:17px}
@media(max-width:700px),(pointer:coarse) and (max-height:500px){.flip-cover:not(.flip-back) .cover-name.very-long-title{font-size:16px}}
@media(pointer:coarse) and (max-height:500px) and (orientation:landscape){.flip-cover:not(.flip-back) .cover-name.very-long-title{font-size:14px}}