.toplist{display: grid;gap: var(--space-6,1.5rem);margin-block: var(--space-6,1.5rem) var(--space-8,2rem);}.toplist__items{display: grid;gap: var(--space-4,1rem);margin: 0;padding: 0;list-style: none;}.toplist__group{margin: var(--space-4,1rem) 0 0;font-family: var(--font-display,inherit);font-size: var(--text-h3,1.375rem);line-height: 1.2;}.toplist__item{position: relative;display: grid;grid-template-columns: 7.5rem minmax(0,1fr);grid-template-areas: "photo body" "photo buy";gap: var(--space-3,0.75rem) var(--space-4,1rem);padding: var(--space-4,1rem);background: var(--paper-card,var(--paper,#fff));border: 1px solid var(--line,#ddd);border-radius: var(--radius,0);}@media (min-width: 48rem){.toplist__item{grid-template-columns: 10rem minmax(0,1fr) minmax(12rem,15rem);grid-template-areas: "photo body buy";align-items: start;}}.toplist__pos{position: absolute;top: var(--space-2,0.5rem);left: var(--space-2,0.5rem);z-index: 1;min-width: 2rem;height: 2rem;padding: 0 var(--space-1,0.25rem);display: grid;place-items: center;background: var(--ink,#111);color: var(--paper,#fff);font-family: var(--font-display,inherit);font-weight: var(--fw-bold,700);font-size: var(--text-sm,0.875rem);border-radius: var(--radius-sm,var(--radius,0));font-variant-numeric: tabular-nums;}.toplist__photo{grid-area: photo;display: block;min-width: 0;}@media (max-width: 30rem){.toplist__item{grid-template-columns: 5.5rem minmax(0,1fr);grid-template-areas: "photo body" "buy buy";}}.toplist__body{grid-area: body;display: grid;gap: var(--space-2,0.5rem);align-content: start;min-width: 0;}.toplist__pick{margin: 0;font-size: var(--text-xs,0.75rem);font-weight: var(--fw-semibold,600);letter-spacing: var(--tracking-eyebrow,0.04em);text-transform: uppercase;color: var(--text-muted,inherit);}.toplist__name{margin: 0;font-size: var(--text-h4,1.125rem);line-height: 1.25;}.toplist__name a{color: inherit;text-decoration: none;}.toplist__name a:hover,.toplist__name a:focus-visible{text-decoration: underline;}.toplist__brand{display: block;font-size: var(--text-sm,0.875rem);font-weight: var(--fw-medium,500);color: var(--text-muted,inherit);}.toplist__detail,.toplist__value,.toplist__drop{margin: 0;font-size: var(--text-sm,0.875rem);}.toplist__value,.toplist__drop{font-weight: var(--fw-semibold,600);}.toplist__facts{display: flex;flex-wrap: wrap;gap: var(--space-1,0.25rem) var(--space-3,0.75rem);margin: 0;font-size: var(--text-sm,0.875rem);}.toplist__facts div{display: flex;gap: 0.35em;}.toplist__facts dt{color: var(--text-muted,inherit);}.toplist__facts dt::after{content: ":";}.toplist__facts dd{margin: 0;font-weight: var(--fw-medium,500);}.toplist__buy{grid-area: buy;min-width: 0;display: grid;gap: var(--space-1,0.25rem);align-content: start;}.toplist__buy p{margin: 0;}.toplist__amount{font-family: var(--font-display,inherit);font-size: var(--text-price,1.5rem);font-weight: var(--fw-price,var(--fw-bold,700));font-variant-numeric: tabular-nums;}.toplist__at,.toplist__shops,.toplist__low{font-size: var(--text-sm,0.875rem);color: var(--text-muted,inherit);}.toplist__go{margin-top: var(--space-2,0.5rem);justify-self: start;max-width: 100%;white-space: normal;overflow-wrap: anywhere;}.toplist__compare{font-size: var(--text-sm,0.875rem);}.toplist__empty{margin: 0;padding: var(--space-4,1rem);border: 1px dashed var(--line-strong,#999);}.toplist__how{max-width: var(--measure,40rem);padding: var(--space-4,1rem) var(--space-5,1.25rem);background: var(--paper-soft,var(--paper-2,transparent));border-left: 3px solid var(--ink,#111);font-size: var(--text-sm,0.875rem);}.toplist__how-h{margin: 0 0 var(--space-2,0.5rem);font-size: var(--text-h4,1.125rem);}.toplist__how p{margin: 0 0 var(--space-2,0.5rem);}.toplist__how p:last-child{margin-bottom: 0;}.toplist-head{display: grid;gap: var(--space-3,0.75rem);padding-block: var(--space-6,1.5rem) 0;}.toplist-head__meta{margin: 0;font-size: var(--text-sm,0.875rem);color: var(--text-muted,inherit);}.toplist-head__title{margin: 0;}.toplist-head__lede{margin: 0;max-width: var(--measure,40rem);font-size: var(--text-body-lg,1.125rem);}.toplist-faq{max-width: var(--measure,40rem);margin-block: var(--space-6,1.5rem);}.toplist-faq details{border-top: 1px solid var(--line,#ddd);padding-block: var(--space-3,0.75rem);}.toplist-faq summary{cursor: pointer;font-weight: var(--fw-semibold,600);}.toplist-faq p{margin: var(--space-2,0.5rem) 0 0;}.toplist-hub{display: grid;gap: var(--space-4,1rem);margin: var(--space-6,1.5rem) 0;padding: 0;list-style: none;}.toplist-hub__item{padding: var(--space-4,1rem);border: 1px solid var(--line,#ddd);border-radius: var(--radius,0);background: var(--paper-card,var(--paper,#fff));}.toplist-hub__link{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-4,1rem);align-items: center;color: inherit;text-decoration: none;}.toplist-hub__link:has(.toplist-hub__photo){grid-template-columns: 7rem minmax(0,1fr);}.toplist-hub__photo{min-width: 0;}.toplist-hub__body{display: grid;gap: var(--space-1,0.25rem);min-width: 0;}@media (max-width: 30rem){.toplist-hub__link:has(.toplist-hub__photo){grid-template-columns: 5rem minmax(0,1fr);}}.toplist-hub__tag{font-size: var(--text-xs,0.75rem);font-weight: var(--fw-semibold,600);letter-spacing: var(--tracking-eyebrow,0.04em);text-transform: uppercase;color: var(--text-muted,inherit);}.toplist-hub__title{font-family: var(--font-display,inherit);font-size: var(--text-h4,1.125rem);font-weight: var(--fw-semibold,600);}.toplist-hub__link:hover .toplist-hub__title,.toplist-hub__link:focus-visible .toplist-hub__title{text-decoration: underline;}.toplist-hub__lede{margin: var(--space-1,0.25rem) 0 0;max-width: var(--measure,40rem);color: var(--text-muted,inherit);}.toplist-more{margin-block: var(--space-6,1.5rem);}.toplist-more ul{display: grid;gap: var(--space-2,0.5rem);margin: 0;padding: 0;list-style: none;}.toplist-more ul,.toplist-hub{grid-template-columns: minmax(0,1fr);}.toplist-more a,.toplist__how a{white-space: normal;overflow-wrap: anywhere;}