@layer components{.ndm-dev-paths{row-gap:var(--head-gap);padding-block:var(--space-y)}.ndm-dev-path-list{gap:var(--col-gap);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ndm-dev-path-list>li{display:grid}.ndm .ndm-dev-path{gap:32px;padding:32px}.ndm-dev-path-lead{gap:8px;display:grid}.ndm .ndm-dev-path h3{letter-spacing:-.01em;font-size:20px;line-height:26px}.ndm-dev-path-lead p{max-width:26rem;color:var(--muted-foreground);text-wrap:pretty;font-size:15px;line-height:24px}.ndm-dev-path-products{margin-top:auto;display:grid}.ndm .ndm-dev-path .ndm-lcard-more{margin-top:0}.ndm-dev-path-products li{border-top:1px solid var(--border);align-items:center;gap:12px;padding-block:12px;display:flex}.ndm-dev-path-name{flex:1;min-width:0;font-size:14px;line-height:20px;display:grid}.ndm-dev-path-name b{font-weight:500}.ndm-dev-path-name span{color:var(--muted-foreground)}.ndm-dev-path-stat{border-radius:var(--radius-badge-md);background:var(--tone-subtle);height:20px;color:var(--tone-strong);white-space:nowrap;flex:none;align-items:center;padding:0 6px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.ndm-dev-guides{row-gap:var(--head-gap);padding-block:var(--space-y)}.ndm-dev-guide-list{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--border);display:grid}.ndm-dev-guide{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--border);align-items:start;row-gap:24px;padding-block:40px;display:grid}.ndm-dev-guide-copy{grid-column:1/span 5;gap:8px;display:grid}.ndm .ndm-dev-guide h3{letter-spacing:0;font-size:1.25rem;line-height:1.5rem}.ndm-dev-guide-copy p{color:var(--muted-foreground);text-wrap:pretty;font-size:1rem;line-height:1.5rem}.ndm-dev-guide-copy code{border-radius:calc(var(--radius-md) / 2);background:var(--muted);color:var(--foreground);font-family:var(--font-mono);overflow-wrap:anywhere;padding:1px 5px;font-size:.875em}.ndm-dev-guide-side{grid-column:7/-1;grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.ndm-dev-code{border-radius:var(--radius-xl);background:var(--well);color:var(--foreground);font-family:var(--font-mono);margin:0;padding:16px 20px;font-size:.8125rem;line-height:1.25rem;overflow-x:auto}.ndm-dev-links{gap:4px;margin-top:-12px;display:grid}.ndm-dev-link{border-radius:var(--radius-xl);color:inherit;transition:background-color var(--duration-fast) var(--ease-standard);align-items:center;gap:16px;margin-inline:-12px;padding:12px;text-decoration:none;display:flex}.ndm-dev-link-text{min-width:0;color:var(--muted-foreground);text-wrap:pretty;flex:1;font-size:.875rem;line-height:1.25rem}.ndm-dev-link-text strong{color:var(--foreground);margin-bottom:2px;font-weight:500;display:block}.ndm-dev-link-arrow{color:var(--muted-foreground);transition:translate var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex:none}@media (hover:hover) and (pointer:fine){.ndm-dev-link:hover{background:var(--hover)}.ndm-dev-link:hover .ndm-dev-link-arrow{color:var(--foreground);translate:2px}}@media (max-width:860px){.ndm-dev-path-list{grid-template-columns:minmax(0,1fr)}.ndm-dev-guide-copy,.ndm-dev-guide-side{grid-column:1/-1}.ndm-dev-links{margin-top:0}}@media (max-width:760px){.ndm .ndm-dev-path{gap:24px;padding:24px}.ndm-dev-guide{padding-block:32px}}}