.af-root{--af-red:#ed123b;--af-ink:#17202d;--af-muted:#738094;--af-border:#e5e8ee;font-family:Inter,Arial,sans-serif;color:var(--af-ink);background:#fff;border:1px solid var(--af-border);border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #17202d04;box-sizing:border-box}.af-root *{box-sizing:border-box}.af-root h3,.af-root p{margin:0}.af-header{padding:21px 24px 0}.af-eyebrow{display:block;font-size:9px;font-weight:800;letter-spacing:.13em;color:var(--af-red);margin-bottom:6px}.af-header h3{font-size:19px;line-height:1.25;letter-spacing:-.45px;font-weight:750}.af-header p{font-size:12px;line-height:1.5;color:var(--af-muted);margin-top:6px}.af-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;padding:19px 24px}.af-code-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:13px 14px;background:#fafbfc;border:1px solid var(--af-border);border-radius:9px}.af-code-content{min-width:0}.af-item-label{display:block;font-size:9px;font-weight:650;color:var(--af-muted);letter-spacing:.025em;margin-bottom:4px}.af-fitment{display:block;font-size:15px;font-weight:750;line-height:1.3;margin-bottom:4px;overflow-wrap:anywhere}.af-code-item code{display:block;color:#4d5a6d;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.5;user-select:all;overflow-wrap:anywhere}.af-code-item:not(:has(.af-fitment)) code{font-size:14px;font-weight:700;color:var(--af-ink)}.af-copy{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none;padding:8px 6px;border:0;border-radius:6px;background:transparent;color:var(--af-red);font-family:inherit;font-size:9px;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .15s,color .15s}.af-copy:hover{background:#fff0f3;color:#c50f31}.af-copy:focus-visible{outline:3px solid #ffb7c6;outline-offset:2px}.af-copy:disabled{opacity:.6;cursor:wait}.af-copy.af-copied{color:#24734c}.af-copy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.af-footer{border-top:1px solid #eef0f4;padding:11px 24px 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 16px}.af-footer p{font-size:10px;line-height:1.5;color:#8a94a2}.af-status{font-size:10px;color:#526174;line-height:1.5}.af-empty{grid-column:1/-1;font-size:12px;color:var(--af-muted);padding:6px 0}.af-fitments-list{padding:16px 24px 0}.af-fitments-list>span{display:block;font-size:10px;color:var(--af-muted);margin-bottom:7px}.af-fitments-list>div{display:flex;flex-wrap:wrap;gap:6px}.af-fitments-list strong{display:inline-block;font-size:11px;font-weight:650;border:1px solid #f5ccd5;background:#fff4f6;color:#b72040;border-radius:5px;padding:4px 8px}.af-copy-fallback{position:fixed;left:-9999px;top:0;opacity:0}
@media(max-width:520px){.af-header{padding:18px 17px 0}.af-header h3{font-size:18px}.af-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 17px;gap:7px}.af-code-item{padding:11px 10px;gap:6px}.af-fitment{font-size:14px}.af-code-item code{font-size:10px}.af-copy{padding:7px 3px;font-size:8px}.af-copy svg{width:15px;height:15px}.af-footer{padding:10px 17px}.af-fitments-list{padding:15px 17px 0}}
@media(max-width:340px){.af-code-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.af-copy{transition:none}}