.stocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 16px;display:grid}.stock{align-content:start;gap:10px;display:grid}.stock-card{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;justify-items:start;gap:8px;padding:0;display:grid}button.stock-card{cursor:pointer}button.stock-card:focus-visible{outline:2px solid var(--f-red);outline-offset:6px}.stock-canister{aspect-ratio:3/4;grid-template-rows:10px 1fr;width:min(100%,132px);margin-bottom:6px;display:grid;position:relative}.stock-cap{background:linear-gradient(90deg,#7b7268,#c9c0b3 45%,#7b7268);border-radius:3px 3px 0 0;margin-inline:8%}.stock-body{background:var(--f-ink);border-radius:6px;place-items:center;padding:10px 8px;display:grid;box-shadow:inset 6px 0 #ffffff0f,inset -6px 0 #0000004d}.stock-label{background:var(--f-cream);width:100%;min-height:56%;color:var(--f-ink);font-family:var(--font-editorial), Georgia, serif;font-variation-settings:"wdth" 87.5, "opsz" 36;text-align:center;text-transform:uppercase;place-items:center;padding:8px 6px;font-size:13px;font-weight:800;line-height:1.05;display:grid}.stock-leader{background:radial-gradient(circle, var(--f-paper) 1.6px, transparent 2px) 50% 4px / 8px 10px repeat-y, var(--f-leader);border-radius:0 3px 3px 0;width:22%;height:34%;position:absolute;top:38%;right:-16%}button.stock-card:hover .stock-body{background:var(--f-red)}.stock-name{font-family:var(--font-editorial), Georgia, serif;font-variation-settings:"wdth" 87.5, "opsz" 300;font-size:19px;font-weight:700;line-height:1.1}.stock-recommended,.stock-see{font:600 11px/1 var(--font-sans), system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase}.stock-recommended{color:var(--f-ember)}.stock-see{color:var(--f-red)}.stock-desc{line-height:1.6}@media (min-width:640px){.stocks{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}}@media (min-width:1100px){.stocks{grid-template-columns:repeat(5,minmax(0,1fr))}}