/* ══════════════════════════════════════════════════════════════════
   Venn Canteen · the close button in the pairing sheet
   Option 12 of the close-button study, chosen by Snider on 1 Oct 2026: a firm hairline cross with no box,
   two 1.6 px lines on an 18 px square, inside a 44 px tap target. It turns a quarter on hover (real pointers only).
   Replaces the boxed × from /css/menu-pairing.css. Loaded after it and after /css/menu-pairing-gallery.css.
   Markup: <button class="pour-sheet__close"><span class="pour-sheet__x"></span></button> (built by the installer).
   ══════════════════════════════════════════════════════════════════ */
.pour-sheet__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--ink);font-size:0;line-height:0}
.pour-sheet__x{position:relative;display:block;width:18px;height:18px;transition:transform .25s ease}
.pour-sheet__x::before,.pour-sheet__x::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1.6px;background:currentColor;transform:rotate(45deg)}
.pour-sheet__x::after{transform:rotate(-45deg)}
@media (hover:hover){.pour-sheet__close:hover .pour-sheet__x{transform:rotate(90deg)}}
@media (prefers-reduced-motion:reduce){.pour-sheet__x{transition:none}}