.toplist-hero{padding:var(--space-12) 0 var(--space-8)}.toplist-hero__grid{display:grid;grid-template-columns:1.4fr .6fr;gap:var(--space-5);align-items:start}.toplist-hero h1{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--text-h1);line-height:.98;letter-spacing:-.03em;margin:0 0 var(--space-4);background:linear-gradient(90deg,#9fc,#f5f5f5,#9fc);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:toplist-gradient 6s ease infinite}@keyframes toplist-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.toplist-hero__subtitle{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.03em;margin:0 0 var(--space-4);background:var(--gradient-heading);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toplist-hero__intro{margin:0;max-width:62ch;color:var(--color-text-muted);font-size:clamp(1rem,1.5vw,1.1rem);line-height:var(--line-height-relaxed)}.toplist-meta-box{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border)}.toplist-meta-box__label{font-family:var(--font-mono);color:var(--color-text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.toplist-meta-box strong{font-size:var(--text-base);display:block;margin-top:var(--space-1)}.toplist-meta-box p{color:var(--color-text-muted);font-size:.95rem;margin:0}.toplist-section{padding:var(--space-6) 0 var(--space-8)}.toplist-section h2{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.03em;margin:0 0 var(--space-4);background:var(--gradient-heading);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toplist-section__intro{margin:0 0 var(--space-5);max-width:62ch;color:var(--color-text-muted)}.toplist-quick-picks{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.toplist-quick-pick{background:var(--color-bg-elevated);border:1px solid var(--color-border);overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast);text-decoration:none;color:inherit;display:block}.toplist-quick-pick:hover{transform:translateY(-2px);border-color:#99ffcc59}.toplist-quick-pick__image{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-bottom:1px solid var(--color-border-subtle)}.toplist-quick-pick__body{padding:var(--space-3) var(--space-3) var(--space-3)}.toplist-quick-pick__tag{font-family:var(--font-mono);display:inline-block;margin-bottom:var(--space-3);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em}.toplist-quick-pick h3{font-family:var(--font-display);margin:0 0 var(--space-2);font-size:1.08rem;line-height:var(--line-height-tight)}.toplist-quick-pick p{margin:0;color:var(--color-text-muted);font-size:.95rem}.toplist-ranking{display:grid;gap:var(--space-6)}.toplist-card{display:grid;grid-template-columns:1fr 1fr;background:var(--color-bg-elevated);border:1px solid var(--color-border);overflow:visible}.toplist-card__image{position:relative;min-height:100%;overflow:visible}.toplist-card__image img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.toplist-card__badge{position:absolute;top:-10px;left:var(--space-3);background:var(--color-accent);color:var(--color-bg);padding:.25em .6em;font-size:.625rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;z-index:10;box-shadow:var(--shadow-tag)}.toplist-card__content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-5)}.toplist-card__kicker{font-family:var(--font-mono);margin-bottom:var(--space-2);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em}.toplist-card h3{font-family:var(--font-display);font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 var(--space-3)}.toplist-card__summary{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--line-height-relaxed)}.toplist-specs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.toplist-spec-pill{padding:var(--space-1) var(--space-2);background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs)}.toplist-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.toplist-pros-cons__box{padding:0;background:none;border:none}.toplist-pros-cons__box h4{margin:0 0 var(--space-2);font-size:.95rem;text-transform:uppercase;letter-spacing:.06em}.toplist-pros-cons__box--pros h4{color:var(--color-accent)}.toplist-pros-cons__box--cons h4{color:var(--color-accent-alt)}.toplist-pros-cons__box ul{margin:0;padding-left:var(--space-4);color:var(--color-text-muted)}.toplist-pros-cons__box li+li{margin-top:var(--space-1)}.toplist-fit-line{margin:0;font-weight:var(--font-weight-medium)}.toplist-fit-line span{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.toplist-review-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast)}.toplist-review-link:hover{color:var(--color-accent-hover)}.toplist-review-link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.toplist-review-link:hover svg{transform:translate(3px)}.toplist-methodology{padding:var(--space-6);background:linear-gradient(180deg,#99ffcc14,#99ffcc05);border:1px solid rgba(153,255,204,.2)}.toplist-methodology h2{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.03em;margin:0 0 var(--space-4);-webkit-text-fill-color:var(--color-text);background:none}.toplist-methodology p{color:var(--color-text-muted);line-height:var(--line-height-relaxed);max-width:62ch}.toplist-methodology p:last-child{margin-bottom:0}.toplist-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.toplist-faq details{padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);scroll-margin-top:80px}.toplist-faq summary{cursor:pointer;font-weight:var(--font-weight-medium);list-style:none}.toplist-faq summary::-webkit-details-marker{display:none}.toplist-faq details p{margin:var(--space-3) 0 0;color:var(--color-text-muted)}.toplist-related{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:1080px){.toplist-hero__grid,.toplist-card{grid-template-columns:1fr}.toplist-quick-picks,.toplist-related{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.toplist-hero{padding-top:var(--space-8)}.toplist-quick-picks,.toplist-pros-cons,.toplist-related,.toplist-faq{grid-template-columns:1fr}.toplist-card__content,.toplist-methodology{padding:var(--space-4)}}html{scroll-behavior:smooth}[data-astro-cid-vcfubwyp][id^=pick-]{scroll-margin-top:80px}