.cmp-page{margin-block:var(--sp-8) var(--sp-12)}.cmp-intro{margin-bottom:var(--sp-5)}.cmp-page .breadcrumb{margin:0 0 var(--sp-4);font-size:var(--fs-sm)}.cmp-page .breadcrumb a{color:inherit;text-decoration:none}.cmp-page .breadcrumb a:hover{text-decoration:underline}.cmp-intro h1{font-family:var(--font-display);font-size:var(--fs-5xl);line-height:var(--lh-tight);margin:0 0 var(--sp-3)}.cmp-lede{font-size:var(--fs-lg);color:var(--color-muted);line-height:var(--lh-body);margin:0;max-width:46rem}.cmp-shell{max-width:var(--wide-width);margin-inline:auto}.cmp-toolbar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"a swap b" "units units units";gap:var(--sp-3) var(--sp-4);align-items:end;padding:var(--sp-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pk[data-side=a]{grid-area:a}.pk[data-side=b]{grid-area:b}.pk{position:relative;min-width:0}.pk__label{display:flex;align-items:center;gap:.45em;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--sp-2)}.pk__dot{width:11px;height:11px;border-radius:3px;flex:none}.pk__dot--a{background:var(--color-primary)}.pk__dot--b{background:var(--color-accent)}.pk__field{position:relative;display:flex}.pk__input{width:100%;font:inherit;font-size:var(--fs-base);padding:.65em 2.2em .65em .85em;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-ink)}.pk__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.pk__clear{position:absolute;right:.4em;top:50%;transform:translateY(-50%);width:1.7em;height:1.7em;border:none;border-radius:50%;background:color-mix(in srgb,var(--color-muted) 16%,transparent);color:var(--color-ink);font-size:1.1em;line-height:1;cursor:pointer;display:grid;place-items:center}.pk__clear:hover{background:color-mix(in srgb,var(--color-accent) 24%,transparent)}.pk__list{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;margin:0;padding:var(--sp-1);list-style:none;max-height:340px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.pk__opt{display:flex;align-items:center;gap:var(--sp-2);padding:.4em .5em;border-radius:var(--radius-sm);cursor:pointer}.pk__opt[aria-selected=true],.pk__opt:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.pk__opt-thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex:none;background:var(--color-bg)}.pk__opt-thumb--none{background:color-mix(in srgb,var(--color-muted) 18%,var(--color-bg))}.pk__opt-txt{display:flex;flex-direction:column;min-width:0}.pk__opt-name{font-weight:600;color:var(--color-ink)}.pk__opt-sci{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk__none{padding:.6em .7em;color:var(--color-muted);font-size:var(--fs-sm)}.cmp-swap{grid-area:swap;align-self:end;margin-bottom:2px;width:2.6em;height:2.6em;border-radius:50%;border:1.5px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-ink);font-size:var(--fs-lg);cursor:pointer;display:grid;place-items:center;transition:transform .12s ease,background-color .12s ease}.cmp-swap:not(:disabled):hover{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary);transform:rotate(180deg)}.cmp-swap:disabled{opacity:.4;cursor:not-allowed}.cmp-swap:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cmp-units{grid-area:units;justify-self:end;display:inline-flex;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);overflow:hidden}.cmp-unit{appearance:none;border:none;background:transparent;font:inherit;font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);padding:.4em .9em;cursor:pointer}.cmp-unit:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}[data-units=metric] .cmp-unit[data-unit-toggle=metric],[data-units=imperial] .cmp-unit[data-unit-toggle=imperial]{background:var(--color-primary);color:var(--color-surface)}:root:not([data-units]) .cmp-unit[data-unit-toggle=imperial]{background:var(--color-primary);color:var(--color-surface)}.cmp-empty{margin-top:var(--sp-6)}.cmp-empty__card{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:clamp(var(--sp-5),4vw,var(--sp-8));text-align:center;background:color-mix(in srgb,var(--color-primary) 3%,var(--color-bg))}.cmp-empty__eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin:0 0 var(--sp-2)}.cmp-empty__title{font-family:var(--font-display);font-size:var(--fs-3xl);margin:0 0 var(--sp-2);color:var(--color-ink)}.cmp-empty__body{color:var(--color-muted);margin:0 auto var(--sp-5);max-width:34rem}.cmp-empty__count{margin:var(--sp-5) 0 0;font-size:var(--fs-sm);color:var(--color-muted)}.sug{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:40rem;margin-inline:auto}.sug__btn{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);text-align:left;cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.sug__btn:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sug__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sug__thumbs{display:inline-flex;flex:none}.sug__thumb{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--color-surface);background:var(--color-bg)}.sug__thumb--b{margin-left:-16px}.sug__names{font-weight:600;font-size:var(--fs-sm);color:var(--color-ink);line-height:var(--lh-snug)}.sug__vs{color:var(--color-accent);font-style:italic;font-weight:500}.cmp-out{margin-top:var(--sp-6);scroll-margin-top:var(--sp-6)}.cmp{display:flex;flex-direction:column;gap:var(--sp-5)}.cmp-heads{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--sp-3);align-items:start}.cmp-head{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-top:3px solid var(--color-border)}.cmp-head--a{border-top-color:var(--color-primary)}.cmp-head--b{border-top-color:var(--color-accent)}.cmp-head .pk__dot{position:absolute;top:var(--sp-3);left:var(--sp-3)}.cmp-head__media{display:block;width:100%;text-decoration:none}.cmp-head__img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--radius-md);display:block;background:var(--color-bg)}.cmp-head__img--none{display:grid;place-items:center;color:var(--color-muted)}.cmp-head__credit{display:block;font-size:.68rem;color:var(--color-muted);margin-top:2px;line-height:1.2}.cmp-head__name{font-family:var(--font-display);font-size:var(--fs-xl);margin:var(--sp-1) 0 0;line-height:var(--lh-tight)}.cmp-head__name a{color:var(--color-ink);text-decoration:none}.cmp-head__name a:hover{color:var(--color-primary)}.cmp-head__sci{font-family:var(--font-mono);font-style:italic;font-size:var(--fs-sm);color:var(--color-muted);margin:0}.cmp-head__cons{margin-top:2px}.cmp-vs{align-self:center;font-family:var(--font-display);font-style:italic;font-size:var(--fs-2xl);color:var(--color-accent)}.cmp-scale{margin:0;padding:var(--sp-4) var(--sp-5) var(--sp-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.cmp-scale__cap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-3)}.cmp-scale__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-2xl);color:var(--color-ink)}.cmp-scale__legend{display:inline-flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-xs);color:var(--color-muted)}.cmp-lg{display:inline-flex;align-items:center;gap:.4em}.cmp-lg i{width:12px;height:12px;border-radius:3px;display:inline-block}.cmp-lg--a i{background:var(--color-primary)}.cmp-lg--b i{background:var(--color-accent)}.cmp-lg--h i{background:color-mix(in oklab,var(--color-muted) 55%,var(--color-bg))}.cmp-scale__stage{width:100%;overflow:hidden}.stg-svg{display:block;width:100%;height:auto;max-height:380px}.stg-ground{stroke:var(--color-border-strong);stroke-width:1.5}.stg-fig{fill:currentColor}.stg-fig--a{color:var(--color-primary)}.stg-fig--b{color:var(--color-accent)}.stg-fig--h{color:color-mix(in oklab,var(--color-muted) 55%,var(--color-bg))}.stg-ph{fill:currentColor;opacity:.25}.stg-fig .stg-ph+*{opacity:1}.cmp-scale__stage .stg-fig>g{animation:cmpfade .24s ease}@keyframes cmpfade{0%{opacity:0}to{opacity:1}}.cmp-key{padding:var(--sp-4) var(--sp-5);border-left:4px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg));border-radius:var(--radius-sm)}.cmp-key__h{font-family:var(--font-display);font-size:var(--fs-lg);margin:0 0 var(--sp-2)}.cmp-key__list{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-base);line-height:var(--lh-snug);color:var(--color-ink)}.cmp-key__list b{color:var(--color-ink)}.cmp-table{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.cmp-row{display:grid;grid-template-columns:minmax(6.5rem,1.15fr) minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--color-border)}.cmp-row:last-child{border-bottom:none}.cmp-row--head{position:sticky;top:0;z-index:2;background:var(--color-surface);border-bottom:2px solid var(--color-border-strong)}.cmp-row--head .cmp-rv{font-family:var(--font-display);font-weight:600;font-size:var(--fs-base);color:var(--color-ink);align-items:center}.cmp-row--head .cmp-rv--ha{box-shadow:inset 0 -3px 0 var(--color-primary)}.cmp-row--head .cmp-rv--hb{box-shadow:inset 0 -3px 0 var(--color-accent)}.cmp-rl{padding:.7em .85em;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);display:flex;align-items:center;background:color-mix(in srgb,var(--color-muted) 4%,var(--color-surface))}.cmp-rv{padding:.7em .85em;font-size:var(--fs-sm);color:var(--color-ink);line-height:var(--lh-snug);display:flex;align-items:center;border-left:1px solid var(--color-border);word-break:break-word}.cmp-win{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));font-weight:600}.cmp-grp{grid-column:1 / -1;padding:.45em .85em;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border-bottom:1px solid var(--color-border)}.cmp-grp>div{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.cmp-na{color:var(--color-muted)}.cmp-msr{font-variant-numeric:tabular-nums}.cmp-u--imperial{display:none}[data-units=imperial] .cmp-u--imperial{display:inline}[data-units=imperial] .cmp-u--metric{display:none}.cmp-cons{display:inline-flex;align-items:baseline;gap:.4em;font-size:var(--fs-xs);font-weight:600;padding:.15em .5em;border-radius:var(--radius-pill);color:#fff;line-height:1.3}.cmp-cons b{font-weight:800;letter-spacing:.02em}.cmp-cons--lc{background:var(--color-cons-lc)}.cmp-cons--nt{background:var(--color-cons-nt)}.cmp-cons--vu{background:var(--color-cons-vu);color:var(--color-ink)}.cmp-cons--en{background:var(--color-cons-en)}.cmp-cons--cr{background:var(--color-cons-cr)}.cmp-cons--ew,.cmp-cons--ex{background:var(--color-cons-ex)}.cmp-cons--dd,.cmp-cons--ne{background:var(--color-cons-dd)}.cmp-states{display:inline-flex;flex-direction:column;gap:3px;width:100%}.cmp-states__n{font-weight:600;font-variant-numeric:tabular-nums}.cmp-states__lbl{font-weight:400;color:var(--color-muted)}.cmp-states__bar{display:block;height:5px;border-radius:3px;background:color-mix(in srgb,var(--color-muted) 18%,var(--color-bg));overflow:hidden}.cmp-states__bar>span{display:block;height:100%;background:var(--color-primary);border-radius:3px}.cmp-foot{display:flex;flex-direction:column;gap:var(--sp-5)}.cmp-cta-block{display:flex;flex-direction:column;gap:var(--sp-3)}.cmp-cta-h{font-family:var(--font-display);font-size:var(--fs-xl);margin:0;color:var(--color-ink)}.cmp-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.cmp-cta{display:flex;align-items:stretch;min-width:0;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.cmp-cta--a{border-top-color:var(--color-primary)}.cmp-cta--b{border-top-color:var(--color-accent)}.cmp-cta:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cmp-cta--a:hover{border-color:var(--color-primary)}.cmp-cta--b:hover{border-color:var(--color-accent)}.cmp-cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cmp-cta--b:focus-visible{outline-color:var(--color-accent)}.cmp-cta__media{flex:none;align-self:stretch;overflow:hidden;width:40%;min-width:104px;max-width:190px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg))}.cmp-cta--b .cmp-cta__media{background:color-mix(in srgb,var(--color-accent) 7%,var(--color-bg))}.cmp-cta__media img{width:100%;height:100%;object-fit:cover;display:block}.cmp-cta__media--none{display:grid;place-items:center}.cmp-cta__media--none span{font-family:var(--font-display);font-size:var(--fs-4xl);color:var(--color-muted);opacity:.55}.cmp-cta__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:var(--sp-3) var(--sp-4)}.cmp-cta__eyebrow{display:inline-flex;align-items:center;gap:.45em;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.cmp-cta__eyebrow .pk__dot{width:9px;height:9px}.cmp-cta__name{font-family:var(--font-display);font-size:var(--fs-xl);line-height:var(--lh-tight);color:var(--color-ink);transition:color .14s ease}.cmp-cta--a:hover .cmp-cta__name,.cmp-cta--a:focus-visible .cmp-cta__name{color:var(--color-primary)}.cmp-cta--b:hover .cmp-cta__name,.cmp-cta--b:focus-visible .cmp-cta__name{color:var(--color-accent)}.cmp-cta__sci{font-family:var(--font-mono);font-style:italic;font-size:var(--fs-sm);color:var(--color-muted)}.cmp-cta__chip{margin-top:3px}.cmp-cta__hook{font-size:var(--fs-sm);color:var(--color-ink);line-height:var(--lh-snug);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cmp-cta__go{margin-top:auto;padding-top:var(--sp-2);font-weight:700;font-size:var(--fs-sm);white-space:nowrap}.cmp-cta--a .cmp-cta__go{color:var(--color-primary)}.cmp-cta--b .cmp-cta__go{color:var(--color-accent)}.cmp-cta__go span{display:inline-block;transition:transform .14s ease}.cmp-cta:hover .cmp-cta__go span{transform:translate(3px)}.cmp-cons--mini{font-size:.68rem;padding:.12em .5em}.cmp-sources{font-size:var(--fs-sm)}.cmp-sources summary{cursor:pointer;color:var(--color-muted);font-weight:600}.cmp-sources ul{margin:var(--sp-2) 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}.cmp-sources a{color:var(--color-link)}.cmp-sources__note{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);color:var(--color-muted);line-height:var(--lh-body)}@media(max-width:640px){.cmp-toolbar{grid-template-columns:1fr auto;grid-template-areas:"a a" "swap b" "units units"}.pk[data-side=b]{grid-area:b}.cmp-swap{grid-area:swap;align-self:end}.cmp-head__name{font-size:var(--fs-base)}.cmp-head__sci{font-size:var(--fs-xs)}.cmp-head{padding:var(--sp-2)}.cmp-head .pk__dot{display:none}.cmp-vs{font-size:var(--fs-base)}.cmp-rl{font-size:.62rem;padding:.55em .4em}.cmp-rv{font-size:.78rem;padding:.55em .45em}.cmp-scale{padding:var(--sp-3)}.cmp-cta-row{grid-template-columns:1fr}.cmp-cta__name{font-size:var(--fs-lg)}}