.ribbonCompatibility{padding:22px 0 20px;border-top:1px solid var(--line,#dedbd5);border-bottom:0}
.ribbonCompatibility__heading{display:grid;gap:5px;margin-bottom:14px;text-align:left}.ribbonCompatibility__heading strong{color:var(--ink,#191918);font-size:15px;line-height:1.45}.ribbonCompatibility__heading span,.ribbonCompatibility__help{color:var(--muted,#77736d);font-size:13px;line-height:1.5}.ribbonCompatibility__field{position:relative;display:block}.ribbonCompatibility__field input{width:100%;height:48px;box-sizing:border-box;padding:0 48px 0 14px;border:1px solid #aaa59e;border-radius:6px;background:#fff;color:#191918;font:inherit;font-size:15px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.ribbonCompatibility__field input:focus{border-color:#191918;box-shadow:0 0 0 2px rgba(25,25,24,.08)}.ribbonCompatibility__indicator{position:absolute;top:50%;right:16px;width:18px;height:18px;transform:translateY(-50%)}.ribbonCompatibility.is-loading .ribbonCompatibility__indicator{border:2px solid #ddd9d3;border-top-color:#55514c;border-radius:50%;animation:ribbonCompatibilitySpin .7s linear infinite}.ribbonCompatibility.is-success .ribbonCompatibility__indicator::before,.ribbonCompatibility.is-incompatible .ribbonCompatibility__indicator::before{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#fff;font-size:12px;font-weight:700}.ribbonCompatibility.is-success .ribbonCompatibility__indicator::before{content:"✓";background:#2f7055}.ribbonCompatibility.is-incompatible .ribbonCompatibility__indicator::before{content:"!";background:#9f4239}.ribbonCompatibility__help{margin:7px 0 0;text-align:left}.ribbonCompatibility__summary{margin-top:11px;color:#3f3c38;font-size:13px;line-height:1.5;text-align:left}.ribbonCompatibility__summary button{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.ribbonCompatibilityDialog[hidden]{display:none}.ribbonCompatibilityDialog{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:20px}.ribbonCompatibilityDialog__backdrop{position:absolute;inset:0;background:rgba(20,19,18,.48)}.ribbonCompatibilityDialog__panel{position:relative;width:min(420px,100%);box-sizing:border-box;padding:24px;border-radius:10px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.22);outline:none}.ribbonCompatibilityDialog__panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ribbonCompatibilityDialog__panel h2{margin:0;color:#191918;font-size:20px;line-height:1.4}.ribbonCompatibilityDialog__close{width:40px;height:40px;margin:-10px -10px -10px 0;border:0;background:transparent;color:#4d4944;font-size:28px;line-height:1;cursor:pointer}.ribbonCompatibilityDialog__card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center}.ribbonCompatibilityDialog__image{overflow:hidden;aspect-ratio:4/5;border-radius:6px;background:#f4f2ee}.ribbonCompatibilityDialog__image img{display:block;width:100%;height:100%;object-fit:cover}.ribbonCompatibilityDialog__identity{min-width:0;text-align:left}.ribbonCompatibilityDialog__identity span{display:block;margin-bottom:5px;color:#77736d;font-size:13px;text-transform:uppercase}.ribbonCompatibilityDialog__identity strong{display:block;color:#191918;font-size:17px;line-height:1.45;overflow-wrap:anywhere}.ribbonCompatibilityDialog__identity p{margin:8px 0 0;color:#77736d;font-size:13px}.ribbonCompatibilityDialog__result{margin-top:20px;padding:16px;border-radius:6px;font-size:15px;font-weight:700;line-height:1.55;text-align:left}.ribbonCompatibilityDialog__result.is-compatible{background:#edf5f0;color:#225b43}.ribbonCompatibilityDialog__result.is-incompatible{background:#fbefed;color:#87382f}.ribbonCompatibilityDialog__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.ribbonCompatibilityDialog__actions button{min-height:48px;border-radius:6px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.ribbonCompatibilityDialog__secondary{border:1px solid #cfcac3;background:#fff;color:#34312e}.ribbonCompatibilityDialog__primary{border:1px solid #191918;background:#191918;color:#fff}body.is-ribbon-dialog-open{overflow:hidden}@keyframes ribbonCompatibilitySpin{to{transform:translateY(-50%) rotate(360deg)}}
.ribbonCompatibility__label{display:block;margin:0 0 7px;padding:0;color:#3f3c38;font-size:13px;font-weight:600;line-height:1.5;text-align:left}.ribbonCompatibility__field{height:48px;margin:0;padding:0}.ribbonCompatibility__indicator{top:24px}.ribbonCompatibilityDialog__close{position:relative;display:grid!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;place-items:center;border-radius:50%!important}.ribbonCompatibilityDialog__close:hover{background:#f4f2ee!important}.ribbonCompatibilityDialog__close span{position:relative;display:block;width:22px;height:22px}.ribbonCompatibilityDialog__close span::before,.ribbonCompatibilityDialog__close span::after{content:"";position:absolute;top:10px;left:1px;width:20px;height:2px;border-radius:2px;background:#3f3c38}.ribbonCompatibilityDialog__close span::before{transform:rotate(45deg)}.ribbonCompatibilityDialog__close span::after{transform:rotate(-45deg)}
@media(max-width:640px){.ribbonCompatibility{padding:20px 0}.ribbonCompatibilityDialog{align-items:end;padding:0}.ribbonCompatibilityDialog__panel{width:100%;padding:20px 20px max(20px,env(safe-area-inset-bottom));border-radius:14px 14px 0 0}.ribbonCompatibilityDialog__card{grid-template-columns:108px minmax(0,1fr);gap:15px}}