@layer components{.val-list{max-width:var(--container-prose);font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-muted);flex-direction:column;gap:.5rem;display:flex}.val-list>li{gap:.5rem;display:flex}.val-list>li>.icon{color:var(--color-text-faint);margin-top:.125rem}.val-fine{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-faint)}.vb{text-align:left;border-radius:var(--radius-xl);background:var(--color-value);width:100%;color:var(--color-value-ink);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lbl rank""amt rank""why why";align-items:start;padding:1.375rem 1.75rem;display:grid;position:relative}.vb:hover{background:var(--color-value-hover)}.vb:active{background:var(--color-value-press);scale:.995}.vb:focus-visible{outline:2px solid var(--color-text);outline-offset:3px;border-radius:var(--radius-xl)}.vb-lbl{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-semibold);color:var(--color-value-ink-muted);flex-wrap:wrap;grid-area:lbl;align-items:center;gap:.375rem .5rem;display:flex}.vb-tag{border-radius:var(--radius-full);background:var(--color-value-soft);height:1.25rem;font-size:var(--text-xs);line-height:1;font-weight:var(--font-weight-semibold);color:var(--color-value-ink);align-items:center;padding-inline:.4375rem;display:inline-flex}.vb-rank{text-align:right;flex-direction:column;grid-area:rank;align-items:flex-end;gap:.125rem;padding-left:1rem;display:flex}.vb-tier{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-bold);white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.vb .tier-gauge,.vs-meta .tier-gauge{color:var(--color-value-ink);gap:2px}.vb .tier-gauge>i,.vs-meta .tier-gauge>i{opacity:1;background:var(--color-value-pip-off);width:7px;height:7px}.vb .tier-gauge>i[data-on],.vs-meta .tier-gauge>i[data-on]{background:var(--color-value-ink)}.vb-score{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);color:var(--color-value-ink-muted)}.vb-amt{font-family:var(--font-display);font-size:var(--value-size);line-height:1;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-value);white-space:nowrap;grid-area:amt;margin-top:.25rem;display:block}.vb-amt>small{font-size:.6em;font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin-inline:.1em}.vb-amt>.vb-amt-from{font-family:var(--font-sans);letter-spacing:0;margin-inline:0 .25em;font-size:.4em}.vb-amt .num,.vs-amt .num{font-variant-numeric:normal}.vb-amt[data-words]{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);white-space:normal;text-wrap:balance;margin-top:.5rem}.vb-amt-band{font-family:var(--font-sans);font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-semibold);letter-spacing:0;color:var(--color-value-ink-muted);margin-top:.125rem;display:block}.vb-why{max-width:68ch;font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-medium);grid-area:why;margin-top:.75rem;padding-right:3.25rem;display:block}.vb-go{border-radius:var(--radius-full);background:var(--color-value-soft);width:2.25rem;height:2.25rem;transition:background-color var(--duration-fast) var(--ease-out), translate var(--duration-fast) var(--ease-out);place-items:center;display:grid;position:absolute;bottom:1.25rem;right:1.375rem}.vb:hover>.vb-go{background:var(--color-value-soft-hover);translate:2px}.vb-off{border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;justify-content:center;gap:.375rem;min-height:6.5rem;padding:1.375rem 1.75rem;display:flex}.vb-off-lbl{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-semibold);color:var(--color-text-faint)}.vb-off-text{font-size:var(--text-md);line-height:var(--text-md--line-height);font-weight:var(--font-weight-semibold);align-items:center;gap:.5rem;display:flex}.vb-off-text>.icon{color:var(--color-text-faint);flex:none}.vb-off[data-state=loading]{background:var(--color-accent-tint);justify-content:flex-start;min-height:11.25rem}.vb-off[data-state=loading] .skeleton{background:color-mix(in oklab, var(--color-accent) 22%, transparent)}.vb[data-static]{cursor:default}.vb[data-static]:hover,.vb[data-static]:active{background:var(--color-value);scale:none}@media (max-width:47.99rem){.vb{grid-template-columns:minmax(0,1fr);grid-template-areas:"lbl""amt""rank""why";padding:1.25rem 1.25rem 1.125rem}.vb-rank{text-align:left;flex-flow:wrap;align-items:center;gap:.25rem .75rem;margin-top:.75rem;padding-left:0}.vb-why{font-size:var(--text-ui);line-height:var(--text-ui--line-height);margin-top:.5rem}.vb-go{bottom:1rem;right:1rem}}.vs-title{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-semibold);color:var(--color-value-ink-muted)}.vs-amt{font-family:var(--font-display);font-size:var(--text-4xl);line-height:1;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-value);white-space:nowrap;margin-top:.25rem;display:block}.vs-amt>small{font-size:.6em;font-weight:var(--font-weight-semibold);margin-inline:.1em}.vs-amt[data-words]{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);white-space:normal}.vs-meta{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-medium);color:var(--color-value-ink-muted);flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin-top:.625rem;display:flex}.vs-meta>b{font-weight:var(--font-weight-bold);color:var(--color-value-ink);align-items:center;gap:.5rem;display:inline-flex}.vs-sub{max-width:52ch;font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-medium);margin-top:.5rem}@media (max-width:47.99rem){.vs-amt{font-size:var(--text-3xl)}}.vs-notes{margin-top:1rem}.vs-foot{border-radius:var(--radius-lg);background:var(--color-surface-2);font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-muted);margin-top:1rem;padding:1rem 1.125rem}.vs-foot>p>a{color:var(--color-text);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:var(--radius-xs)}.vs-foot>p>a:hover{color:var(--color-accent)}.vs-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:2.5rem;margin-top:.875rem;display:flex}.vs-more{margin-top:.75rem}.vs-more>summary{min-height:2.25rem;font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);border-radius:var(--radius-xs);align-items:center;gap:.375rem;display:inline-flex}.vs-more>summary:hover{color:var(--color-text)}.vs-more>summary>.icon{color:var(--color-text-faint);transition:rotate var(--duration-base) var(--ease-out)}.vs-more[open]>summary>.icon{rotate:90deg}.vs-more>.val-list{margin-top:.5rem;padding-bottom:.5rem}.vf{container-type:inline-size}.vf-axis,.vf-row{grid-template-columns:1.75rem minmax(0,1fr) 8.25rem 6.75rem;align-items:center;column-gap:.875rem;display:grid}.vf-axis{padding-block:.5rem .25rem}.vf-ticks{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-text-faint);white-space:nowrap;grid-column:3;justify-content:space-between;display:flex}.vf-ticks>span:nth-child(2){translate:0}.vf-row{padding-block:.75rem}.vf-row+.vf-row{border-top:1px solid var(--color-line)}.vf-thumb{background:var(--color-surface-2);width:1.75rem;height:2.8125rem;color:var(--color-text-muted);font-family:var(--font-display);font-size:.6875rem;line-height:1;font-weight:var(--font-weight-bold);letter-spacing:.02em;border-radius:4px;place-items:center;display:grid;overflow:hidden}.vf-thumb>img{width:100%;height:100%;display:block}.vf-thumb[data-kind=initials]{background:repeating-linear-gradient(135deg, var(--color-surface-2) 0 4px, var(--color-surface-3) 4px 8px);color:var(--color-text)}.vf-glyph{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:1.125rem;height:1.125rem}.vf-text{min-width:0}.vf-title{font-size:var(--text-base);line-height:1.375rem;font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;display:block}.vf-reason{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-muted);margin-top:.0625rem;display:block}.vf-scale{align-items:center;height:.375rem;display:flex}.vf-bar{display:block}.vf-bar-track{fill:var(--color-surface-3)}.vf-bar-fill{fill:var(--color-accent)}.vf-bar[data-negative]>.vf-bar-fill{fill:var(--color-text-faint)}.vf-amount{text-align:right;font-family:var(--font-display);font-size:var(--text-base);line-height:1.375rem;font-weight:var(--font-weight-semibold);white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.vf-amount .num{font-variant-numeric:normal}.vf-row[data-none]>.vf-amount{font-family:var(--font-sans);font-size:var(--text-ui);font-weight:var(--font-weight-medium);color:var(--color-text-faint)}.vf-evidence{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:var(--font-weight-normal);color:var(--color-text-faint);align-items:center;gap:.25rem;margin-top:.0625rem;display:inline-flex}.vf-total{border-top:1px solid var(--color-line-strong);font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:1rem .25rem;display:flex}.vf-total>b{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--text-xl--line-height);font-weight:var(--font-weight-semibold);white-space:nowrap}.vf-total .num{font-variant-numeric:normal}@container (max-width:29.99rem){.vf-axis{display:none}.vf-row{grid-template-columns:1.75rem minmax(0,1fr) auto}.vf-scale{display:none}}@media print{.val-row>summary .val-item>.icon{display:none}}}