.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.manual-info{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.product-diagram,.clip-info{padding:26px 28px;background:#fff;border:1px solid #e5e9ee;border-radius:12px}
.product-diagram h2{text-align:center;font-size:clamp(26px,4vw,38px);margin:0 0 10px}
.diagram-visual{display:block;width:100%;height:auto;background:#fff}
.diagram-mask{fill:#fff}.diagram-dot{fill:#0860be}.diagram-marker text{fill:#fff;text-anchor:middle;font:700 20px Arial,Helvetica,sans-serif}
.diagram-key{display:grid;gap:12px;list-style:none;margin:4px auto 0;padding:0;max-width:660px}
.diagram-key li{display:flex;align-items:flex-start;gap:14px;margin:0;color:#222}
.diagram-key li>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#0860be;color:#fff;font-size:17px;font-weight:700}
.diagram-key strong{font-size:19px;line-height:1.35}.diagram-key p{margin:3px 0 0;color:#596772;font-size:15px;line-height:1.45}
.compatibility-info{padding:18px;background:#fff;border-radius:12px}
.manual-info img{display:block;width:100%;height:auto}
.clip-info h2{text-align:center;font-size:clamp(24px,4vw,38px);margin:2px 0 20px}
.clip-layout{display:block}
.clip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,330px));justify-content:center;gap:12px}
.clip-grid a{display:block;padding:0;border:1px solid #d9ecff;border-radius:14px;overflow:hidden;box-shadow:none;background:#d9ecff;text-decoration:none;color:#0a2a50}
.clip-art{display:block;aspect-ratio:716/540;overflow:hidden;background-image:url('manual-clip-hires.png');background-repeat:no-repeat;background-size:200% 200%;background-color:#fff}
.clip-art-width{background-position:0 0}.clip-art-secure{background-position:100% 0}.clip-art-curved{background-position:0 100%}.clip-art-half{background-position:100% 100%}
.clip-caption{display:flex;align-items:center;justify-content:center;min-height:58px;padding:10px 12px;background:#d9ecff;text-align:center;font-size:17px;font-weight:600;line-height:1.25}
.manual-info a:focus-visible{outline:3px solid #ecad20;outline-offset:4px}
.compat-alert{display:flex;align-items:center;gap:20px;padding:18px 24px;background:#d9ecff;border-radius:14px;color:#0a2a50}
.shield-icon{width:76px;height:auto;flex:0 0 auto;filter:drop-shadow(0 3px 4px rgba(0,61,130,.16))}
.compat-alert strong{display:block;font-size:clamp(18px,2.8vw,27px);line-height:1.2}
.compat-alert p{margin:6px 0 0;font-size:clamp(14px,2vw,18px);line-height:1.35;color:#1d3349}
.compat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 0}
.compat-card{display:grid;grid-template-rows:145px auto auto;min-width:0;overflow:hidden;background:#fff;border-radius:12px}
.compat-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 8px;text-align:center;color:#171c21}
.compat-copy p{margin:6px 0 0;font-size:15px;line-height:1.22}
.compat-copy strong{font-size:17px}
.incompat-icon{display:grid;place-items:center;width:38px;height:38px;border:3px solid #e31824;border-radius:50%;color:#e31824;font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:400;line-height:.85}
.compat-card>a{display:grid;place-items:center;height:240px;overflow:hidden;background:#fff}
.compat-photo{width:100%;height:240px!important;object-fit:contain}
.compat-photo-small{width:82%;height:185px!important}
.compat-card:last-child .compat-photo{clip-path:inset(0 0 3px 0)}
.compat-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;padding:10px 6px;background:#053e70;color:#fff;text-align:center;font-family:Arial,Helvetica,sans-serif}
.compat-label strong{font-size:18px;line-height:1.2}
.compat-label span{font-size:16px;line-height:1.25}
@media(max-width:600px){
  .product-diagram,.clip-info{padding:14px 12px}
  .diagram-key strong{font-size:16px}.diagram-key p{font-size:13px}
  .compatibility-info{padding:10px;border-radius:10px}
  .clip-info h2{margin:8px 0 14px}
  .clip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .clip-grid a{display:grid;grid-template-rows:auto 62px;width:100%;min-width:0;margin:0;border-radius:10px}
  .clip-art{width:100%;aspect-ratio:1/1}
  .clip-caption{min-height:62px;padding:7px 5px;font-size:13px;line-height:1.2}
  .compat-alert{gap:13px;padding:13px 14px;border-radius:10px}
  .shield-icon{width:58px}
  .compat-alert strong{font-size:17px}
  .compat-alert p{font-size:14px}
  .compat-grid{grid-template-columns:1fr;gap:14px}
  .compat-card{grid-template-columns:54px minmax(0,1fr);grid-template-rows:190px auto;max-width:310px;margin-inline:auto}
  .compat-copy{display:contents}
  .compat-copy .incompat-icon{grid-column:1;grid-row:1;align-self:center;justify-self:center}
  .compat-card>a{grid-column:2;grid-row:1;height:190px}
  .compat-photo{height:190px!important}
  .compat-photo-small{width:82%;height:165px!important}
  .compat-copy p{grid-column:1/-1;grid-row:2;margin:0;padding:15px 12px;background:#053e70;color:#fff;text-align:center;font-size:17px;line-height:1.3}
  .compat-copy strong{font-size:18px}
  .compat-label{display:none}
}