/* Site fixes (Nov 1 2026): bigger footer logo, footer without the per-flavor list */
.site-footer .footer-brand .logo{height:46px}
@media (min-width:760px){.site-footer .footer-top{grid-template-columns:1.4fr 1fr 1fr 1.6fr}.site-footer .footer-brand .logo{height:52px}}

/* Pairing cards (Nov 1 2026): site card style, flavor accents, gaps, clear of the music button */
.pairing .wrap.narrow{max-width:var(--wrap)}
.pairing .section-head{max-width:820px;margin-left:auto;margin-right:auto}
.pairs{display:grid;grid-template-columns:1fr;gap:14px;border-top:0!important;margin:0}
.pairs .pair{position:relative;display:flex!important;flex-direction:column;gap:12px;margin:0;padding:26px 22px 22px!important;overflow:hidden;background:color-mix(in srgb,var(--c1) 5%,#fff)!important;border:1px solid color-mix(in srgb,var(--c1) 22%,var(--line))!important;border-radius:var(--r)!important;box-shadow:none!important}
.pairs .pair::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--c1) 50%,var(--c2) 50%)}
.pairs .pair dt{font:italic 800 26px/1.1 var(--font-display);color:var(--ink)}
.pairs .pair dd{margin:0;display:flex;flex-direction:column;gap:12px;flex:1}
.pairs .pair-fs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pairs .pair-f{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid color-mix(in srgb,var(--c) 35%,var(--line))!important;border-radius:999px!important;background:#fff;color:var(--ink)!important;font:500 14px/1 var(--sans);text-decoration:none;white-space:nowrap;box-shadow:none!important;transition:border-color .25s var(--ease),background-color .25s var(--ease)}
.pairs .pair-f:hover{border-color:var(--c)!important;background:color-mix(in srgb,var(--c) 8%,#fff)}
.pairs .pair-f .dot{width:10px;height:10px}
.pairs .pair-or{color:var(--muted);font-size:13px}
.pairs .pair-why{color:var(--ink);opacity:.78;font-size:15px;line-height:1.5}
.pairing{padding-bottom:calc(clamp(48px,7vw,88px) + 64px)!important}
@media (min-width:640px){.pairs{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pairs .pair{grid-column:span 2}.pairs .pair:last-child:nth-child(odd){grid-column:2/span 2}}
@media (min-width:1024px){.pairs{grid-template-columns:repeat(6,minmax(0,1fr))}.pairs .pair,.pairs .pair:last-child:nth-child(odd){grid-column:span 2}.pairs .pair:nth-child(4):nth-last-child(2){grid-column:2/span 2}}