.rcard{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);flex-direction:column;height:100%;transition:border-color .16s;display:flex;position:relative;overflow:hidden}.rcard:hover{border-color:var(--color-action)}.rcard:has(a:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.rcard__thumb{aspect-ratio:16/10;background:var(--color-dark);overflow:hidden}.rcard__thumb img{object-fit:cover;object-position:var(--pos,center);width:100%;height:100%;transform:scale(var(--zoom,1));transform-origin:var(--pos,center);transition:transform .4s cubic-bezier(.16,1,.3,1)}.rcard__thumb--brand img{filter:url(#duotone-logic)}.rcard:hover .rcard__thumb img{transform:scale(calc(var(--zoom,1) * 1.04))}.rcard__body{flex-direction:column;flex:1;gap:14px;padding:20px 22px 22px;display:flex}.rcard__title{letter-spacing:-.015em;text-wrap:balance;font-size:1.1875rem;line-height:1.3}.rcard__title a{text-decoration:none}.rcard__title a:after{content:"";position:absolute;inset:0}.rcard__title a:focus-visible{outline:none}.rcard:hover .rcard__title a{text-decoration:underline;-webkit-text-decoration-color:var(--color-highlight);text-decoration-color:var(--color-highlight);text-underline-offset:4px;text-decoration-thickness:2px}.rcard__ext{color:var(--color-action);vertical-align:1px;margin-left:6px;display:inline}.rcard__meta{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-top:auto;font-size:.875rem;display:flex}.rcard__kind{color:var(--color-action);font-weight:600}@media (prefers-reduced-motion:reduce){.rcard:hover .rcard__thumb img{transform:scale(var(--zoom,1))}}@media (max-width:560px){.rcard{flex-direction:row}.rcard__thumb{aspect-ratio:auto;flex:0 0 104px;min-height:112px}.rcard__body{gap:10px;padding:14px 16px}.rcard__title{font-size:1.0625rem}.rcard__meta{flex-direction:column;gap:2px;font-size:.8125rem}}
