.tp-color-tile{display:flex;flex-direction:column;min-width:0;border:1px solid hsl(var(--border));background:hsl(var(--card));transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}a.tp-color-tile:hover{border-color:hsl(var(--foreground));box-shadow:0 14px 30px -22px #00000080;transform:translateY(-1px)}.tp-color-tile:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:3px}.tp-color-tile-face{display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;min-height:104px;padding:1rem;background:var(--tile-color);color:#fff}.tp-color-tile-head{display:flex;align-items:center;gap:.5rem}.tp-color-tile-eyebrow{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd1}.tp-color-tile-title{font-size:1rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere;color:#fff}.tp-color-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.62rem;font-family:ui-monospace,monospace;color:#ffffffd1}.tp-color-tile-note{display:flex;flex-direction:column;flex:1;gap:.6rem;padding:.9rem 1rem}.tp-color-tile-note p{font-size:.8rem;line-height:1.6;color:hsl(var(--muted-foreground));margin:0}.tp-color-tile-cta{margin-top:auto;font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--foreground))}a.tp-color-tile:hover .tp-color-tile-cta{text-decoration:underline;text-underline-offset:.25em}