.rf-compat__inner{gap:var(--spacing-5);max-width:64rem;display:grid}.rf-compat__hero{gap:var(--spacing-3);display:grid}.rf-compat__hero h1{color:var(--color-navy);overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:700;line-height:1.2}.rf-compat__answer{padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-standard);color:var(--color-text-primary);margin:0;font-size:1rem;line-height:1.6}.rf-compat__links{gap:var(--spacing-1) var(--spacing-5);flex-wrap:wrap;margin:0;display:flex}.rf-compat__links a{min-height:var(--spacing-8);color:var(--color-navy);text-underline-offset:3px;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.rf-compat__group{padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-standard)}.rf-compat__group h2{margin:0 0 var(--spacing-2);color:var(--color-navy);overflow-wrap:anywhere;font-size:1.0625rem;font-weight:700;line-height:1.35}.rf-compat__lede,.rf-compat__prose,.rf-compat__muted{margin:0 0 var(--spacing-3);color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.rf-compat__prose strong{color:var(--color-text-primary);font-weight:600}.rf-compat__muted{margin-bottom:0;font-size:.875rem}.rf-compat__prose-list{padding-left:var(--spacing-5);color:var(--color-text-secondary);margin:0;line-height:1.8;list-style:outside}.rf-compat__prose-list a,.rf-compat__hubs a{color:var(--color-navy);text-underline-offset:3px;text-decoration:underline}.rf-compat__hubs{margin:var(--spacing-3) 0 0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.8}.rf-compat__list{border:1px solid var(--color-border);border-radius:var(--radius-friendly);margin:0;padding:0;list-style:none;overflow:hidden}.rf-compat__list>li+li{border-top:1px solid var(--color-border)}.rf-compat__row{gap:var(--spacing-1) var(--spacing-3);padding:var(--spacing-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.rf-compat__name{color:var(--color-navy);overflow-wrap:anywhere;grid-column:1;font-weight:600;line-height:1.35;text-decoration:none}.rf-compat__name:hover,.rf-compat__name:focus-visible{text-decoration:underline}.rf-compat__tag{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-friendly);text-align:center;grid-column:2;justify-self:end;font-size:.75rem;font-weight:600;line-height:1.3}.rf-compat__tag--verified{background:var(--color-compat-green-bg);color:var(--color-compat-green-text)}.rf-compat__tag--listed{background:var(--color-compat-amber-bg);color:var(--color-compat-amber-text)}.rf-compat__meta{color:var(--color-text-secondary);grid-column:1/-1;font-size:.875rem}.rf-compat__parts{gap:var(--spacing-1) var(--spacing-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.rf-compat__parts a{min-height:var(--spacing-8);padding:0 var(--spacing-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-friendly);color:var(--color-text-primary);font-family:var(--font-mono);align-items:center;font-size:.8125rem;text-decoration:none;display:inline-flex}.rf-compat__parts a:hover,.rf-compat__parts a:focus-visible{border-color:var(--color-navy);background:var(--color-surface-alt)}.rf-compat__more{margin-top:var(--spacing-3)}.rf-compat__more summary{align-items:center;gap:var(--spacing-2);min-height:var(--spacing-8);margin-bottom:var(--spacing-2);padding:0 var(--spacing-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-friendly);color:var(--color-navy);cursor:pointer;font-weight:600;list-style:none;display:inline-flex}.rf-compat__more summary::-webkit-details-marker{display:none}.rf-compat__more summary:after{content:"";width:var(--spacing-2);height:var(--spacing-2);border-bottom:2px solid;border-right:2px solid;transform:translateY(-2px)rotate(45deg)}.rf-compat__more[open] summary:after{transform:translateY(2px)rotate(-135deg)}.rf-compat__more summary:hover,.rf-compat__more summary:focus-visible{border-color:var(--color-navy)}.rf-compat__devices{gap:0 var(--spacing-6);color:var(--color-text-secondary);margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.rf-compat__devices li{justify-content:space-between;align-items:center;gap:var(--spacing-3);min-height:var(--spacing-8);border-bottom:1px solid var(--color-border-subtle);display:flex}.rf-compat__devices a{color:var(--color-navy);font-size:1rem;text-decoration:none}.rf-compat__devices a:hover,.rf-compat__devices a:focus-visible{text-decoration:underline}.rf-compat__chips{gap:var(--spacing-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.rf-compat__chips a{min-height:var(--spacing-8);padding:0 var(--spacing-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-friendly);color:var(--color-navy);align-items:center;font-size:.9375rem;text-decoration:none;display:inline-flex}.rf-compat__chips a:hover,.rf-compat__chips a:focus-visible{border-color:var(--color-navy);background:var(--color-surface-alt)}.rf-compat__finder{gap:var(--spacing-2);display:grid}.rf-compat__finder-label{color:var(--color-navy);font-size:.875rem;font-weight:600}.rf-compat__input{width:100%;min-height:var(--spacing-9);padding:0 var(--spacing-4);border:1px solid var(--color-border-input);border-radius:var(--radius-friendly);background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-size:1rem}.rf-compat__input:focus-visible{outline:2px solid var(--color-navy);outline-offset:2px}.rf-compat__status{min-height:1.25rem;color:var(--color-text-secondary);margin:0;font-size:.875rem}.rf-compat__results{border:1px solid var(--color-border);border-radius:var(--radius-friendly);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.rf-compat__results>li+li{border-top:1px solid var(--color-border)}.rf-compat__results a{justify-content:space-between;align-items:center;gap:var(--spacing-1) var(--spacing-3);min-height:var(--spacing-9);padding:var(--spacing-2) var(--spacing-3);color:var(--color-navy);flex-wrap:wrap;font-weight:600;text-decoration:none;display:flex}.rf-compat__results a:hover,.rf-compat__results a:focus-visible{background:var(--color-surface-alt)}.rf-compat__hit{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.rf-compat__hit--yes{color:var(--color-compat-green-text)}.rf-compat__brands{margin:0 0 var(--spacing-3);gap:var(--spacing-2);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.rf-compat__brands a{justify-content:space-between;align-items:center;gap:var(--spacing-2);min-height:var(--spacing-9);padding:0 var(--spacing-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-friendly);color:var(--color-navy);overflow-wrap:anywhere;font-weight:600;text-decoration:none;display:flex}.rf-compat__brands a:hover,.rf-compat__brands a:focus-visible{border-color:var(--color-navy);background:var(--color-surface-alt)}.rf-compat__brands a span{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.rf-compat__brands[data-expanded=false] .rf-compat__brand--extra{display:none}.rf-compat__toggle{min-height:var(--spacing-8);padding:0 var(--spacing-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-friendly);background:var(--color-surface);color:var(--color-navy);font:inherit;cursor:pointer;font-weight:600}.rf-compat__toggle:hover,.rf-compat__toggle:focus-visible{border-color:var(--color-navy)}@media (min-width:768px){.rf-compat__group{padding:var(--spacing-5) var(--spacing-6)}.rf-compat__row{gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);grid-template-columns:minmax(0,1.4fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,2fr)}.rf-compat__name,.rf-compat__tag,.rf-compat__meta,.rf-compat__parts{grid-column:auto}.rf-compat__tag{justify-self:start}.rf-compat__parts{justify-content:flex-end}.rf-compat__parts a{min-height:var(--spacing-7)}.rf-compat__devices{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-compat__brands{grid-template-columns:repeat(4,minmax(0,1fr))}.rf-compat__finder{max-width:36rem}}