.products-page .pl-trust{max-width:64ch;margin:var(--ds-space-3) 0 var(--ds-space-4);color:var(--ds-color-foreground-secondary);font-size:var(--ds-text-sm);line-height:var(--ds-leading-normal)}.pl-browse{margin-top:var(--ds-space-8)}.pl-browse>h2{margin:0 0 var(--ds-space-4);font-size:var(--ds-text-lg)}.cat-tiles{gap:var(--ds-space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));margin:0;padding:0;list-style:none;display:grid}.cat-tile{align-items:center;gap:var(--ds-space-3);min-height:56px;padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-md);background:var(--ds-color-surface-solid);box-shadow:var(--ds-shadow-surface);color:var(--ds-color-foreground-primary);font-weight:var(--ds-weight-semibold);transition:transform var(--ds-motion-fast) var(--ds-ease), box-shadow var(--ds-motion-fast) var(--ds-ease), border-color var(--ds-motion-fast) var(--ds-ease);grid-template-columns:auto 1fr auto;text-decoration:none;display:grid}.cat-tile:hover{border-color:color-mix(in srgb, var(--ds-color-primary) 45%, var(--ds-color-border-subtle));box-shadow:4px 5px 0 color-mix(in srgb, var(--ds-color-primary) 55%, transparent), var(--ds-shadow-surface);transform:translate(-2px,-3px)}.cat-tile:focus-visible{box-shadow:var(--ds-focus);outline:none}.cat-tile[aria-current=page]{border-color:var(--ds-color-primary);background:color-mix(in srgb, var(--ds-color-primary) 10%, var(--ds-color-surface-solid))}.cat-tile-art{display:block}.cat-tile-name{min-width:0;line-height:var(--ds-leading-snug)}.cat-tile-count,.pl-count{background:color-mix(in srgb, var(--ds-color-foreground-primary) 9%, transparent);min-width:2.2em;color:var(--ds-color-foreground-secondary);font-family:var(--font-pixel), monospace;font-size:var(--ds-text-xs);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 7px}.cat-tiles[data-compact]{gap:var(--ds-space-2);scrollbar-width:thin;scroll-snap-type:x proximity;flex-wrap:wrap;margin:0 -4px;padding:4px 4px 10px;display:flex}.cat-tiles[data-compact]>li{scroll-snap-align:center;flex:none}@media (max-width:720px){.cat-tiles[data-compact]{flex-wrap:nowrap;overflow-x:auto}}.cat-tiles[data-compact] .cat-tile{min-height:44px;padding:var(--ds-space-1) var(--ds-space-3);font-size:var(--ds-text-sm);white-space:nowrap}.pf{gap:var(--ds-space-3);margin:var(--ds-space-8) 0 var(--ds-space-2);padding:var(--ds-space-5);border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-solid);box-shadow:0 6px 0 color-mix(in srgb, var(--ds-color-primary) 22%, transparent), var(--ds-shadow-surface);display:grid}.pf-search{max-width:520px}.pf-search input::-webkit-search-cancel-button{appearance:none}.pf-row{align-items:center;gap:var(--ds-space-3);min-width:0;display:flex}.pf-label{min-width:5rem;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);flex:none}.pf-scroll{scrollbar-width:none;min-width:0;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.pf-scroll .ds-radio-buttons{width:max-content}.pf-foot{align-items:baseline;gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.pf-status{color:var(--ds-color-foreground-secondary);font-weight:var(--ds-weight-semibold);margin:0}.pf-status:focus{outline:none}.pf-clear{color:var(--ds-color-foreground-primary);font:inherit;font-weight:var(--ds-weight-semibold);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.pl-section{scroll-margin-top:calc(var(--site-header-h,64px) + var(--ds-space-4));margin-top:48px}.pl-section[hidden]{display:none}.pl-section-head{align-items:center;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.pl-section-head h2{margin:0}.pl-more{color:var(--ds-color-primary);font-weight:var(--ds-weight-semibold);margin-left:auto;text-decoration:none}.pl-more:hover{text-decoration:underline}.pl-scope{margin:var(--ds-space-2) 0 var(--ds-space-4);color:var(--ds-color-foreground-secondary)}.pl-foot{padding-top:var(--ds-space-6);border-top:1px solid var(--ds-color-border-subtle);margin-top:72px}.pl-foot h2{font-size:var(--ds-text-lg)}.product-cards>li[hidden]{display:none}.product-cards>li:nth-child(5n+1){--tone-ink:var(--ds-color-foreground-on-primary)}.product-cards>li:nth-child(5n+2),.product-cards>li:nth-child(5n+3){--tone-ink:var(--ink)}.product-cards>li:nth-child(5n+4){--tone-ink:var(--shine)}.product-cards>li:nth-child(5n+5){--tone-ink:var(--ink)}.product-card .ds-card__header{justify-content:flex-end;gap:var(--ds-space-3);flex-direction:row-reverse}.product-card .ds-card__header>div{min-width:0}.product-card .ds-eyebrow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pc-tile{border:2px solid var(--ink);background:var(--tone);width:36px;height:36px;box-shadow:3px 3px 0 var(--ink);color:var(--tone-ink);font-family:var(--font-pixel), monospace;border-radius:10px;flex:none;place-items:center;font-size:17px;line-height:1;display:grid}[data-ds-theme=dark] .pc-tile{border-color:color-mix(in srgb, var(--shine) 30%, transparent);box-shadow:3px 3px 0 color-mix(in srgb, var(--shine) 18%, transparent)}.product-card .ds-card__body{padding-top:0}.pc-summary{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.pc-runs{margin:var(--ds-space-3) 0 0;color:var(--ds-color-foreground-secondary);font-size:var(--ds-text-sm)}.pc-runs-label{color:var(--ds-color-foreground-primary);font-weight:var(--ds-weight-semibold);margin-right:4px}@media (max-width:520px){.pf{padding:var(--ds-space-4)}.pf-row{align-items:flex-start;gap:var(--ds-space-2);flex-direction:column}.pf-label{min-width:0}.pf-scroll{width:100%}.pl-more{flex-basis:100%;margin-left:0}}.pl-browse-compact{margin-top:var(--ds-space-6)}.pl-compare{margin-top:var(--ds-space-8)}.pp-actions{gap:var(--ds-space-2);margin:var(--ds-space-5) 0 var(--ds-space-4);flex-wrap:wrap;display:flex}.pp-actions .ds-button{text-decoration:none}.pp-actions .ds-button[data-variant=primary]{box-shadow:0 4px 0 color-mix(in srgb, var(--ds-color-primary) 55%, var(--ink))}.pp-actions .ds-button[data-variant=primary]:active{box-shadow:0 2px 0 color-mix(in srgb, var(--ds-color-primary) 55%, var(--ink));transform:translateY(2px)}.pp-glance{gap:var(--ds-space-2);margin:0 0 var(--ds-space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.pp-glance>li{margin:0}.pp-chip{align-items:center;gap:var(--ds-space-2);border:1px solid var(--ds-color-border-subtle);background:var(--ds-color-surface-solid);min-height:36px;color:var(--ds-color-foreground-primary);font-size:var(--ds-text-sm);border-radius:999px;padding:4px 12px;display:inline-flex}.pp-chip-label{color:var(--ds-color-foreground-secondary)}.pp-chip-link{font-weight:var(--ds-weight-semibold);transition:border-color var(--ds-motion-fast) var(--ds-ease), box-shadow var(--ds-motion-fast) var(--ds-ease);text-decoration:none}.pp-chip-link:hover{border-color:var(--ds-color-primary);box-shadow:2px 3px 0 color-mix(in srgb, var(--ds-color-primary) 45%, transparent)}.pp-chip-link:focus-visible{box-shadow:var(--ds-focus);outline:none}.pp-pager{align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-6);grid-template-columns:1fr auto 1fr;display:grid}.pp-pager-link{padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-md);background:var(--ds-color-surface-solid);color:var(--ds-color-foreground-primary);transition:transform var(--ds-motion-fast) var(--ds-ease), box-shadow var(--ds-motion-fast) var(--ds-ease);gap:2px;text-decoration:none;display:grid}.pp-pager-link:hover{box-shadow:0 4px 0 color-mix(in srgb, var(--ds-color-primary) 40%, transparent);transform:translateY(-2px)}.pp-pager-link:focus-visible,.pp-pager-all:focus-visible{box-shadow:var(--ds-focus);outline:none}.pp-pager-next{text-align:right}.pp-pager-dir{color:var(--ds-color-foreground-secondary);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-wide);text-transform:uppercase}.pp-pager-name{font-weight:var(--ds-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pp-pager-all{color:var(--ds-color-foreground-secondary);font-size:var(--ds-text-sm);text-align:center}.product-page .skill-main .product-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}@media (max-width:520px){.pp-actions .ds-button{flex:1 1 calc(50% - var(--ds-space-2))}.pp-pager{grid-template-columns:1fr 1fr}.pp-pager-all{grid-area:2/1/auto/-1}.cat-tiles:not([data-compact]){grid-template-columns:1fr 1fr}.cat-tiles:not([data-compact]) .cat-tile{column-gap:var(--ds-space-2);min-height:0;padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-sm);grid-template-rows:auto auto;grid-template-columns:auto 1fr;row-gap:0}.cat-tiles:not([data-compact]) .cat-tile-art{grid-row:1/3}.cat-tiles:not([data-compact]) .cat-tile-count{background:0 0;justify-self:start;min-width:0;padding:0}}[data-ds-theme=dark] .cat-tile-art,[data-ds-theme=dark] .pl-section-art,[data-ds-theme=dark] .pp-chip-link .pixel{box-sizing:content-box;background:color-mix(in srgb, var(--shine) 90%, transparent);border-radius:6px;padding:3px}.pl-table th[scope=row]{font-weight:var(--ds-weight-semibold);text-align:left}@media (max-width:720px){.pl-table th[scope=row],.pl-table thead th:first-child{z-index:1;background:var(--ds-color-surface-solid);box-shadow:1px 0 0 var(--ds-color-border-subtle);position:sticky;left:0}}@media (prefers-reduced-motion:reduce){.cat-tile,.pp-pager-link,.pp-chip-link,.product-cards .ds-card{transition:none}.cat-tile:hover,.pp-pager-link:hover,.product-cards .ds-card[data-interactive]:hover{transform:none}}.pf-rows{gap:var(--ds-space-3);display:grid}.pf-toggle{display:none}@media (max-width:520px){.pf-toggle{align-items:center;gap:var(--ds-space-2);width:100%;min-height:44px;padding:0 var(--ds-space-3);border:1px solid var(--ds-color-border-subtle);background:var(--ds-color-surface-solid);color:var(--ds-color-foreground-primary);font:inherit;font-weight:var(--ds-weight-semibold);cursor:pointer;border-radius:11px;display:flex}.pf-toggle:focus-visible{box-shadow:var(--ds-focus);outline:none}.pf-toggle-active{background:var(--ds-color-primary);color:var(--ds-color-foreground-on-primary);font-size:var(--ds-text-xs);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:2px 8px;overflow:hidden}.pf-toggle-caret{margin-left:auto}.pf-rows:not([data-open]){display:none}}
