.chip{border:1px solid var(--color-line);min-height:2.25rem;color:var(--color-text-2);cursor:pointer;transition:border-color var(--dur-ui) var(--ease-brand), background-color var(--dur-ui) var(--ease-brand), color var(--dur-ui) var(--ease-brand), transform var(--dur-micro) var(--ease-brand);border-radius:9999px;padding:0 .875rem;font-size:.8125rem}.chip:hover{border-color:var(--color-line-3);color:var(--color-text)}.chip:active{transform:scale(.97)}.chip[aria-pressed=true]{border-color:var(--color-champagne);background:var(--color-champagne);color:var(--color-on-accent)}.chip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.doc-list{border-top:1px solid var(--color-line-2)}.doc-list>li{animation:row-in var(--dur-surface) var(--ease-out-expo) both}.doc-row{border-bottom:1px solid var(--color-line);transition:background-color var(--dur-ui) var(--ease-brand);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.375rem 1.5rem;padding:1.25rem .25rem;display:grid}@media (min-width:900px){.doc-row{grid-template-columns:10rem minmax(0,1fr) auto auto}}.doc-row__type{color:var(--color-text-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--text-meta--letter-spacing);text-transform:uppercase}.doc-row__title{color:var(--color-text);font-family:var(--font-display);grid-column:1/-1;font-size:1.0625rem;font-weight:500;line-height:1.35}@media (min-width:900px){.doc-row__title{grid-column:auto}}.doc-row__meta{color:var(--color-text-3);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.375rem 1rem;font-size:.75rem;display:flex}.doc-row__icon{border:1px solid var(--color-line-2);width:2.25rem;height:2.25rem;color:var(--color-champagne);transition:transform var(--dur-ui) var(--ease-out-expo), border-color var(--dur-ui) var(--ease-brand), background-color var(--dur-ui) var(--ease-brand), color var(--dur-ui) var(--ease-brand);border-radius:9999px;padding:.5rem}.doc-row:hover{background:color-mix(in srgb, var(--color-text) 3%, transparent)}.doc-row:hover .doc-row__icon{border-color:var(--color-champagne);background:var(--color-champagne);color:var(--color-on-accent);transform:translateY(2px)}.doc-row:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:.5rem}@media (prefers-reduced-motion:reduce){.doc-list>li{animation:none}}
