astro-island,astro-slot,astro-static-slot{display:contents}
#cudnn-integrations {
--cn-bg: var(--background, #fff);
--cn-surface: var(--grayscale-2, #f8f8f8);
--cn-ink: var(--grayscale-12, #202020);
--cn-muted: var(--grayscale-11, #606060);
--cn-line: var(--grayscale-a6, #ddd);
--cn-wire: var(--grayscale-a8, #aaa);
--cn-green: var(--accent-track, #76b900);
--cn-green-ink: var(--accent-12, #304b00);
--cn-tint: var(--accent-a3, #eef8df);
container: cudnn-map / inline-size;
color: var(--cn-ink);
font: inherit;
line-height: 1.5;
}
#cudnn-integrations * { box-sizing: border-box; }
#cudnn-integrations :where(p, strong, small) { margin: 0; padding: 0; }
#cudnn-integrations button { font-family: inherit; color: inherit; cursor: pointer; }
#cudnn-integrations :where(button, a):focus-visible { outline: 2px solid var(--cn-green); outline-offset: 3px; }
#cudnn-integrations [hidden] { display: none !important; }
#cudnn-integrations { border: 1px solid var(--cn-line); border-radius: 7px; margin-top: 26px; overflow: hidden; }
#cudnn-integrations .cudnn-map-toolbar { background: var(--cn-bg); border-bottom: 1px solid var(--cn-line); padding: 12px 22px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#cudnn-integrations .cudnn-map-label, #cudnn-integrations .cudnn-lane-label { font-size: 11px; letter-spacing: 1.2px; color: var(--cn-muted); font-weight: 600; }
#cudnn-integrations .cudnn-filters { display: flex; gap: 3px; }
#cudnn-integrations .cudnn-filters button { background: transparent; border: 0; border-radius: 4px; padding: 6px 11px; font-size: 11px; white-space: nowrap; }
#cudnn-integrations .cudnn-filters button:hover { background: var(--cn-surface); }
#cudnn-integrations .cudnn-filters button[aria-pressed="true"] { background: var(--cn-tint); color: var(--cn-green-ink); font-weight: 600; }
#cudnn-integrations .cudnn-map { display: grid; grid-template-columns: 1.62fr 1fr .92fr; gap: 0 24px; padding: 26px 24px 0; background: var(--cn-surface); }
#cudnn-integrations .cudnn-lane { min-width: 0; position: relative; display: flex; flex-direction: column; }
#cudnn-integrations .cudnn-lane[data-cudnn-highlight] { --cn-wire: var(--cn-green); }
#cudnn-integrations .cudnn-lane.cudnn-muted-lane .cudnn-node { background: var(--cn-surface); }
#cudnn-integrations .cudnn-lane:not(.cudnn-muted-lane) .cudnn-lane-label { color: var(--cn-green-ink); }
#cudnn-integrations .cudnn-lane-label { text-align: center; margin-bottom: 17px; font-size: 11px; }
#cudnn-integrations .cudnn-training-grid, #cudnn-integrations .cudnn-inference-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
#cudnn-integrations .cudnn-inference-grid { grid-template-columns: repeat(2,1fr); }
#cudnn-integrations .cudnn-node { position: relative; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 12px; font-weight: 500; padding: 12px 5px; line-height: 1.3; background: var(--cn-bg); border: 1px solid var(--cn-line); border-radius: 4px; min-height: 45px; transition: border-color 140ms, box-shadow 140ms; }
#cudnn-integrations .cudnn-node:hover, #cudnn-integrations .cudnn-node[aria-pressed="true"] { border-color: var(--cn-green); box-shadow: 0 0 0 2px var(--cn-tint); }
#cudnn-integrations .cudnn-node-mark { font-size: 13px; color: var(--cn-green-ink); font-weight: 700; }
#cudnn-integrations .cudnn-training-bridges { display: grid; grid-template-columns: 1fr 2fr; height: 79px; }
#cudnn-integrations .cudnn-direct-line { width: 1px; height: 121px; background: var(--cn-wire); justify-self: center; }
#cudnn-integrations .cudnn-te-bridge, #cudnn-integrations .cudnn-flashinfer-bridge { position: relative; padding-top: 26px; }
#cudnn-integrations .cudnn-te-bridge::after, #cudnn-integrations .cudnn-flashinfer-bridge::after { content: ''; position: absolute; width: 1px; top: 65px; height: 29px; left: 50%; background: var(--cn-wire); }
#cudnn-integrations .cudnn-training .cudnn-lane-stem { margin-left: 66.6667%; }
#cudnn-integrations .cudnn-branch-lines { position: absolute; left: 24%; right: 24%; top: 0; height: 13px; border: 1px solid var(--cn-wire); border-top: 0; border-radius: 0 0 3px 3px; }
#cudnn-integrations .cudnn-branch-lines::after { content: ''; position: absolute; left: 50%; top: 12px; height: 13px; width: 1px; background: var(--cn-wire); }
#cudnn-integrations .cudnn-bridge-node { min-height: 39px; padding: 9px 5px; width: 100%; font-size: 12px; }
#cudnn-integrations .cudnn-bridge-node > span:last-child { color: var(--cn-green-ink); margin-left: auto; margin-right: 5px; }
#cudnn-integrations .cudnn-te-bridge .cudnn-bridge-node { padding-left: 10px; }
#cudnn-integrations .cudnn-flashinfer-bridge { height: 79px; }
#cudnn-integrations .cudnn-flashinfer-bridge .cudnn-node { width: 81%; margin-inline: auto; padding-left: 14px; }
#cudnn-integrations .cudnn-flash { color: var(--cn-green-ink); font-size: 21px; line-height: .6; }
#cudnn-integrations .cudnn-lane-note { position: relative; z-index: 1; background: var(--cn-surface); font-size: 11px; color: var(--cn-muted); text-align: center; line-height: 1.4; margin-top: 3px; min-height: 12px; }
#cudnn-integrations .cudnn-lane-stem { width: 1px; min-height: 27px; flex: 1; background: var(--cn-wire); margin-inline: auto; position: relative; }
#cudnn-integrations .cudnn-lane-stem::after { content: ''; position: absolute; bottom: 0; left: -3px; width: 7px; height: 7px; border-bottom: 1px solid var(--cn-wire); border-right: 1px solid var(--cn-wire); transform: rotate(45deg); }
#cudnn-integrations .cudnn-custom-node { height: 124px; width: 100%; flex-direction: column; gap: 6px; }
#cudnn-integrations .cudnn-code-mark { color: var(--cn-green-ink); font: 19px monospace; margin-bottom: 4px; }
#cudnn-integrations .cudnn-custom-node strong { font-weight: 500; font-size: 12px; }
#cudnn-integrations .cudnn-custom-node small { font-size: 11px; color: var(--cn-muted); }
#cudnn-integrations .cudnn-foundation { grid-column: 1/-1; background: var(--cn-tint); border: 1px solid var(--cn-green); border-radius: 4px; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#cudnn-integrations .cudnn-foundation > div:first-child { display: flex; align-items: center; gap: 16px; }
#cudnn-integrations .cudnn-foundation-brand { font-size: 23px; font-weight: 700; letter-spacing: -.8px; }
#cudnn-integrations .cudnn-foundation-description { font-size: 12px; color: var(--cn-green-ink); }
#cudnn-integrations .cudnn-foundation-ops { display: flex; gap: 7px; }
#cudnn-integrations .cudnn-foundation-ops span { font: 11px monospace; background: var(--cn-bg); color: var(--cn-green-ink); border: 1px solid var(--cn-line); border-radius: 3px; padding: 4px 8px; }
#cudnn-integrations .cudnn-more-integrations { grid-column: 1/-1; padding: 15px 0; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
#cudnn-integrations .cudnn-more-integrations > span { color: var(--cn-muted); font-size: 11px; letter-spacing: 1px; }
#cudnn-integrations .cudnn-more-integrations button { border: 0; background: transparent; padding: 3px 0; font-size: 12px; }
#cudnn-integrations .cudnn-more-integrations button:hover, #cudnn-integrations .cudnn-more-integrations button[aria-pressed="true"] { color: var(--cn-green-ink); text-decoration: underline; text-underline-offset: 3px; }
#cudnn-integrations .cudnn-more-integrations button > span { margin-left: 8px; color: var(--cn-muted); }

#cudnn-integrations .cudnn-node[data-cudnn-active] { background: var(--cn-tint); border-color: var(--cn-green); }
#cudnn-integrations .cudnn-route-detail { border-top: 1px solid var(--cn-line); background: var(--cn-bg); padding: 18px 22px; min-height: 120px; }
#cudnn-integrations [data-cudnn-detail] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
#cudnn-integrations [data-cudnn-detail] > div { flex: 1; }
#cudnn-integrations [data-cudnn-detail] strong { font-size: 14px; font-weight: 600; }
#cudnn-integrations [data-cudnn-detail] p { font-size: 13px; color: var(--cn-muted); margin-top: 6px; }
#cudnn-integrations [data-cudnn-detail] a { font-size: 13px; color: var(--cn-green-ink); flex-shrink: 0; text-decoration: none; }
#cudnn-integrations [data-cudnn-detail] a:hover { text-decoration: underline; }
#cudnn-integrations noscript { display: block; padding: 16px; }
@container cudnn-map (max-width: 720px) {
#cudnn-integrations .cudnn-map { grid-template-columns: 1.5fr 1fr; gap: 0 20px; }
#cudnn-integrations .cudnn-direct { grid-column: 1/-1; padding: 20px 0; }
#cudnn-integrations .cudnn-custom-node { height: auto; min-height: 54px; flex-direction: row; gap: 10px; }
#cudnn-integrations .cudnn-direct .cudnn-lane-stem { display: none; }
#cudnn-integrations .cudnn-foundation { flex-wrap: wrap; }
#cudnn-integrations [data-cudnn-detail] { flex-direction: column; align-items: flex-start; gap: 10px; }
}
@container cudnn-map (max-width: 500px) {
#cudnn-integrations .cudnn-map-toolbar { flex-direction: column; align-items: stretch; padding: 16px; }
#cudnn-integrations .cudnn-filters { flex-wrap: wrap; }
#cudnn-integrations .cudnn-filters button { flex: 1; padding: 8px 6px; }
#cudnn-integrations .cudnn-map { padding: 20px 16px 0; grid-template-columns: 1fr; gap: 18px; }
#cudnn-integrations .cudnn-lane-label { text-align: left; }
#cudnn-integrations .cudnn-direct { padding: 0; }
#cudnn-integrations .cudnn-custom-node { flex-wrap: wrap; }
#cudnn-integrations .cudnn-foundation { padding: 15px; }
#cudnn-integrations .cudnn-foundation > div:first-child { flex-direction: column; align-items: flex-start; gap: 2px; }
#cudnn-integrations .cudnn-foundation-ops { flex-wrap: wrap; }
#cudnn-integrations .cudnn-more-integrations { gap: 10px 20px; }
#cudnn-integrations .cudnn-more-integrations > span { width: 100%; }
#cudnn-integrations .cudnn-route-detail { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) { #cudnn-integrations * { transition: none !important; } }
@media (pointer: coarse) { #cudnn-integrations :where(button, a) { min-height: 44px; } }