.cmp-basis{gap:var(--space-3);flex-direction:column;display:flex}.cmp-basis-switch{border:var(--border);border-radius:var(--radius-md);background:var(--color-surface-2);flex-wrap:wrap;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.cmp-basis-switch[hidden]{display:none}.cmp-basis-btn{font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-md) - 3px);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:0 0;border:0}.cmp-basis-btn:hover{color:var(--color-text)}.cmp-basis-btn[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.js .cmp-basis-panel[data-active=false]{display:none}.cmp-table thead th.num{text-align:right;color:var(--color-text);font-size:var(--text-sm);white-space:normal}.cmp-table th[scope=row]{white-space:nowrap}@media (width<=40rem){.cmp-table th,.cmp-table td{padding:var(--space-2) var(--space-3)}.cmp-table td.num,.cmp-table th[scope=row]{white-space:normal}.cmp-table thead th.num{font-size:var(--text-xs)}}.cmp-meta-row>*{color:var(--color-text-muted)}.cmp-meta-row td.num{white-space:normal}.cmp-table-note{font-size:var(--text-xs);max-width:var(--prose-max)}.cmp-matchup{gap:var(--space-3);flex-direction:column;display:flex}.cmp-matchup h3{font-size:var(--text-lg)}.cmp-matchup p{max-width:var(--prose-max)}.cmp-small{font-size:var(--text-sm)}.cmp-table-compact th,.cmp-table-compact td{padding-block:var(--space-2)}.cmp{padding-block:var(--space-8) var(--space-16);gap:var(--space-6);flex-direction:column;display:flex}.cmp-head{gap:var(--space-3);flex-direction:column;max-width:52rem;display:flex}.cmp-head h1{text-wrap:balance}.cmp-updated{font-size:var(--text-sm)}.cmp-serving{font-size:var(--text-base)}.cmp-note{font-size:var(--text-sm);max-width:var(--prose-max)}.cmp-toc{gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.cmp-toc a{padding:var(--space-1) var(--space-3);border:var(--border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);text-decoration:none}.cmp-toc a:hover{border-color:var(--color-border-strong)}.cmp-section{gap:var(--space-4);margin-top:var(--space-6);scroll-margin-top:calc(var(--header-height) + var(--space-4));flex-direction:column;display:flex}.cmp-section h2{text-wrap:balance}.cmp-lede{max-width:var(--prose-max)}.cmp .table-wrap,.cmp-table-note{max-width:52rem}.cmp-sources{gap:var(--space-1);flex-direction:column;display:flex}.cmp-gauges,.cmp-pair{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.cmp-card{gap:var(--space-3);flex-direction:column;display:flex}.cmp-card h3{font-size:var(--text-lg)}.cmp-card-head{align-items:center;gap:var(--space-3);display:flex}.cmp-facts,.cmp-pick ul,.cmp-limits{padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.cmp-limits{max-width:var(--prose-max)}.cmp-pick h3{color:var(--color-accent)}.cmp-ingredients summary{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted)}.cmp-ingredients p{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.cmp-links{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.cmp-matchups{--stack-gap:var(--space-8)}.cmp-related{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));padding:0;list-style:none;display:grid}.cmp-related a.card{height:100%;font-weight:var(--weight-medium);color:var(--color-text);text-decoration:none;display:block}.cmp-related a.card:hover{border-color:var(--color-accent);color:var(--color-accent)}.cmp-related a.cmp-build{color:var(--color-accent)}.cmp .faq{margin-top:var(--space-6)}.bf-page{padding-block:var(--space-8) var(--space-16)}.bf-hero{--stack-gap:var(--space-5);max-width:52rem}.bf-hero h1{text-wrap:balance}.bf-summary{font-size:var(--text-sm)}.bf-ranking{margin-top:var(--space-12)}.bf-ranking>h2,.bf-compare>h2{margin-bottom:var(--space-3)}.bf-list{margin-top:var(--space-5);gap:var(--space-5);padding:0;list-style:none;display:grid}.bf-item{gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr);display:grid}.bf-item-rank{font-size:var(--text-2xl);font-weight:var(--weight-bold);min-width:1.6em;color:var(--color-accent);letter-spacing:var(--tracking-tight);line-height:1}.bf-item-body{gap:var(--space-4);min-width:0;display:grid}.bf-item-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.bf-item-title{align-items:center;gap:var(--space-3);min-width:0;display:flex}.bf-item-name{font-size:var(--text-xl)}.bf-item-name a{color:var(--color-text);text-decoration:none}.bf-item-name a:hover{color:var(--color-accent);text-decoration:underline}.bf-item-meta{--cluster-gap:var(--space-2)}.bf-item-score{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.bf-item-grid{gap:var(--space-5);display:grid}@media (width>=48rem){.bf-item-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}.bf-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);margin-bottom:var(--space-2)}.bf-item-why ul{padding-left:var(--space-5);font-size:var(--text-sm)}.bf-item-why li+li{margin-top:var(--space-1)}.bf-item-gauge{margin-top:var(--space-4);max-width:22rem}.bf-item-gauge .gauge-bar{--gauge-bg:var(--color-surface)}.bf-mini{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.bf-mini th,.bf-mini td{padding:var(--space-1) var(--space-2);border-bottom:var(--border);text-align:right}.bf-mini th[scope=row]{text-align:left;font-weight:var(--weight-medium);padding-left:0}.bf-mini thead th{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-semibold)}.bf-mini tbody tr:last-child>*{border-bottom:0}.bf-cost{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid}.bf-cost dt{font-size:var(--text-xs);color:var(--color-text-muted)}.bf-cost dd{font-weight:var(--weight-semibold)}.bf-item-foot{align-items:center;gap:var(--space-3) var(--space-5);padding-top:var(--space-4);border-top:var(--border);flex-wrap:wrap;display:flex}.bf-item-notes{flex:16rem;min-width:0}.bf-item-notes>*+*{margin-top:var(--space-1)}.bf-compare{margin-top:var(--space-12)}.bf-table th[scope=row]{white-space:normal;min-width:11rem}.bf-copy{margin-top:var(--space-4)}.bf-copy>section>h2{margin-top:var(--space-10)}.bf-copy>section>*+*{margin-top:var(--space-4)}.bf-copy>section>h2+*{margin-top:var(--space-3)}.bf-copy ul,.bf-copy ol{padding-left:var(--space-6)}.bf-copy li+li{margin-top:var(--space-2)}.bf-rules{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:var(--border);border-radius:var(--radius-md);font-size:var(--text-sm)}.bf-rules dl{gap:var(--space-3);display:grid}.bf-rules dt{font-weight:var(--weight-semibold)}.bf-rules dd{margin-top:var(--space-1)}.bf-rules-foot{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border);color:var(--color-text-muted)}.bf-page>.source-note{margin-top:var(--space-8)}.bf-related{margin-top:var(--space-10);padding-top:var(--space-8);border-top:var(--border)}.bf-related h2{font-size:var(--text-xl)}.bf-related ul{margin-top:var(--space-4);gap:var(--space-2) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));padding:0;list-style:none;display:grid}@media (width<=30rem){.bf-item{padding:var(--space-4);gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.bf-cost{grid-template-columns:minmax(0,1fr)}}