.t-card{display:flex;width:100%;flex-direction:column;gap:1rem;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.t-card,.t-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.t-card:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.t-card--compact{gap:.75rem;padding:1rem}@media (min-width:768px){.t-card--horizontal{flex-direction:row;align-items:flex-start}}.t-card-head{display:flex;align-items:center;gap:.75rem}.t-avatar{position:relative;flex-shrink:0;overflow:hidden;border-radius:9999px;width:48px;height:48px;background-color:#f3f4f6}.t-avatar--placeholder:after{content:"";display:block;width:100%;height:100%;background-image:radial-gradient(#d1d5db 35%,transparent 36%);background-size:8px 8px;background-position:50%}.t-id{display:flex;flex-direction:column;line-height:1.25}.t-name{font-size:1rem;line-height:1.5rem;font-weight:600;color:#3b2f2f}.t-meta{font-size:.875rem;line-height:1.25rem;color:#6b7280}.t-date{font-size:.75rem;line-height:1rem;color:#9ca3af}.t-rating{display:flex;align-items:center;gap:.25rem}.t-star{height:1.25rem;width:1.25rem;color:var(--color-border)}.t-star--full{color:var(--color-primary)}.t-star--half{color:var(--color-border);position:relative;overflow:hidden}.t-star--half:after{content:"";position:absolute;inset:0;left:50%;background:white}.t-quote{position:relative;color:#1f2937}.t-card--compact .t-quote p,.t-quote p{font-size:.875rem;line-height:1.25rem}.t-quote-mark{position:absolute;left:-.25rem;top:-.75rem;font-size:2rem;line-height:1;color:#7a9e7e;opacity:.25}.t-card--highlight{background-color:var(--color-bg);box-shadow:0 6px 24px var(--color-secondary);border:1px solid var(--color-secondary)}.t-card:focus-within{outline:2px solid #2563eb;outline-offset:2px;border-radius:.75rem}@media (prefers-reduced-motion:reduce){.t-card{transition:none!important}}