/* Compatibility presentation only; model data and link markup stay unchanged. */
.tcpf-compatibility{box-sizing:border-box;clear:both;float:none;width:100%;margin:20px 0;padding:16px 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:inherit}
.tcpf-compatibility h2{margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.7}
.tcpf-compatibility .tcpf-family-label{margin:0 0 12px;font-size:12px;line-height:1.8;color:#667085}
.tcpf-compatibility .tcpf-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px 14px;list-style:none!important;margin:0!important;padding:0!important}
.tcpf-compatibility .tcpf-model-grid>li{display:block;min-width:0;float:none;width:auto;margin:0!important;padding:0;list-style:none}
.tcpf-compatibility .tcpf-model-grid>li::before,.tcpf-compatibility .tcpf-model-grid>li::after{content:none}
.tcpf-compatibility a.tcpf-model-chip{display:flex;box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;min-height:52px;padding:12px 22px;cursor:pointer;border:1px solid #d5dfe7;border-radius:10px;background:#fff;color:#0A3556;text-decoration:none;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.tcpf-compatibility a.tcpf-model-chip,.tcpf-compatibility a.tcpf-model-chip bdi{font-family:Arial,Helvetica,sans-serif!important;font-size:15px;font-weight:700;font-style:normal;line-height:22px;direction:ltr;unicode-bidi:isolate;white-space:nowrap;word-break:normal;overflow-wrap:normal;letter-spacing:0;font-variant-numeric:lining-nums}
.tcpf-compatibility a.tcpf-model-chip bdi{color:inherit}
/* Decorative chevron inherits the button color, including hover and press. */
.tcpf-compatibility a.tcpf-model-chip::after{content:"";display:block;flex:0 0 auto;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);color:inherit;margin-right:3px}
@media(hover:hover) and (pointer:fine){.tcpf-compatibility a.tcpf-model-chip:hover{background:#0A3556;border-color:#0A3556;color:#fff;box-shadow:0 3px 8px #0a35561a}}
.tcpf-compatibility a.tcpf-model-chip:active{background:#0A3556;border-color:#0A3556;color:#fff;box-shadow:inset 0 2px 4px #00000026}
.tcpf-compatibility .tcpf-model-group+.tcpf-model-group{margin-top:18px}
.tcpf-compatibility a.tcpf-model-chip:focus-visible{outline:2px solid #0A3556;outline-offset:3px}
.tcpf-product-card a:focus-visible{outline:2px solid #1a316c;outline-offset:3px}
@media(max-width:600px){.tcpf-compatibility{margin:16px 0;padding:13px}.tcpf-compatibility .tcpf-model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tcpf-compatibility a.tcpf-model-chip{min-height:40px;padding:8px 5px;gap:4px;border-radius:7px}.tcpf-compatibility a.tcpf-model-chip,.tcpf-compatibility a.tcpf-model-chip bdi{font-size:clamp(9px,2.7vw,12px);line-height:18px}.tcpf-compatibility a.tcpf-model-chip::after{width:5px;height:5px;margin-right:2px}}
@media(prefers-reduced-motion:reduce){.tcpf-compatibility a.tcpf-model-chip{transition:none}}
.tcpf-landing{max-width:1200px;margin:0 auto;padding:clamp(20px,4vw,60px) 20px}.tcpf-landing-heading{padding-block:1rem 2rem;border-bottom:1px solid #dce4e7;margin-bottom:2rem}.tcpf-landing h1{font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.5}.tcpf-eyebrow{font-size:.8rem;color:#356574}.tcpf-intro{max-width:850px;line-height:2}.tcpf-product-grid{list-style:none!important;padding:0!important;margin:1.5rem 0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tcpf-product-card{border:1px solid #dce4e7;border-radius:12px;padding:1rem;margin:0!important;overflow:hidden}.tcpf-product-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.tcpf-product-card a{text-decoration:none;color:inherit}.tcpf-product-card h3{font-size:1rem;line-height:1.8}.tcpf-pagination{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin:2rem 0}.tcpf-pagination .page-numbers{padding:.5rem .9rem;border:1px solid #dce4e7;border-radius:6px}.tcpf-pagination .current{background:#174f60;color:white}@media(max-width:900px){.tcpf-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.tcpf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.tcpf-product-card{padding:.65rem}}@media(max-width:340px){.tcpf-product-grid{grid-template-columns:1fr}}

/* Scoped layout overrides: keep theme grid/link styles outside this component. */
section.tcpf-compatibility ul.tcpf-model-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 22px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:0!important}
section.tcpf-compatibility ul.tcpf-model-grid>li{display:block!important;float:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
section.tcpf-compatibility ul.tcpf-model-grid>li>a.tcpf-model-chip{position:relative;display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:64px!important;padding:18px 26px!important;border:1.5px solid #0A3556!important;border-radius:11px!important;background:#fff!important;color:#0A3556!important;text-align:center!important;direction:ltr!important;cursor:pointer!important;box-shadow:0 2px 5px #0a35560d;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
section.tcpf-compatibility ul.tcpf-model-grid>li>a.tcpf-model-chip bdi{font-weight:700!important;color:inherit!important;text-align:center!important;direction:ltr!important;unicode-bidi:isolate;white-space:nowrap}
section.tcpf-compatibility ul.tcpf-model-grid>li>a.tcpf-model-chip::after{position:absolute;right:13px;top:50%;margin:0;transform:translateY(-50%) rotate(45deg);color:inherit!important}
@media(hover:hover) and (pointer:fine){section.tcpf-compatibility ul.tcpf-model-grid>li>a.tcpf-model-chip:hover{background:#0A3556!important;color:#fff!important;box-shadow:0 4px 10px #0a355626}}
section.tcpf-compatibility ul.tcpf-model-grid>li>a.tcpf-model-chip:active{background:#0A3556!important;color:#fff!important;box-shadow:inset 0 3px 6px #00000033}
@media(max-width:600px){section.tcpf-compatibility ul.tcpf-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 10px!important}section.tcpf-compatibility ul.tcpf-model-grid>li>a.tcpf-model-chip{min-height:52px!important;padding:14px 8px!important;border-radius:9px!important}section.tcpf-compatibility ul.tcpf-model-grid>li>a.tcpf-model-chip bdi{font-size:clamp(8px,2.4vw,12px)!important}section.tcpf-compatibility ul.tcpf-model-grid>li>a.tcpf-model-chip::after{right:3px;width:4px;height:4px;border-width:1.5px}}
@media(prefers-reduced-motion:reduce){section.tcpf-compatibility ul.tcpf-model-grid>li>a.tcpf-model-chip{transition:none}}