/* ══════════════════════════════════════════════════════════════════
   Venn Canteen · the pairing sheet on phones (3 Oct 2026, design pass item C)
   On a phone the sheet now says what the drink is before the pictures: the name, the maker and style
   with the strength, then the note on why it goes with the dish, then the row of pictures, then the
   note on the glass. On a computer nothing changes (the glass note already ends with the strength
   there, so .pour__abv stays hidden).
   Markup from the installer (_pairing-prototypes/production/install_menu_extras.py, strength from
   "abv" in pairing_data.py): article.sheet-pour > .sheet-stage + .sheet-text > h3.pour__name,
   p.pour__meta > span.pour__abv, p.pour__glass, p.pour__why.
   Loaded by /menu/ and /pt/menu/ after /css/menu-photo-close.css. New path, so no purge needed.
   ══════════════════════════════════════════════════════════════════ */
.pour__abv{display:none}
@media (max-width:640px){
  .pour__abv{display:inline}
  .pour-sheet .sheet-pour{display:flex;flex-direction:column}
  .pour-sheet .sheet-pour > .sheet-text{display:contents}
  .pour-sheet .sheet-pour .pour__name{order:1;padding:20px 20px 0}
  .pour-sheet .sheet-pour .pour__meta{order:2;padding:0 20px;margin-bottom:14px}
  .pour-sheet .sheet-pour .pour__why{order:3;margin:0 20px 22px}
  .pour-sheet .sheet-pour > .sheet-stage{order:4;border-top:1px solid rgba(17,17,16,.14)}
  .pour-sheet .sheet-pour .pour__glass{order:5;margin:0;padding:18px 20px 28px}
}