/* Products overview, software and hardware pages. */
.products-software .sy-hw-note, .products-hardware .sy-product-set { display: none; }
/* Free tools sit apart from the products: a quiet note on the products pages, their own cards on /tools/. */
.sy-tools-note { border-left-color: var(--sy-white); }
.products-software .sy-tools-note { display: grid; }
.products-hardware .sy-tools-note { display: none; }
.sy-hw-note + .sy-hw-note { margin-top: 20px; }
.tools-license { max-width: 760px; }
.tools-license p { margin: 0 0 12px; font-size: 15px; line-height: 1.65; color: var(--sy-gray); }
.tools-license ul { margin: 0 0 16px; padding-left: 18px; color: var(--sy-gray); font-size: 15px; line-height: 1.65; }
.pm { display: grid; gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); overflow-x: auto; }
.pm-head, .pm-row { display: grid; grid-template-columns: 180px repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--sy-line); min-width: 640px; }
.pm-head span { padding: 12px 14px; background: var(--sy-panel); font-family: var(--sy-mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--sy-gray); }
.pm-head .pm-corner { color: var(--sy-gray-dim); }
.pm-row { background: var(--sy-black); }
.pm-row > * { background: var(--sy-black); }
.pm-scale { padding: 14px; font-family: var(--sy-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--sy-gray); display: flex; align-items: center; }
.pm-row { grid-auto-flow: dense; }
.pm-chip { grid-column: calc(var(--c) + 1) / span var(--w); margin: 8px; padding: 12px 14px; border: 1px solid var(--sy-gray-dim); border-radius: 4px; text-decoration: none; color: var(--sy-white); display: grid; gap: 4px; background: var(--sy-black); min-height: 44px; }
.pm-chip:hover { border-color: var(--sy-white); background: var(--sy-panel); }
.pm-chip b { font-family: var(--sy-display); font-weight: 500; font-size: 16px; letter-spacing: -.02em; }
.pm-chip span { font-size: 12.5px; line-height: 1.45; color: var(--sy-gray); }
.pm-chip-hw { border-color: var(--sy-blue); background: var(--sy-blue-wash); }
.pm-chip-hw:hover { border-color: var(--sy-blue-text); }