.intro{padding-block:var(--space-section-lg) clamp(.5rem, .35rem + .65vw, 1rem)}.kicker{align-items:center;gap:var(--space-sm);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;color:var(--accent);margin:0 0 var(--space-sm);display:inline-flex}.kicker:before{content:"";background:var(--accent);width:22px;height:1.5px;transform:translateY(var(--optical-marker));flex-shrink:0}h1{font-family:var(--font-serif);font-size:var(--text-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);margin:0}.lede{margin:var(--space-md) 0 0;color:var(--fg-muted);font-size:var(--text-md);line-height:var(--leading-body);max-width:var(--measure-text)}.lede-extra{margin-top:var(--space-md);font-size:var(--text-base);color:var(--fg-subtle)}.cat-section{padding-block:var(--space-3xl);border-top:var(--border-w) solid var(--border);margin-top:var(--space-2xl)}.cat-head{margin-bottom:var(--space-xl)}.cat-head h2{font-family:var(--font-serif);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);align-items:baseline;gap:var(--space-md);flex-wrap:wrap;margin:0;display:flex}.cat-head h2 a{color:var(--fg-strong);transition:color var(--dur-fast)}.cat-head h2 a:hover{color:var(--accent)}.cat-count{font-family:var(--font-sans);font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-xs);text-transform:uppercase;color:var(--accent);padding:var(--space-2xs) var(--space-sm);background:color-mix(in oklch, var(--accent) 12%, transparent);border-radius:var(--radius-pill)}.cat-blurb{margin:var(--space-xs) 0 0;color:var(--fg-muted);font-size:var(--text-base);max-width:50rem}.pair-grid{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));gap:clamp(.85rem,.75rem + .4vw,1rem);margin:0;padding:0;list-style:none;display:grid}.pair-card-wrap{display:flex}.pair-card{gap:var(--space-sm);padding:var(--space-lg) var(--space-xl) var(--space-xl);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);width:100%;color:var(--fg);box-shadow:var(--shadow-card);transition:transform var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-moderate) var(--ease-standard);flex-direction:column;display:flex;position:relative}.pair-card:hover{transform:translateY(var(--lift-sm));border-color:var(--accent);box-shadow:var(--shadow-card-hover)}.pair-card:active{transform:translateY(var(--lift-xs));transition-duration:var(--dur-micro)}.pair-side{align-items:center;column-gap:var(--space-md);row-gap:var(--space-3xs);grid-template-columns:1fr auto;grid-template-areas:"brand score""product score";min-width:0;display:grid;position:relative}.pair-win:before{content:"";left:calc(-1 * var(--space-md));background:var(--accent);border-radius:1px;width:2px;position:absolute;top:0;bottom:0}.pair-brand{min-width:0;font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-xs);text-transform:uppercase;color:var(--fg-subtle);grid-area:brand;align-self:end}.pair-product{min-width:0;font-family:var(--font-serif);font-weight:var(--weight-bold);font-size:var(--text-md);color:var(--fg-strong);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);text-wrap:balance;grid-area:product;align-self:start}.pair-score{font-family:var(--font-serif);font-weight:var(--weight-bold);color:var(--accent);font-size:var(--text-xl);font-variant-numeric:tabular-nums;line-height:var(--leading-none);grid-area:score;place-self:center end}.pair-lose .pair-score{color:var(--fg-subtle)}.pair-lose .pair-product{color:var(--fg-muted)}.pair-vs{align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-xs);text-transform:uppercase;color:var(--fg-subtle);line-height:var(--leading-none);display:flex}.pair-vs:before,.pair-vs:after{content:"";height:var(--border-w);background:var(--border);flex:1}.pair-tag{padding-top:var(--space-sm);border-top:var(--border-w) dashed var(--border);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;color:var(--accent);line-height:var(--leading-none);margin-top:auto}.pair-tag.muted{color:var(--fg-muted)}