.pairing-direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pairing-direction{padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.pairing-direction>p{margin:0;color:var(--muted)}
.pairing-direction .pairing-direction-label{margin-bottom:9px;color:var(--text);font-family:var(--font-heading);font-size:23px;font-weight:700;line-height:1.18}
.pairing-guide-examples{display:grid;gap:8px;margin-top:18px}
.pairing-guide-example{min-height:76px;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:7px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);text-decoration:none;transition:border-color 160ms ease,background 160ms ease}
.pairing-guide-example:hover{border-color:var(--line-strong);background:rgba(120,216,170,.07)}
.pairing-guide-example img{width:64px;height:64px;object-fit:contain;border-radius:11px;background:#06160e}
.pairing-guide-example small{display:block;color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.pairing-guide-example strong{display:block;margin-top:2px;font-family:var(--font-heading);font-size:17px;line-height:1.15}
.pairing-avoid{margin-top:12px;padding:20px 22px;border:1px solid rgba(228,192,120,.42);border-radius:20px;background:rgba(228,192,120,.08)}
.pairing-avoid strong{color:var(--accent);font-size:14px}
.pairing-avoid p{margin:5px 0 0;color:#e7dfcd}
.pairing-guide-hint{margin:14px 0 0;color:var(--primary);font-size:13px;font-weight:750}

@media(max-width:980px){
  .pairing-direction-grid{grid-template-columns:1fr}
}

@media(max-width:620px){
  .pairing-direction{padding:18px 16px}
  .pairing-direction .pairing-direction-label{font-size:21px}
}

@media(prefers-reduced-motion:reduce){
  .pairing-guide-example{transition:none}
}