.uses__head{margin-bottom:clamp(32px,4.5vw,52px)}.uses{--fade:max(var(--gutter), min(140px, calc((100vw - var(--measure)) / 2)));--card:288px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);position:relative;overflow:auto hidden}.uses::-webkit-scrollbar{display:none}.uses:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.uses{cursor:grab;-webkit-user-select:none;user-select:none}.uses.is-dragging{cursor:grabbing}}.uses__row{gap:12px;width:max-content;margin:0;padding:0;list-style:none;display:flex}.use{flex:0 0 var(--card);border-radius:var(--r-frame);background:var(--soft-ground);flex-direction:column;justify-content:space-between;gap:26px;min-height:172px;padding:20px 20px 18px;transition:background-color .16s,box-shadow .16s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000}.use:hover{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}.uses:focus-visible .use{box-shadow:inset 0 0 0 1px var(--line-strong)}.use h3{font:700 var(--t-md) / 1.25 var(--text);letter-spacing:0;color:var(--ink);margin:0;padding-right:2.2em}.use__n{font:400 var(--t-xs) / 1 var(--mono);font-variation-settings:"wdth" 87.5;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--ink-faint);position:absolute;top:21px;right:18px}.use__io{font:400 var(--t-xs) / 1.35 var(--mono);font-variation-settings:"wdth" 87.5;flex-direction:column;gap:8px;min-width:0;display:flex}.use__in{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.use__in:before{content:"“"}.use__in:after{content:"”"}.use__out{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--accent);background:#7df0d417;border-radius:4px;align-self:flex-start;padding:5px 8px;overflow:hidden}.uses__ctl{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.uses__btn{border:1px solid var(--line-strong);border-radius:var(--r);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;background:0 0;place-items:center;padding:0;transition:background-color .14s,border-color .14s,color .14s;display:inline-grid}.uses__btn:hover{border-color:var(--ink-faint);color:var(--ink);background:#e4f1f40d}.uses__btn:active{transform:scale(.96)}.uses__btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.uses__btn svg path[d$=Z]{fill:currentColor;stroke-width:1.2px}@media (width<=359px){.uses{--card:252px}}